:root{--paper:#f1ebe1;--paper-deep:#e2d8c5;--ink:#2b241b;--ink-soft:#4e463a;--ink-faded:#a29885;--wood:#6b5640;--wood-deep:#51402f;--wood-hi:#8a7257;--ring:#45382a;--gilt:#9c7b45;--gilt-soft:#9c7b4552;--ease-settle:cubic-bezier(.22, .8, .3, 1);--fade:.9s}html,body{height:100%}body.heartwood{color:var(--ink);font-family:var(--font-newsreader), Georgia, serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(125% 105%,#3a2f2100 60%,#3a2f211c 100%),radial-gradient(90% 55% at 50% -10%,#fff8eae6 0%,#fff8ea00 60%),radial-gradient(120% 90% at 50% 38%,#f1ebe1 55%,#e2d8c5 100%);margin:0}body.heartwood:before{content:"";pointer-events:none;z-index:3;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.045' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.06'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.10'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0;background-color:#0000!important}::selection{background:var(--gilt-soft)}.scene{text-align:center;opacity:0;pointer-events:none;transition:opacity var(--fade) var(--ease-settle);flex-direction:column;justify-content:center;align-items:center;padding:10vh 7vw;display:flex;position:fixed;inset:0;overflow-y:auto}.scene>:first-child{margin-top:auto}.scene>:last-child{margin-bottom:auto}.scene.is-active{opacity:1;pointer-events:auto}.whisper{letter-spacing:.3em;text-transform:uppercase;color:#8d8270;text-shadow:0 1px #fffdf4d9,0 -1px .5px #2b241b38;font-size:11px;font-style:normal;font-weight:500}.question{color:var(--ink-soft);text-wrap:balance;font-variation-settings:"opsz" 72;letter-spacing:.005em;text-shadow:0 0 1px #2b241b4d;max-width:17em;font-size:clamp(28px,3.8vw,44px);font-style:italic;font-weight:400;line-height:1.4}.question .word{opacity:0;animation:1.1s forwards word-in;display:inline-block}@keyframes word-in{0%{opacity:0;filter:blur(3px);color:var(--ink-faded);transform:translateY(6px)}55%{opacity:1;filter:blur(.5px);transform:translateY(0)}to{opacity:1;filter:none;color:inherit;transform:none}}.letter{text-align:left;max-width:30em}.letter .whisper{text-align:center;color:var(--ink-soft);margin-bottom:5vh;display:block}.letter p{text-shadow:0 0 1px #2b241b59;color:var(--ink-soft);margin:0 0 1.1em;font-size:clamp(19px,2.4vw,24px);line-height:1.75}.letter .whisper,.letter p,.letter .signature{opacity:0;filter:blur(3px);animation:settle-in 1.1s var(--ease-settle) forwards;transform:translateY(12px)}@keyframes settle-in{to{opacity:1;filter:blur();transform:translateY(0)}}.letter .signature{font-family:var(--font-script), cursive;color:var(--ink);margin-top:.8em;font-size:clamp(30px,4vw,40px);line-height:1;animation-name:settle-in-sig;transform:rotate(-2deg)translateY(12px)}@keyframes settle-in-sig{to{opacity:1;filter:blur();transform:rotate(-2deg)translateY(0)}}.hairline-btn{cursor:pointer;opacity:0;animation:fade-in 1.2s var(--ease-settle) forwards;background:0 0;border:none;flex-direction:column;align-self:center;align-items:center;gap:16px;margin-top:6vh;padding:12px;display:flex}@keyframes fade-in{to{opacity:1}}.hairline-btn .line{background:linear-gradient(to bottom, transparent, var(--gilt));opacity:.6;width:1px;height:48px;transition:height .7s var(--ease-settle), opacity .7s;display:block}.hairline-btn:hover .line,.hairline-btn:focus-visible .line{opacity:1;height:72px}.hairline-btn:hover .whisper{color:var(--gilt);transition:color .5s}.hairline-btn:focus-visible{outline:1px solid var(--gilt);outline-offset:6px}.disc{--amp:0;z-index:4;aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 18px 36px #2b241b52);width:clamp(150px,20vw,190px);transition:transform .16s var(--ease-settle), filter .6s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;padding:0;animation:7s ease-in-out infinite breathe;position:relative;background:0 0!important;border:none!important}.disc:active{transform:scale(.96)}.disc:hover{filter:drop-shadow(0 22px 44px #2b241b66)}.disc:focus-visible{outline:1px solid var(--gilt);outline-offset:10px}.disc.is-recording{box-shadow:0 0 calc(18px + var(--amp,0) * 70px) calc(var(--amp,0) * 12px) rgba(156, 123, 69, calc(.12 + var(--amp,0) * .4));animation:none}.disc.is-recording:before,.disc.is-recording:after{content:"";opacity:calc(var(--amp,0) * .55);pointer-events:none;border-radius:50%;animation:2.6s linear infinite ripple;position:absolute;inset:-6px;border:1px solid var(--gilt)!important;background:0 0!important}.disc.is-recording:after{animation-delay:1.3s}@keyframes ripple{0%{transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.disc .live-ring{opacity:calc(var(--amp) * .9);transition:opacity .11s linear}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.voice-trace{fill:none;stroke:var(--gilt);stroke-width:calc(1.2px + var(--amp,0) * 1.8px);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--trace,0));opacity:calc(.3 + var(--amp,0) * .7);transform-origin:50%;transition:stroke-dashoffset 1s linear,opacity .15s linear;transform:rotate(-90deg)}.question.asked{opacity:.45;transition:opacity 1s var(--ease-settle)}.disc-wrap{flex-direction:column;align-items:center;gap:4.5vh;margin-top:8vh;display:flex}.rec-meta{flex-direction:column;gap:12px;min-height:48px;display:flex}.rec-time{font-variant-numeric:tabular-nums;letter-spacing:.18em;color:var(--ink-faded);font-size:13px}.kept-primary{font-variation-settings:"opsz" 60;margin:4vh 0 2vh;font-size:clamp(28px,5vw,44px);font-style:italic}.rings .new-ring{stroke:var(--gilt);fill:none;stroke-width:1.5px;stroke-dasharray:var(--c);stroke-dashoffset:var(--c);transform-origin:50%;animation:draw-ring 1.8s .6s var(--ease-settle) forwards;transform:rotate(-90deg)}@keyframes draw-ring{to{stroke-dashoffset:0}}.memory-page{flex-direction:column;align-items:center;min-height:100%;padding:12vh 7vw 14vh;display:flex}.memory-page .question{margin:4vh 0 7vh}.player{flex-direction:column;align-items:center;gap:3.5vh;width:min(560px,100%);display:flex}.player .disc{width:96px;animation:none}.player .disc.is-playing{animation:5s ease-in-out infinite breathe}.progress{cursor:pointer;background:#2b241b2e padding-box content-box;width:100%;height:1px;padding:14px 0;position:relative}.progress .fill{background:var(--gilt);width:0%;height:1px;position:absolute;top:14px;left:0}.player .times{justify-content:space-between;width:100%;display:flex}.transcript{text-align:left;max-width:34em;margin-top:10vh}.transcript .whisper{text-align:center;margin-bottom:5vh;display:block}.transcript p{color:var(--ink-soft);margin:0 0 1.2em;font-size:clamp(19px,2.4vw,23px);line-height:1.85}.transcript p:first-of-type:first-letter{float:left;color:var(--ink);padding-right:.12em;font-size:2.7em;font-style:italic;line-height:.82}.transcript .signature{font-family:var(--font-script), cursive;color:var(--ink);margin-top:1.2em;font-size:clamp(30px,3.6vw,38px);line-height:1;transform:rotate(-2deg)}.ring-count{flex-direction:column;align-items:center;gap:18px;margin-top:9vh;display:flex}.retry-btn{border:1px solid var(--gilt);color:var(--ink);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;margin-top:3vh;padding:14px 28px;font-family:inherit;font-size:13px;transition:background .4s}.retry-btn:hover{background:var(--gilt-soft)}body.heartwood:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(42% 30% at 28% 22%,#fff6e073,#0000 70%);animation:75s ease-in-out infinite alternate light-drift;position:fixed;inset:-25%;border:none!important}@keyframes light-drift{to{transform:translate(16%,9%)}}@media (prefers-reduced-motion:reduce){.scene{transition:none}.disc{animation:none;transform:none}.rings .new-ring{stroke-dashoffset:0;animation:none}.player .disc.is-playing{animation:none}.letter .whisper,.letter p,.letter .signature,.question .word,.hairline-btn{opacity:1;filter:none;animation:none;transform:none}.letter .signature{transform:rotate(-2deg)}body.heartwood:after{animation:none}.voice-trace{transition:none}.disc.is-recording:before,.disc.is-recording:after{opacity:0;animation:none}}.breath{color:var(--ink-soft);opacity:0;filter:blur(3px);animation:settle-in 1.4s .3s var(--ease-settle) forwards;font-size:clamp(24px,3.6vw,34px);font-style:italic}.ledger{margin-top:3.5vh;display:block}body.heartwood.hw-morning{background:radial-gradient(125% 105%,#3a2f2100 60%,#3a2f2117 100%),radial-gradient(90% 55% at 50% -10%,#fdfbf5f2 0%,#fdfbf500 60%),radial-gradient(120% 90% at 50% 38%,#f3efe7 55%,#e7e0d2 100%)}body.heartwood.hw-evening{background:radial-gradient(125% 105%,#38291600 58%,#38291624 100%),radial-gradient(90% 55% at 50% -10%,#ffe9c6e6 0%,#ffe9c600 60%),radial-gradient(120% 90% at 50% 38%,#f2e6d0 55%,#e2d0ae 100%)}@media (prefers-reduced-motion:reduce){.breath{opacity:1;filter:none;animation:none}}.disc:not(.is-recording){animation:7s ease-in-out infinite breathe}.disc:not(.is-recording):after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ba9050e6 0%,#ba90501f 50%,#ba905000 70%);border:none;border-radius:50%;animation:5.5s ease-in-out infinite emberlight;position:absolute;inset:-40%}@keyframes emberlight{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}.disc:not(.is-recording):hover{transform:scale(1.03)}.disc:not(.is-recording):hover:after{opacity:1;transition:transform .6s,opacity .6s;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.disc:not(.is-recording):after{opacity:.7;animation:none}.disc:not(.is-recording):hover{transform:none}}.eyebrow{opacity:0;animation:fade-in .9s .2s var(--ease-settle) forwards;margin-bottom:6.5vh;display:block}.rings{width:clamp(120px,20vw,168px);margin-top:4vh}.rings .ghost-face{fill:#6b5640;opacity:.05}.rings .ghost-ring{fill:none;stroke:#6b5640;stroke-width:.8px;opacity:.12}.memory-page{background-color:#0000;background-image:radial-gradient(125% 80% at 50% 0,#3a2f2100 60%,#3a2f211a 100%),radial-gradient(90% 40% at 50% -5%,#fff8eae6 0%,#fff8ea00 55%),linear-gradient(#f1ebe1 0%,#ede6da 55%,#e7dfd0 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100dvh;position:relative}