@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Libre+Caslon+Display&display=swap";:root{color:#f0eadc;background:#171814;font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,textarea{font:inherit}button{color:inherit}.ritual{--progress: 0;--ink: #f3eddf;position:relative;min-height:100svh;overflow:hidden;isolation:isolate;color:var(--ink);background:color-mix(in srgb,#171814 calc(100% - var(--progress) * 62%),#ddd0b4);transition:background 1.8s cubic-bezier(.22,1,.36,1),color 1.2s ease}.stage-return{--ink: #292820}.stage-choose .prompt{color:#292820}.stage-choose .hold-button{background:#2928200e}.stage-choose .hold-ring{background:conic-gradient(currentColor calc(var(--hold-progress) * 1turn),#29282038 0)}.stage-return header,.stage-return .chapter,.stage-return .commitment p{opacity:.82}.stage-return .commitment{border-left-color:#2928209e}.sky,.sky>*{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sky{z-index:-1;overflow:hidden;background:radial-gradient(circle at 72% 38%,rgba(236,196,125,calc(var(--progress) * .42)),transparent 25%),linear-gradient(to bottom,color-mix(in srgb,#171915 calc(100% - var(--progress) * 45%),#9da59d),color-mix(in srgb,#20231d calc(100% - var(--progress) * 70%),#e7cfa0));transition:background 1.8s ease}.sun{width:min(22vw,240px);aspect-ratio:1;inset:auto 16vw calc(11vh + var(--progress) * 22vh) auto;border-radius:50%;opacity:calc(var(--progress) * .8);filter:blur(10px);background:#ffe5b1ad;transform:scale(calc(.72 + var(--progress) * .28));transition:all 1.8s cubic-bezier(.22,1,.36,1)}.haze{filter:blur(55px);border-radius:50%;opacity:calc(.08 + var(--progress) * .24);background:#fadca466;animation:breathe 12s ease-in-out infinite alternate}.haze-one{top:34%;right:50%;bottom:18%;left:-15%}.haze-two{top:20%;right:-15%;bottom:38%;left:58%;animation-delay:-6s}.horizon{inset:auto -10% -1px -10%;border-radius:50% 50% 0 0;transform-origin:bottom;transition:background 1.6s ease,transform 1.8s ease}.horizon-back{height:29vh;opacity:.64;background:color-mix(in srgb,#242720 calc(100% - var(--progress) * 45%),#7e806b);transform:translateY(calc(var(--progress) * 2vh)) scaleX(1.15);clip-path:polygon(0 40%,12% 28%,23% 43%,36% 17%,52% 48%,66% 24%,78% 39%,91% 16%,100% 36%,100% 100%,0 100%)}.horizon-front{height:20vh;background:color-mix(in srgb,#11130f calc(100% - var(--progress) * 32%),#5c5b4c);transform:scaleX(1.08);clip-path:polygon(0 42%,18% 21%,33% 45%,48% 20%,61% 37%,78% 12%,100% 43%,100% 100%,0 100%)}.grain{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:soft-light}header{display:flex;justify-content:space-between;padding:26px 30px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;opacity:.82}.ritual-content{display:grid;min-height:calc(100svh - 66px);place-items:center;padding:30px 24px 12vh}.prompt{width:min(680px,100%);animation:enter .9s cubic-bezier(.22,1,.36,1) both}.chapter{margin:0 0 18px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.78}h1{max-width:650px;margin:0;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(42px,7vw,78px);font-weight:400;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.guidance{max-width:470px;margin:28px 0 0;font-size:clamp(14px,2vw,17px);font-weight:300;line-height:1.7;opacity:.86}.date{margin:14px 0 0;font-size:11px;letter-spacing:.11em;opacity:.68}.action{min-height:108px;margin-top:46px;display:flex;align-items:center}.hold-button,.notice-timer{position:relative;display:grid;width:104px;height:104px;place-items:center;padding:16px;border:0;border-radius:50%;color:inherit;background:#ffffff0b;cursor:pointer;font-size:10px;line-height:1.35;letter-spacing:.1em;text-align:center;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent}.hold-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:conic-gradient(currentColor calc(var(--hold-progress) * 1turn),#ffffff29 0);mask:radial-gradient(transparent 67%,#000 69%);opacity:.72}.hold-button:active{transform:scale(.97)}.hold-button:disabled{cursor:default;opacity:.28}.notice-timer{font-family:Libre Caslon Display,Georgia,serif;font-size:22px;letter-spacing:0;text-transform:none;border:1px solid rgba(255,255,255,.22)}.quiet-action,.lay-down{border:0;border-bottom:1px solid currentColor;padding:8px 0;background:transparent;cursor:pointer;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.9}.quiet-action:disabled,.lay-down:disabled{cursor:default;opacity:.22}.text-entry{display:block;margin-top:34px}textarea{display:block;width:100%;min-height:104px;resize:none;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 26%,transparent);border-radius:0;outline:none;color:inherit;background:transparent;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(21px,3vw,30px);line-height:1.38;caret-color:currentColor}textarea::placeholder{color:inherit;opacity:.56}textarea:focus{border-color:currentColor}.face-fields{margin-top:36px}.face-fields .text-entry{margin:10px 0 28px}.face-fields textarea{min-height:66px;font-size:clamp(18px,2.4vw,25px)}.field-prompt{margin:0;font-size:11px;letter-spacing:.08em;opacity:.82}.lay-down{display:flex;width:min(230px,100%);justify-content:space-between;transition:transform .5s ease,opacity .3s ease}.lay-down:not(:disabled):hover{transform:translateY(5px)}.commitment{max-width:620px;margin-top:38px;padding-left:20px;border-left:1px solid currentColor}.commitment p{margin:0 0 12px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:.8}.commitment blockquote{margin:0;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(25px,4vw,42px);line-height:1.3}.light-line{position:absolute;right:0;bottom:0;left:0;height:2px;transform:scaleX(var(--progress));transform-origin:left;background:#ffe6b7b8;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,textarea:focus-visible{outline:1px solid currentColor;outline-offset:6px}@keyframes enter{0%{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes breathe{0%{transform:translate3d(-2%,1%,0) scale(.96)}to{transform:translate3d(3%,-2%,0) scale(1.05)}}@media(max-width:620px){header{padding:20px}.ritual-content{min-height:calc(100svh - 54px);place-items:end start;padding:28px 20px 8vh}h1{font-size:clamp(39px,12vw,58px)}.action{margin-top:34px}.horizon-back{height:21vh}.horizon-front{height:14vh}.face-fields{margin-top:22px}.face-fields .text-entry{margin-bottom:18px}.stage-face{overflow-y:auto}.stage-face .ritual-content{min-height:auto;padding-top:44px;padding-bottom:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}