:root{--ink:#f4ead9;--ink-dim:rgba(244,234,217,0.62);--ink-faint:rgba(244,234,217,0.38);--paper:#151009;--serif:ui-serif,"New York","Iowan Old Style",Georgia,"Times New Roman",serif;--sans:ui-sans-serif,-apple-system,"SF Pro Text","Helvetica Neue",system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}img,video{max-width:100%}.void-page{min-height:100dvh;display:grid;place-content:center;grid-gap:.8rem;gap:.8rem;text-align:center;color:var(--ink-faint);font-size:1.4rem}.void-page p{font-size:.85rem;font-style:italic}.gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;padding:2rem;text-align:center;animation:fade-in .9s ease both}.gate-kicker{font-style:italic;font-size:1.05rem;color:var(--ink-dim);letter-spacing:.02em}.gate-sub{font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:lowercase;color:var(--ink-faint)}.count-grid{display:flex;gap:1.6rem}.count-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:3.2rem}.count-num{font-size:2.4rem;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.count-label{font-family:var(--sans);font-size:.68rem;letter-spacing:.22em;color:var(--ink-faint);text-transform:uppercase}.pass-form{display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:min(20rem,80vw)}.pass-input{width:100%;padding:.85rem 1.1rem;font:italic 1.05rem var(--serif);color:var(--ink);text-align:center;background:rgba(244,234,217,.06);border:1px solid rgba(244,234,217,.22);border-radius:999px;outline:none}.pass-input:focus{border-color:rgba(244,234,217,.5)}.pass-input.shaking{animation:shake .45s ease}.pass-submit{font-family:var(--sans);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);padding:.5rem 1.4rem}@keyframes shake{20%{transform:translateX(-9px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}.landing{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;animation:fade-in 1.2s ease both}.landing-heart{font-size:3rem;color:var(--ink-dim);animation:breathe 3.2s ease-in-out infinite}.landing-hint{margin-top:1.1rem;font-family:var(--sans);font-size:.8rem;letter-spacing:.22em;text-transform:lowercase;color:var(--ink-dim);animation:pulse-soft 2.6s ease-in-out infinite}.landing-sound{font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;color:var(--ink-faint)}@keyframes breathe{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.12);opacity:1}}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.letter-root{position:fixed;inset:0;overflow:hidden;animation:fade-in 1.4s ease both}.backdrop{z-index:0}.backdrop,.bg-layer{position:absolute;inset:0}.bg-layer{opacity:0;transition:opacity 1.25s ease;overflow:hidden}.bg-layer.on{opacity:1}.bg-echo{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(52px) saturate(1.12) brightness(.55);transform:translateZ(0)}.backdrop-overlay{position:absolute;inset:0;background:radial-gradient(130% 95% at 50% 45%,rgba(18,13,9,.12) 45%,rgba(18,13,9,.5) 100%),linear-gradient(180deg,rgba(18,13,9,.42),rgba(18,13,9,.3) 45%,rgba(18,13,9,.52))}.scroller{position:absolute;inset:0;z-index:1;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.panel{min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;padding:max(1.3rem,env(safe-area-inset-top)) 1.4rem max(1.3rem,env(safe-area-inset-bottom))}.panel-inner{position:relative;width:min(33rem,100%);margin:0 auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:1.05rem;opacity:0;transform:translateY(26px);transition:opacity 1s ease .15s,transform 1s ease .15s}.panel-inner.active{opacity:1;transform:translateY(0)}.panel-marker{font-style:italic;font-size:.95rem;color:var(--ink-faint);flex:none}.panel-marker:after{content:"";display:block;width:2.2rem;height:1px;margin-top:.6rem;background:rgba(244,234,217,.28)}.photo-card{position:relative;flex:1 1;min-height:8.5rem}.print{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px;border:2px solid rgba(246,238,225,.85);box-shadow:0 16px 44px rgba(0,0,0,.5),0 2px 10px rgba(0,0,0,.35);background:rgba(246,238,225,.85)}.panel-text{flex:none}.panel-text p{font-size:clamp(.98rem,2vw + .7rem,1.14rem);line-height:1.7;letter-spacing:.004em;color:var(--ink);text-shadow:0 1px 14px rgba(0,0,0,.4);text-wrap:pretty}.panel-text.long p{font-size:clamp(.92rem,1.6vw + .66rem,1.02rem);line-height:1.62}.panel-text p+p{margin-top:.85rem;font-style:italic;color:var(--ink-dim)}.panel-footer{flex:none;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.ink-inset{display:flex;flex-direction:column;align-items:center;gap:.45rem;transform:rotate(-2.2deg)}.ink-inset img{width:82px;height:82px;object-fit:cover;border-radius:4px;border:1px solid rgba(244,234,217,.35);box-shadow:0 6px 22px rgba(0,0,0,.45);opacity:.9}.ink-inset span{font-family:var(--sans);font-size:.66rem;letter-spacing:.14em;color:var(--ink-dim)}.voice-slot{min-height:2rem;display:flex;align-items:center}.voice-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem;border-radius:999px;border:1px solid rgba(244,234,217,.22);background:rgba(21,16,9,.35);font-family:var(--sans);font-size:.72rem;letter-spacing:.1em;color:var(--ink-dim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.voice-pill.playing{border-color:rgba(244,234,217,.12);color:var(--ink-faint)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.eq i{width:2.5px;border-radius:2px;background:currentColor;animation:eq-bounce 1.05s ease-in-out infinite}.eq i:first-child{height:55%;animation-delay:0s}.eq i:nth-child(2){height:100%;animation-delay:.22s}.eq i:nth-child(3){height:70%;animation-delay:.44s}@keyframes eq-bounce{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.swipe-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:-.4rem;color:var(--ink-faint);font-size:1.3rem;animation:hint-drift 2.2s ease-in-out infinite}@keyframes hint-drift{0%,to{transform:translate(-50%);opacity:.4}50%{transform:translate(-50%,7px);opacity:.9}}.dots{position:fixed;right:max(.55rem,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:.3rem}.dot{width:26px;height:18px;display:grid;place-items:center}.dot:after{content:"";width:5px;height:5px;border-radius:999px;background:rgba(244,234,217,.34);transition:all .45s ease}.dot.on:after{height:16px;background:rgba(244,234,217,.85)}.mute-btn{position:fixed;top:max(.9rem,env(safe-area-inset-top));right:max(.9rem,env(safe-area-inset-right));z-index:3;width:42px;height:42px;display:grid;place-items:center;border-radius:999px;color:var(--ink-dim);background:rgba(21,16,9,.4);border:1px solid rgba(244,234,217,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lightbox{position:fixed;inset:0;z-index:10;background:rgba(12,9,7,.96);animation:fade-in .3s ease both}.lightbox-frame{position:absolute;inset:0;display:grid;place-items:center;touch-action:none;overflow:hidden}.lightbox-frame img{max-width:94vw;max-height:84dvh;border-radius:4px;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform}.lightbox-hint{position:absolute;bottom:max(1.4rem,env(safe-area-inset-bottom));width:100%;text-align:center;font-family:var(--sans);font-size:.7rem;letter-spacing:.16em;color:var(--ink-faint);pointer-events:none}.lightbox-close{position:absolute;top:max(.9rem,env(safe-area-inset-top));right:max(.9rem,env(safe-area-inset-right));width:42px;height:42px;display:grid;place-items:center;border-radius:999px;color:var(--ink-dim);background:rgba(244,234,217,.08);font-size:1rem}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.2s!important}}