@font-face{font-family:Bodoni Moda;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-latin-var.woff2) format("woff2-variations")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/instrument-sans-latin-var.woff2) format("woff2-variations")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2")}:root{--blush-00: #FEF1EC;--blush-07: #F4C5CB;--plum-14: #B27899;--letter-bg: #5C2A48;--ink: #4A2733;--paper: #FDECE6;--accent: #D14A6E;--mood-exit: var(--plum-14);--font-display: "Bodoni Moda", Didot, "Times New Roman", serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background:var(--blush-00);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#app{position:relative}canvas{display:block}.act{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--blush-00);transition:opacity .9s ease}.gate.is-open{opacity:0;pointer-events:none}.gate-form{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;text-align:center}.gate-question{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,6vw,2.6rem);letter-spacing:-.02em}.gate-date{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem}.gate-date-field{display:flex;flex-direction:column;align-items:center;gap:.55rem}.gate-date-input{width:3.1rem;padding:.55rem .2rem;border:0;border-bottom:1px solid rgba(74,39,51,.22);border-radius:0;background:none;color:var(--ink);font-family:var(--font-mono);font-size:1.35rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;text-align:center;outline:none;transition:border-color .35s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gate-date-input--year{width:4.9rem}.gate-date-input:focus{border-bottom-color:var(--accent)}.gate-date-caption{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;opacity:.42}.gate-date-sep{margin-top:.85rem;font-family:var(--font-mono);font-size:1.1rem;opacity:.28}.gate-enter{margin-top:.35rem;padding:.75rem 1.9rem;min-height:44px;border:1px solid rgba(74,39,51,.2);border-radius:999px;background:none;color:var(--ink);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:.45;transition:opacity .4s ease,border-color .4s ease,color .4s ease}.gate-enter.is-ready{opacity:1}.gate-enter:hover,.gate-enter:focus-visible{border-color:var(--accent);color:var(--accent);opacity:1}.gate-hint{margin:.35rem 0 0;font-family:var(--font-body);font-size:.85rem;opacity:.6}.mute-toggle{position:fixed;top:1rem;right:1rem;z-index:40;padding:.35rem .7rem;border:0;background:none;color:currentColor;font-family:var(--font-body);font-size:.7rem;letter-spacing:.04em;opacity:.5;cursor:pointer;transition:opacity .3s ease}.mute-toggle:hover{opacity:1}.act-one{position:relative;overflow:hidden;padding:clamp(1.5rem,6vw,4rem);text-align:center}.photo-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-repeat:no-repeat;z-index:0}.has-photo>.photo-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(92,42,72,var(--scrim-top, .5)),rgba(92,42,72,var(--scrim-mid, .66)) 34%,rgba(92,42,72,var(--scrim-mid, .66)) 66%,rgba(92,42,72,var(--scrim-bottom, .78)) 86%,rgba(92,42,72,var(--scrim-bottom, .78)))}.cover-greeting,.cover-line,.act-one .counter{position:relative;z-index:1}.cover-greeting{margin:0;max-width:16ch;font-family:var(--font-display);font-weight:400;font-size:clamp(2.75rem,11vw,7rem);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}.cover-line{margin:clamp(1rem,3vh,1.75rem) 0 0;max-width:34ch;font-family:var(--font-body);font-size:clamp(.95rem,2.6vw,1.1rem);line-height:1.6;opacity:.85}.act-one.has-photo{color:var(--paper)}.act-one.has-photo .cover-greeting{text-shadow:0 1px 24px rgba(50,20,38,.45)}.act-one.has-photo .cover-line,.act-one.has-photo .counter{text-shadow:0 1px 12px rgba(50,20,38,.5)}.counter{display:inline-grid;grid-template-columns:auto auto auto;align-items:baseline;gap:0 .55rem}.counter-since{grid-column:1 / -1;margin-top:.4rem;font-family:var(--font-mono);font-size:clamp(.56rem,1.7vw,.64rem);letter-spacing:.16em;text-transform:uppercase;opacity:.65}.act-one .counter{margin-top:clamp(1.5rem,4.5vh,2.5rem);padding:.7rem 1.25rem;border:1px solid rgba(253,236,230,.18);border-radius:6px;background:#2e122357;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.act-one:not(.has-photo) .counter{border-color:#4a273329;background:#fdece680}.counter-number{font-family:var(--font-mono);font-weight:400;font-size:clamp(1.9rem,6.5vw,3rem);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.counter-label,.counter-time{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums}.counter-label{font-size:clamp(.62rem,1.8vw,.72rem);opacity:.6}.counter-time{margin-left:.35rem;font-size:clamp(.62rem,1.8vw,.72rem);opacity:.4}.labels{position:absolute;left:clamp(1.25rem,5vw,3.5rem);bottom:clamp(1.75rem,7vh,4rem);z-index:2;max-width:min(24rem,70vw);color:var(--ink);pointer-events:none;opacity:0;transform:translateY(.5rem);transition:opacity .7s ease,transform .7s ease,color .6s linear}.labels.is-visible{opacity:1;transform:translateY(0)}.labels.on-dark{color:var(--paper)}.labels{text-shadow:0 1px 14px rgba(255,245,240,.55)}.labels.on-dark{text-shadow:0 1px 16px rgba(38,14,28,.75)}.label-chip{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .9rem;font-family:var(--font-mono);font-size:clamp(.72rem,2.1vw,.82rem);letter-spacing:.13em;text-transform:uppercase;opacity:1}.label-day{font-size:1.08em;letter-spacing:.15em}.label-date,.label-place{opacity:.78}.label-era{margin:.3rem 0 0;font-family:var(--font-mono);font-size:clamp(.6rem,1.8vw,.68rem);letter-spacing:.2em;text-transform:uppercase;opacity:.62}.label-word{margin:.7rem 0 0;font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,7vw,3.25rem);line-height:1;letter-spacing:-.02em}.label-line{margin:.55rem 0 0;font-family:var(--font-body);font-size:clamp(.95rem,2.8vw,1.15rem);line-height:1.4;opacity:.95}.gallery-spacer.is-fallback{height:auto}.fallback-item{margin:0;padding:clamp(2.5rem,9vw,6rem) clamp(1.25rem,6vw,5rem);transition:background .4s linear}.fallback-media{aspect-ratio:77 / 100;max-width:min(30rem,78vw);margin:0 auto;overflow:hidden}.fallback-media img{display:block;width:100%;height:100%;object-fit:cover}.fallback-item figcaption{max-width:min(30rem,78vw);margin:1.25rem auto 0;color:var(--ink)}.fallback-item.on-dark figcaption{color:var(--paper)}.debug-panel{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.6rem .75rem;background:#1e0c16d1;color:#fff;font-family:var(--font-mono);font-size:.65rem;line-height:1.5;letter-spacing:.04em;border-radius:3px;pointer-events:none;min-width:11rem}.debug-row{display:flex;justify-content:space-between;gap:1.25rem}.debug-key{opacity:.55}.debug-val{font-variant-numeric:tabular-nums}.debug-bar{margin-top:.45rem;height:3px;background:#ffffff29}.debug-bar-fill{height:100%;width:0;background:var(--accent)}.gallery-spacer{position:relative}.gallery-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.act-three{background:linear-gradient(to bottom,var(--mood-exit) 0%,var(--letter-bg) 55%);color:var(--paper)}.act-three-section{max-width:34rem;margin:0 auto;padding:clamp(4rem,14vh,9rem) clamp(1.5rem,6vw,3rem)}.eyebrow{margin:0 0 2.5rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.act-three-section.letter{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.letter p{margin:0 0 1.4rem;font-family:var(--font-body);font-size:clamp(1rem,3vw,1.1rem);line-height:1.75}.letter .closing-line{margin-top:2.5rem;font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,4.5vw,1.9rem);line-height:1.35;letter-spacing:-.02em}.aside{margin:1.1rem 0 0;padding-left:.75rem;border-left:1px solid currentColor;font-family:var(--font-mono);font-size:.68rem;line-height:1.6;letter-spacing:0;text-transform:none;opacity:.5;max-width:26rem}.now-playing{position:fixed;top:1rem;right:1rem;z-index:30;display:flex;align-items:center;gap:.7rem;max-width:min(19rem,calc(100vw - 2rem));padding:.55rem .9rem .55rem .55rem;border:1px solid rgba(253,236,230,.14);border-radius:8px;background:#2e12236b;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);color:var(--paper);opacity:0;transform:translateY(-.4rem);transition:opacity .8s ease,transform .8s ease;pointer-events:none}.now-playing.is-visible{opacity:1;transform:translateY(0)}.mute-toggle{top:5.6rem}.now-playing-art{width:3.25rem;height:3.25rem;flex:none;overflow:hidden;border-radius:4px;background:#5c2a4880;box-shadow:0 2px 10px #1e0a1659}.now-playing-art.is-empty{display:none}.now-playing-art img{width:100%;height:100%;object-fit:cover;display:block}.now-playing-meta{display:flex;flex-direction:column;min-width:0;line-height:1.3}.now-playing-eyebrow{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin-bottom:.15rem}.now-playing-title{font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{font-family:var(--font-body);font-size:.72rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-album{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-top:.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-note{margin-top:.35rem;font-family:var(--font-body);font-size:.7rem;line-height:1.45;opacity:0;max-height:0;overflow:hidden;transition:opacity .8s ease,max-height .8s ease}@media (max-width: 480px){.now-playing{max-width:calc(100vw - 2rem);padding:.5rem .75rem .5rem .5rem}.now-playing-art{width:2.75rem;height:2.75rem}.now-playing-title{font-size:.78rem}.now-playing-artist{font-size:.66rem}.now-playing-album{font-size:.52rem}.mute-toggle{top:5rem}}.act-three-section.quiz{position:relative;overflow:hidden;max-width:none;padding:0}.quiz-content{position:relative;z-index:1;max-width:34rem;margin:0 auto;padding:clamp(4rem,14vh,9rem) clamp(1.5rem,6vw,3rem)}.quiz.has-photo{color:var(--paper)}.quiz.has-photo .quiz-title,.quiz.has-photo .quiz-question{text-shadow:0 1px 20px rgba(50,20,38,.45)}.quiz.has-photo .quiz-option{border-color:#fdece666;background:#32142638;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.quiz-cover,.quiz-card{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.quiz-title,.quiz-question{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,6.5vw,3rem);line-height:1.15;letter-spacing:-.02em}.quiz-line{margin:1rem 0 0;font-family:var(--font-body);font-size:clamp(.95rem,2.6vw,1.05rem);line-height:1.6;opacity:.8}.quiz-start{align-self:flex-start;margin-top:2.5rem;padding:.9rem 2.2rem;border:1px solid rgba(253,236,230,.35);border-radius:999px;background:none;color:var(--paper);font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:border-color .4s ease,color .4s ease}.quiz-start:hover{border-color:var(--accent);color:var(--accent)}.quiz-options{display:flex;flex-direction:column;gap:.6rem;margin-top:2.25rem}.quiz-option{padding:1rem 1.25rem;border:1px solid rgba(253,236,230,.22);border-radius:4px;background:none;color:var(--paper);font-family:var(--font-body);font-size:clamp(.95rem,2.6vw,1.02rem);line-height:1.45;text-align:left;cursor:pointer;transition:border-color .3s ease,opacity .3s ease,background .3s ease}.quiz-option:hover:not(:disabled){border-color:#fdece68c}.quiz-option:disabled{cursor:default}.quiz-option.is-wrong{opacity:.3;border-color:transparent}.quiz-option.is-right{border-color:var(--accent);background:#d14a6e24}.quiz-retry,.quiz-note{margin:1.4rem 0 0;font-family:var(--font-body);font-size:.9rem;line-height:1.6}.quiz-retry{opacity:.55}.quiz-note{opacity:.9}.act-three-section.letter.is-locked{min-height:40svh;justify-content:flex-start}.letter-locked{margin-top:0}.now-playing-note{max-width:15rem;margin-top:.3rem;font-family:var(--font-body);font-size:.72rem;line-height:1.5;opacity:0;max-height:0;overflow:hidden;transition:opacity .8s ease,max-height .8s ease}.now-playing.has-note .now-playing-note{opacity:.85;max-height:6rem}@media (max-width: 480px){.now-playing-note{max-width:11rem;font-size:.68rem}}.outro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding:clamp(1.5rem,6vw,4rem);pointer-events:none;opacity:0;transition:opacity .9s ease}.outro.is-visible{opacity:1}.outro-button{pointer-events:auto;max-width:11rem;padding:1rem 1.75rem;min-height:48px;border:1px solid rgba(253,236,230,.4);border-radius:999px;background:#2e122357;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);color:var(--paper);font-family:var(--font-body);font-size:clamp(.85rem,2.4vw,.95rem);line-height:1.35;cursor:pointer;opacity:0;transform:translateY(.5rem);transition:opacity .7s ease .25s,transform .7s ease .25s,border-color .4s ease,color .4s ease,background .4s ease}.outro.is-visible .outro-button{opacity:1;transform:translateY(0)}.outro-button:hover,.outro-button:focus-visible{border-color:var(--accent);color:var(--accent);background:#2e122380}@media (max-width: 767px){.outro{align-items:flex-end;justify-content:center;padding-bottom:max(clamp(2rem,9vh,5rem),env(safe-area-inset-bottom,0px))}}.quiz-footnote{margin-top:1.6rem;max-width:24rem}