:root{--night:#15122b;--night-2:#201a42;--night-3:#322a5c;--paper:#f8efdc;--ink:#241f3d;--gold:#e3ab5c;--gold-soft:#e3ab5c66;--blush:#dd9a93;--mist:#c9c3e6;--mist-dim:#c9c3e69e;--font-display:"Fraunces", ui-serif, Georgia, serif;--font-body:"Manrope", -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-body);background:var(--night);color:var(--mist);-webkit-font-smoothing:antialiased;width:100%;line-height:1.6;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.muted{color:var(--mist-dim);font-size:.92rem}.sky{z-index:-1;background:radial-gradient(ellipse 120% 70% at 50% -10%, #2a2354 0%, var(--night) 55%, #0c0a1a 100%);position:fixed;inset:0;overflow:hidden}.star{background:#fff;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute}.mote{filter:blur(.4px);background:radial-gradient(circle,#e3ab5cd9,#e3ab5c00 70%);border-radius:50%;animation:linear infinite drift;position:absolute;top:-12px}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.9}}@keyframes drift{0%{opacity:0;transform:translateY(-5vh)translate(0)}10%{opacity:.55}90%{opacity:.55}to{opacity:0;transform:translateY(105vh)translate(24px)}}.veil{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-height:100vh;display:flex;position:relative}.veil-mark{font-size:2rem;animation:1.8s ease-in-out infinite pulse}.veil-text{color:var(--mist-dim)}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.gate{z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100vh;padding:2rem 2rem 4rem;display:flex;position:relative}.gate-particles{z-index:-1;background:var(--night);position:fixed;inset:0}.gate-particles canvas{display:block}.gate-card{z-index:1;text-align:center;max-width:360px;position:relative}.gate-card:before{content:"";z-index:-1;background:radial-gradient(60% 70% at 50% 60%,#0c0a1abf,#0c0a1a00 72%);width:140%;height:190%;position:absolute;bottom:-1rem;left:50%;transform:translate(-50%)}.gate-mark{margin-bottom:1rem;font-size:2.4rem;animation:3.2s ease-in-out infinite pulse;display:inline-block}.gate-card h1{font-family:var(--font-display);color:var(--paper);font-size:2rem;font-style:italic;font-weight:500;line-height:1.3}.gate-sub{color:var(--mist-dim);margin-top:.8rem}.gate-err{color:var(--blush);margin-top:1.1rem;font-size:.9rem}.world{min-height:100vh;position:relative}.app{z-index:1;max-width:640px;margin:0 auto;padding:3rem 1.25rem 4rem;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;padding:.5rem 0 2.75rem;display:flex}.hero-mark{color:var(--gold);opacity:0;font-size:1.1rem;animation:.8s forwards rise}.hero-name{font-family:var(--font-display);color:var(--paper);opacity:0;margin-top:.7rem;font-size:clamp(2.2rem,7vw,3.2rem);font-weight:500;animation:.8s .15s forwards rise}.hero-name em{color:var(--gold);font-style:italic;font-weight:500}.hero-swash{opacity:0;margin-top:.5rem;animation:.8s .35s forwards rise}.hero-swash path{fill:none;stroke:var(--gold-soft);stroke-width:2px;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240px;animation:1.1s .5s forwards draw}.hero-tagline{color:var(--mist-dim);opacity:0;margin-top:.7rem;font-size:1rem;animation:.8s .5s forwards rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes draw{to{stroke-dashoffset:0}}.section{margin-bottom:2.75rem}.section-title{color:var(--paper);align-items:center;gap:.55rem;margin-bottom:1.1rem;font-size:1.05rem;font-weight:600;display:flex}.glyph{font-family:var(--font-display);color:var(--gold);font-size:1.05rem}.countdown-section{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.countdown-card{flex-direction:column;align-items:center;gap:.6rem;display:flex}.countdown-ring{border:1px solid var(--gold-soft);background:radial-gradient(circle at 50% 40%,#e3ab5c33,#e3ab5c05 70%);border-radius:50%;justify-content:center;align-items:center;width:148px;height:148px;display:flex;box-shadow:0 0 44px #e3ab5c24,inset 0 0 30px #e3ab5c12}.countdown-num{font-family:var(--font-display);color:var(--paper);font-size:3rem;font-weight:600}.countdown-title{font-family:var(--font-display);color:var(--paper);text-align:center;font-size:1.1rem;font-style:italic}.countdown-lbl{color:var(--mist-dim);font-size:.85rem}.notes{flex-direction:column;gap:1.1rem;display:flex}.note-card{background:var(--paper);color:var(--ink);border-radius:3px 14px 14px 3px;padding:1.05rem 1.2rem;font-size:.98rem;line-height:1.55;position:relative;box-shadow:0 12px 24px #0000004d}.note-card:before{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:22px;box-shadow:0 2px 4px #00000059}.note-card:nth-child(4n+1){transform:rotate(-1.1deg)}.note-card:nth-child(4n+2){transform:rotate(.9deg)}.note-card:nth-child(4n+3){transform:rotate(-.6deg)}.note-card:nth-child(4n+4){transform:rotate(1.3deg)}.whispers{flex-direction:column;gap:.7rem;display:flex}.whisper-card{color:var(--paper);font-family:var(--font-display);background:#dd9a931f;border:1px solid #dd9a9359;border-radius:14px;padding:.9rem 1.15rem;font-size:1.02rem;font-style:italic;line-height:1.5}.envelopes{flex-direction:column;gap:.85rem;display:flex}.envelope-wrap{flex-direction:column;display:flex}.envelope{text-align:left;background:linear-gradient(180deg, var(--night-2), var(--night-3));border:1px solid var(--night-3);width:100%;color:var(--paper);border-radius:12px;align-items:center;gap:.7rem;padding:.9rem 1.05rem;transition:border-color .2s;display:flex}.envelope:hover:not(:disabled){border-color:var(--gold-soft)}.envelope.is-open{border-color:var(--gold)}.envelope.is-locked{opacity:.55;cursor:default}.envelope-seal{font-size:1.2rem}.envelope-title{flex:1;font-weight:600}.envelope-hint{color:var(--mist-dim);white-space:nowrap;font-size:.85rem;font-style:italic}.letter-paper{background:var(--paper);color:var(--ink);transform-origin:top;border-radius:2px 2px 14px 14px;margin-top:-4px;padding:1.25rem 1.25rem 1.1rem;animation:.35s unfold;box-shadow:0 14px 28px #00000052}@keyframes unfold{0%{opacity:0;transform:scaleY(.85)translateY(-8px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.letter-body{font-family:var(--font-display);white-space:pre-wrap;font-size:1.05rem;font-style:italic;line-height:1.7}.journal-list{flex-direction:column;display:flex}.journal-row{border-bottom:1px dashed var(--night-3);align-items:center;gap:.7rem;padding:.65rem .1rem;display:flex}.journal-row:last-child{border-bottom:none}.journal-text{color:var(--paper);flex:1;font-size:.98rem}.journal-text.done{color:var(--mist-dim);text-decoration:line-through}.check{cursor:pointer;flex-shrink:0;width:20px;height:20px;display:inline-flex;position:relative}.check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.check-mark{border:1.5px solid var(--gold-soft);border-radius:6px;transition:background .15s,border-color .15s;position:absolute;inset:0}.check-mark:after{content:"";border:solid var(--night);border-width:0 2px 2px 0;width:5px;height:9px;transition:transform .15s;position:absolute;top:1px;left:5px;transform:rotate(45deg)scale(0)}.check input:checked+.check-mark{background:var(--gold);border-color:var(--gold)}.check input:checked+.check-mark:after{transform:rotate(45deg)scale(1)}.icon-btn{color:var(--mist-dim);border-radius:6px;padding:.3rem;font-size:.95rem;transition:color .15s,background .15s}.icon-btn:hover{color:var(--paper);background:#ffffff0f}.add-row{gap:.5rem;margin-top:.95rem;display:flex}.line-input{font-family:var(--font-body);border:1px solid var(--night-3);color:var(--paper);background:#ffffff0a;border-radius:10px;outline:none;flex:1;padding:.55rem .85rem;transition:border-color .15s}.line-input::placeholder{color:var(--mist-dim)}.line-input:focus{border-color:var(--gold-soft)}.chip-btn{border:1px solid var(--night-3);color:var(--paper);background:#ffffff0a;border-radius:10px;padding:.55rem .95rem;font-weight:600;transition:background .15s,border-color .15s}.chip-btn:hover{background:#ffffff17}.chip-btn.primary{background:var(--gold);border-color:var(--gold);color:var(--night)}.chip-btn.primary:hover{background:#eabb78}.chip-btn:disabled{opacity:.5;cursor:default}.quiz-card .chip-btn:not(.primary),.lightbox-inner .chip-btn:not(.primary){color:var(--ink);background:#241f3d0f;border-color:#241f3d33}.quiz-card .chip-btn:not(.primary):hover,.lightbox-inner .chip-btn:not(.primary):hover{background:#241f3d1f}.stamps{flex-wrap:wrap;gap:.6rem;display:flex}.stamp{border:1.5px dashed var(--night-3);background:#ffffff08;border-radius:50%;width:52px;height:52px;font-size:1.4rem;transition:border-color .15s,transform .15s}.stamp:hover{border-color:var(--gold-soft);transform:scale(1.06)}.note-input{width:100%;margin-top:.85rem}.diary-strip{flex-direction:column;margin-top:1.1rem;display:flex}.diary-entry{border-bottom:1px dashed var(--night-3);align-items:center;gap:.7rem;padding:.5rem .1rem;display:flex}.diary-entry:last-child{border-bottom:none}.diary-emoji{font-size:1.25rem}.diary-note{color:var(--paper);flex:1;font-size:.95rem}.polaroid-grid{grid-template-columns:repeat(3,1fr);gap:16px 10px;padding:.6rem .2rem .2rem;display:grid}.polaroid{background:var(--paper);border-radius:3px;padding:8px 8px 22px;transition:transform .2s;box-shadow:0 10px 20px #00000057}.polaroid img{aspect-ratio:1;object-fit:cover;border-radius:1px;width:100%;display:block}.polaroid-cap{font-family:var(--font-display);color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.72rem;font-style:italic;display:block;overflow:hidden}.polaroid.tilt-0{transform:rotate(-2deg)}.polaroid.tilt-1{transform:rotate(1.6deg)}.polaroid.tilt-2{transform:rotate(-1deg)}.polaroid.tilt-3{transform:rotate(2.2deg)}.polaroid:hover{z-index:2;position:relative;transform:scale(1.05)rotate(0)}.lightbox{z-index:50;background:#0a0814e0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.lightbox-inner{background:var(--paper);text-align:center;border-radius:6px;max-width:90vw;max-height:90vh;padding:1rem}.lightbox-inner img{border-radius:2px;max-width:100%;max-height:70vh}.lightbox-inner .cap{color:var(--ink);font-family:var(--font-display);margin:.7rem 0;font-style:italic}.vinyl-row{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.vinyl{background:radial-gradient(circle at 50% 50%, var(--night-2) 0 20%, #0e0c1c 21% 30%, var(--night-2) 31% 38%, #0e0c1c 39% 46%, var(--night-2) 47% 100%);border:1px solid var(--night-3);border-radius:50%;flex-shrink:0;width:76px;height:76px;position:relative}.vinyl-label{background:var(--gold);box-shadow:0 0 0 2px var(--night) inset;border-radius:50%;position:absolute;inset:30%}.vinyl.is-spinning{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.now-playing{flex:180px;min-width:0}.np-title{font-family:var(--font-display);color:var(--paper);font-size:1.1rem;font-style:italic}.np-artist{color:var(--mist-dim);margin-top:2px;font-size:.88rem}.np-audio{width:100%;accent-color:var(--gold);margin-top:.65rem}.playlist{flex-direction:column;margin-top:1.1rem;display:flex}.track-row{text-align:left;width:100%;color:var(--mist);border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.track-row:hover{background:#ffffff0d}.track-row.is-playing{color:var(--paper);font-weight:600}.track-mark{color:var(--gold)}.track-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.quiz-card{background:var(--paper);color:var(--ink);border-radius:16px;padding:1.3rem 1.3rem 1.5rem;box-shadow:0 14px 30px #00000052}.quiz-progress{color:#6b6153;margin-bottom:.85rem;font-size:.82rem}.quiz-q{border-bottom:1px solid #00000014;padding:.8rem 0}.quiz-q:last-of-type{border-bottom:none}.quiz-title{margin-bottom:.6rem;font-weight:600}.quiz-opts{flex-wrap:wrap;gap:.5rem;display:flex}.quiz-opt{color:var(--ink);background:#fff;border:1px solid #00000026;border-radius:999px;padding:.5rem 1rem;transition:background .15s,border-color .15s,color .15s}.quiz-opt:hover{border-color:var(--gold)}.quiz-opt.picked{background:var(--ink);color:#fff;border-color:var(--ink)}.quiz-opt.correct{color:#1f5f38;background:#dff1e2;border-color:#4f9e6a}.quiz-opt.wrong{color:#8a3229;background:#f8e0de;border-color:#c96a63}.quiz-submit{margin-top:.9rem}.quiz-result{text-align:center;margin-top:1rem}.quiz-score{font-family:var(--font-display);font-size:2.6rem;font-weight:600}.footer{text-align:center;margin-top:3rem}.ghost-btn{color:var(--mist-dim);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:color .15s}.ghost-btn:hover{color:var(--paper)}@media (prefers-reduced-motion:reduce){.star,.mote,.veil-mark,.gate-mark,.vinyl.is-spinning,.letter-paper{animation:none!important}.hero-mark,.hero-name,.hero-swash,.hero-tagline{opacity:1!important;animation:none!important;transform:none!important}.hero-swash path{stroke-dashoffset:0!important}*{transition:none!important}}@media (width<=420px){.countdown-ring{width:126px;height:126px}.countdown-num{font-size:2.4rem}.polaroid-grid{gap:10px 8px}}