@layer tokens{:root{--ink-deep:oklch(17% .012 55);--ink-raised:oklch(22% .014 55);--ink-line:oklch(31% .016 58);--cream:oklch(89% .018 80);--cream-dim:oklch(72% .02 75);--cream-faint:oklch(59% .018 70);--ember:oklch(75% .085 55);--ember-dim:oklch(63% .08 50);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, .6, .4)}}@layer base{*,:before,:after{box-sizing:border-box;margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ink-deep);overscroll-behavior:none;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--cream);background:var(--ink-deep);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-kerning:normal;overscroll-behavior:none;font-size:1.0625rem;font-weight:400;line-height:1.55}#root{justify-content:center;height:100dvh;display:flex;overflow:hidden}::selection{background:var(--ember-dim);color:var(--ink-deep)}:focus{outline:none}:focus-visible{outline:2px solid var(--ember);outline-offset:3px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}.screen{width:100%;max-width:30rem;min-height:0;padding:calc(env(safe-area-inset-top,0px) + var(--space-lg)) calc(env(safe-area-inset-right,0px) + var(--space-lg)) calc(env(safe-area-inset-bottom,0px) + var(--space-lg)) calc(env(safe-area-inset-left,0px) + var(--space-lg));flex-direction:column;flex:1;display:flex}}@layer components{.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wayfinding{letter-spacing:.01em;color:var(--cream-faint);font-size:.8125rem;font-weight:500}.btn{letter-spacing:.01em;color:var(--cream);background:var(--ink-raised);min-height:50px;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);border-radius:999px;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:590}.btn:active{background:color-mix(in oklab, var(--ink-raised) 80%, white);transition-duration:40ms}.btn--primary{background:color-mix(in oklab, var(--ember) 16%, var(--ink-raised));color:var(--ember)}.btn--primary:active{background:color-mix(in oklab, var(--ember) 24%, var(--ink-raised))}.btn-whisper{color:var(--cream-faint);min-height:44px;transition:color .16s var(--ease-out);padding:.625rem .25rem;font-size:.9375rem;font-weight:450}.btn-whisper:active{color:var(--cream-dim);transition-duration:40ms}.btn-whisper:disabled{opacity:.45;cursor:default}.btn-whisper--ember{color:var(--ember-dim)}.btn-whisper--ember:active{color:var(--ember)}.q-nav .btn-whisper:disabled{visibility:hidden}.q-nav .btn-whisper,.q-head .btn-whisper,.notes-head .btn-whisper{margin-inline-start:-.25rem}@media (hover:hover){.btn:hover{background:color-mix(in oklab, var(--ink-raised) 85%, white)}.btn--primary:hover{background:color-mix(in oklab, var(--ember) 22%, var(--ink-raised))}.btn-whisper:hover{color:var(--cream-dim)}.btn-whisper--ember:hover{color:var(--ember)}.note-toggle:hover{color:var(--cream-dim)}}.confirm{gap:var(--space-sm);justify-items:center;display:grid}.confirm p{color:var(--cream-dim);text-align:center;text-wrap:pretty;max-width:32ch;font-size:.9375rem}.confirm-actions{gap:var(--space-lg);display:flex}.beads{gap:var(--space-md);align-items:center;width:100%;max-width:21rem;margin-inline:auto;display:flex}.beads-set{flex:1;justify-content:space-between;align-items:center;display:flex}.bead{background:var(--ink-line);width:4px;height:4px;transition:background-color .5s var(--ease-out), scale .5s var(--ease-out);border-radius:50%}.bead[data-state=past]{background:var(--cream-faint)}.bead[data-state=now]{background:var(--ember);scale:1.6}.note{margin-top:var(--space-xl)}.note-swap{place-items:center start;min-height:44px;display:grid}.note-swap>*{grid-area:1/1}.note-toggle{color:var(--cream-faint);opacity:1;visibility:visible;min-height:44px;transition:color .16s var(--ease-out), opacity .24s var(--ease-out) .12s, visibility 0s .12s;padding:.5rem 0;font-size:.875rem;font-weight:450}.note--open .note-toggle{opacity:0;visibility:hidden;transition:opacity .2s var(--ease-in), visibility 0s .2s;pointer-events:none}.note-label{color:var(--cream-faint);opacity:0;visibility:hidden;transition:opacity .2s var(--ease-in), visibility 0s .2s;font-size:.8125rem;font-weight:500}.note--open .note-label{opacity:1;visibility:visible;transition:opacity .24s var(--ease-out) .12s, visibility 0s .12s}.note-fold{transition:grid-template-rows .42s var(--ease-out);grid-template-rows:0fr;display:grid}.note--open .note-fold{grid-template-rows:1fr}.note-inner{min-height:0;overflow:hidden}.note--open .note-inner{margin-inline:-5px;padding:0 5px 5px}.note-area{width:100%;font-family:var(--font-sans);color:var(--cream);background:var(--ink-raised);margin-top:var(--space-2xs);caret-color:var(--ember);resize:none;field-sizing:content;border:none;border-radius:12px;min-height:3.6rem;max-height:11rem;padding:.8125rem 1rem;font-size:1.0625rem;font-weight:400;line-height:1.5}.note-area::placeholder{color:color-mix(in oklab, var(--cream-faint) 70%, var(--cream-dim))}.note-area:focus-visible{outline:2px solid color-mix(in oklab, var(--ember) 55%, transparent);outline-offset:2px}}@layer screens{.cover{text-align:center;flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.cover-numeral{letter-spacing:-.01em;color:var(--cream);font-variant-numeric:proportional-nums;margin-top:auto;font-size:clamp(5.5rem,28vw,7rem);font-weight:200;line-height:1}.cover-title{margin-top:var(--space-sm);letter-spacing:-.01em;color:var(--cream);font-size:1.375rem;font-weight:600}.cover-sub{margin-top:var(--space-2xs);color:var(--cream-dim);font-size:1.0625rem}.cover-how{margin-top:var(--space-2xl);gap:var(--space-xs);color:var(--cream-dim);text-wrap:pretty;max-width:34ch;padding:0;font-size:.9375rem;line-height:1.55;list-style:none;display:grid}.cover-place{margin-top:var(--space-2xl);color:var(--cream-dim);text-wrap:pretty;max-width:30ch;font-size:1.0625rem}.cover-actions{margin-top:var(--space-xl);gap:var(--space-xs);justify-items:center;display:grid}.cover-footnote{padding-top:var(--space-xl);color:var(--cream-faint);margin-top:auto;font-size:.75rem;line-height:1.6}.interstitial{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.interstitial-name{letter-spacing:-.02em;color:var(--cream);font-size:1.75rem;font-weight:700}.interstitial-prose{margin-top:var(--space-lg);color:var(--cream-dim);text-wrap:pretty;max-width:32ch;font-size:1.0625rem;line-height:1.6}.interstitial .btn{margin-top:var(--space-2xl)}.question-screen{flex-direction:column;flex:1;min-height:0;display:flex}.q-head{padding-block:var(--space-sm)}.q-stage{scrollbar-width:thin;scrollbar-color:var(--ink-line) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 20px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 20px calc(100% - 24px),#0000)}.q-body{width:100%;margin-block:0 auto;padding-block:20px 1.75rem}.q-numeral{color:color-mix(in oklab, var(--cream-faint) 55%, var(--ink-deep));margin-top:var(--space-md);margin-bottom:var(--space-md);-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:200;line-height:1}.q-text{letter-spacing:-.015em;color:var(--cream);text-wrap:pretty;max-width:24ch;font-size:clamp(1.375rem,3.2vw + .65rem,1.625rem);font-weight:600;line-height:1.35}.q-foot{gap:var(--space-md);padding-top:var(--space-lg);display:grid}.q-nav{justify-content:space-between;align-items:center;display:flex}.lastpart{flex-direction:column;flex:1;min-height:0;display:flex}.lastpart-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.lastpart-prose{margin-top:var(--space-lg);letter-spacing:-.01em;color:var(--cream);text-wrap:pretty;max-width:28ch;font-size:1.25rem;font-weight:550;line-height:1.45}.lastpart-prose--turn{margin-top:var(--space-md);letter-spacing:0;color:var(--cream-dim);font-size:1.0625rem;font-weight:400}.lastpart-actions{margin-top:var(--space-2xl);gap:var(--space-xs);justify-items:center;display:grid}.eyes{justify-content:center;align-items:center;gap:var(--space-xl);flex-direction:column;flex:1;min-height:0;display:flex}.eyes-center{place-items:center;width:128px;height:128px;display:grid;position:relative}.eyes-center>*{grid-area:1/1}.eyes-ring{position:absolute;inset:0;rotate:-90deg}.eyes-ring-track,.eyes-ring-fill{fill:none;stroke-width:1.5px}.eyes-ring-track{stroke:var(--ink-line)}.eyes-ring-fill{stroke:var(--ember-dim);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke 1s linear}.eyes-ember{background:var(--ember);width:14px;height:14px;box-shadow:0 0 28px 8px color-mix(in oklab, var(--ember) 20%, transparent);border-radius:50%}.eyes-caption--kept{color:var(--ember-dim)}.eyes-heart{display:block}.eyes-end{margin-top:var(--space-md)}.closing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.closing-title{letter-spacing:-.015em;color:var(--cream);text-wrap:balance;font-size:clamp(1.5rem,5vw,1.75rem);font-weight:600;line-height:1.3}.closing-sub{margin-top:var(--space-lg);color:var(--cream-dim);text-wrap:pretty;max-width:30ch;font-size:1.0625rem;line-height:1.6}.closing-actions{margin-top:var(--space-2xl);gap:var(--space-xs);justify-items:center;display:grid}.notes{flex-direction:column;flex:1;min-height:0;display:flex}.notes-head{padding-block:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.notes-scroll{min-height:0;padding-block:var(--space-lg) var(--space-2xl);gap:var(--space-2xl);scrollbar-width:thin;scrollbar-color:var(--ink-line) transparent;flex:1;align-content:start;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000)}.notes-set{gap:var(--space-lg);display:grid}.notes-set+.notes-set{border-top:1px solid var(--ink-line);padding-top:var(--space-xl)}.notes-set-title{color:var(--cream-dim);font-size:.9375rem;font-weight:600}.notes-entry{gap:var(--space-xs);display:grid}.notes-question{color:var(--cream-faint);text-wrap:pretty;grid-template-columns:1.75rem 1fr;max-width:55ch;font-size:.875rem;line-height:1.5;display:grid}.notes-number{color:var(--ember-dim);font-variant-numeric:tabular-nums;font-weight:500}.notes-text{color:var(--cream);text-wrap:pretty;max-width:40ch;padding-left:1.75rem;font-size:1.0625rem;font-weight:450;line-height:1.5}}@media (height<=620px),(width<=350px){.q-numeral{margin-bottom:var(--space-xs);font-size:2.25rem}.q-text{font-size:clamp(1.1875rem,3.2vw + .65rem,1.625rem)}.note{margin-top:var(--space-lg)}}@media (height<=600px){.cover-numeral{font-size:clamp(4.5rem,26vw,7rem)}.cover-how,.cover-place,.cover-actions,.closing-actions,.lastpart-actions{margin-top:var(--space-lg)}}@media (width>=1024px){.screen{max-width:46rem;padding-block:var(--space-xl)}.q-head{text-align:center}.q-body{flex-direction:column;align-items:center;max-width:38rem;min-height:24rem;margin-block:auto;margin-inline:auto;display:flex}.q-numeral{margin-top:0;margin-bottom:var(--space-lg);text-align:center;font-size:4rem}.q-text{letter-spacing:-.02em;text-align:center;max-width:24ch;font-size:2.125rem;line-height:1.3}.note{width:100%;max-width:26rem;margin-top:var(--space-2xl);text-align:center}.note-swap{justify-items:center}.note-area{text-align:left}.beads{max-width:24rem}.q-foot{gap:var(--space-lg)}.key-hint{text-align:center;color:color-mix(in oklab, var(--cream-faint) 65%, var(--ink-deep));font-size:.8125rem;display:block}.cover-numeral{font-size:9rem}.cover-title{font-size:1.625rem}.cover-sub,.cover-place{font-size:1.1875rem}.cover-how{gap:var(--space-sm);max-width:44ch;font-size:1.0625rem}.cover-footnote{font-size:.8125rem}.interstitial-name{font-size:2.25rem}.interstitial-prose{max-width:38ch;font-size:1.25rem}.lastpart-prose{max-width:32ch;font-size:1.5rem}.lastpart-prose--turn{font-size:1.1875rem}.closing-title{font-size:2.25rem}.closing-sub{max-width:36ch;font-size:1.1875rem}.eyes-center,.eyes-ring{width:176px;height:176px}.eyes-ember{width:18px;height:18px}.notes-scroll{gap:var(--space-2xl)}.notes-question{max-width:none;font-size:.9375rem}.notes-text{max-width:48ch;font-size:1.1875rem}}@media not all and (width>=1024px){.key-hint{display:none}}@media (prefers-reduced-motion:reduce){.note-fold,.note-toggle,.note-label,.bead,.eyes-ring-fill{transition-duration:.01ms;transition-delay:0s}}