:root{--ink:#f4f0ff;--muted:#f4f0ff9e;--line:#ffffff29;--glass:#120e268c;--rose:#ffb6d5;--space:#05030f}*{box-sizing:border-box}html,body{background:var(--space);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#scene{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}[hidden]{display:none!important}body:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 50%,#03020a73 100%);position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui>*{pointer-events:auto}.btn{font:inherit;letter-spacing:.02em;color:var(--ink);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:999px;padding:.6rem 1.15rem;font-size:.85rem;transition:border-color .25s,background .25s,transform .25s,opacity .25s}.btn:hover{border-color:#ffb6d599;transform:translateY(-1px)}.btn.is-on{border-color:var(--rose);color:var(--rose)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn--highlight{font-weight:500;animation:2.4s ease-in-out infinite btnPulseGlow;position:relative;box-shadow:0 0 16px #ff86ba73;color:#fff!important;background:linear-gradient(135deg,#ff72ae52,#8a5cff52)!important;border-color:#ffb6d5d9!important}.btn--highlight:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 0 24px #ffa0d2cc,0 0 45px #a078ff66;background:linear-gradient(135deg,#ff72ae80,#8a5cff80)!important;border-color:#ffc2df!important}@keyframes btnPulseGlow{0%,to{box-shadow:0 0 12px #ff82b959}50%{box-shadow:0 0 22px #ffb6d5cc,0 0 35px #a078ff73}}.btn--primary{border-color:#ffb6d573;margin-top:2rem;padding:.85rem 2.4rem;font-size:.95rem}.btn--primary.is-ready{animation:2.6s ease-out infinite pulse;box-shadow:0 0 #ffb6d580}@keyframes pulse{70%{box-shadow:0 0 0 22px #ffb6d500}to{box-shadow:0 0 #ffb6d500}}.intro{text-align:center;background:radial-gradient(#0c08208c,#05030ff0);place-items:center;padding:2rem;transition:opacity .9s,transform .9s;display:grid;position:absolute;inset:0}.intro.is-gone{opacity:0;pointer-events:none;transform:scale(1.06)}.intro__inner{max-width:34rem;animation:1.2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.intro__kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--rose);margin:0;font-size:.85rem}.intro__title{margin:.6rem 0 1rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.1rem,7vw,3.6rem);font-weight:500;line-height:1.15}.intro__subtitle{color:var(--muted);margin:0;font-size:.98rem;font-weight:300;line-height:1.75}.loader{margin-top:2.4rem}.loader__bar{background:#ffffff1f;border-radius:2px;width:min(18rem,70vw);height:2px;margin:0 auto;overflow:hidden}.loader__bar i{background:linear-gradient(90deg, var(--rose), #8ea2ff);transform-origin:0;height:100%;transition:transform .4s;display:block;transform:scaleX(0)}.loader__label{letter-spacing:.16em;color:var(--muted);margin-top:.7rem;font-size:.75rem;display:block}.lock-screen{text-align:center;z-index:10;background:#05030f;place-items:center;padding:2rem;transition:opacity .9s,transform .9s;display:grid;position:absolute;inset:0}.lock-screen.is-gone{opacity:0;pointer-events:none;transform:scale(1.05)}.lock-screen__inner{max-width:32rem;animation:1.2s both rise}.lock-screen__kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--rose);margin:0;font-size:.85rem}.lock-screen__title{margin:.6rem 0 1rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,6.5vw,3.2rem);font-weight:500;line-height:1.2}.lock-screen__subtitle{color:var(--muted);margin:0 0 1.6rem;font-size:.95rem;font-weight:300;line-height:1.7}.countdown{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#160e2d8c;border:1px solid #ffb6d54d;border-radius:20px;margin-top:1.6rem;padding:1.1rem 1.6rem;display:inline-block;box-shadow:0 10px 30px #0006,inset 0 0 20px #ffb6d51a}.countdown__title{letter-spacing:.2em;text-transform:uppercase;color:var(--rose);margin:0 0 .6rem;font-size:.78rem}.countdown__timer{justify-content:center;align-items:center;gap:.8rem;display:flex}.countdown__unit{flex-direction:column;align-items:center;min-width:2.8rem;display:flex}.countdown__unit span{color:#fff;text-shadow:0 0 16px #ffb6d5b3;font-family:Playfair Display,Georgia,serif;font-size:2.2rem;font-weight:600;line-height:1}.countdown__unit label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:.35rem;font-size:.65rem}.countdown__colon{color:var(--rose);opacity:.8;margin-bottom:.8rem;font-family:Playfair Display,Georgia,serif;font-size:1.8rem;line-height:1;animation:1s step-start infinite blinkColon}@keyframes blinkColon{50%{opacity:.2}}.hud{align-items:center;gap:.6rem;padding:1.4rem clamp(1rem,4vw,2.4rem);animation:1s .3s both fade;display:flex;position:absolute;left:0;right:0}@keyframes fade{0%{opacity:0}}.hud--top{justify-content:space-between;top:0}.hud--bottom{flex-wrap:wrap;bottom:0}.hud__name{font-family:Playfair Display,Georgia,serif;font-size:1.15rem;font-style:italic}.hud__count,.hud__hint{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.hud__hint{margin-left:auto}.modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:#05030fd1;place-items:center;padding:clamp(1rem,5vw,3.5rem);transition:opacity .26s;display:grid;position:absolute;inset:0}.modal.is-open{opacity:1}.modal.is-open .viewer,.modal.is-open .letter{opacity:1;transform:none}.modal__close{width:2.6rem;height:2.6rem;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;font-size:1.6rem;line-height:1;transition:border-color .25s,transform .25s;position:absolute;top:1.1rem;right:1.3rem}.modal__close:hover{border-color:var(--rose);transform:rotate(90deg)}.modal__nav{width:3rem;height:3rem;color:var(--ink);opacity:.45;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.modal__nav:hover{opacity:1}.modal__nav--prev{left:.4rem}.modal__nav--next{right:.4rem}.viewer{opacity:0;flex-direction:column;align-items:center;gap:1.2rem;max-width:min(64rem,90vw);margin:0;transition:transform .32s,opacity .32s;display:flex;transform:scale(.96)}.viewer img{border-radius:14px;max-width:100%;max-height:68vh;box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff14}.viewer__caption{text-align:center;max-width:38rem}.viewer__caption h2{margin:0 0 .4rem;font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:500}.viewer__caption p{color:var(--muted);margin:0;font-weight:300;line-height:1.7}.viewer__index{letter-spacing:.24em;color:#f4f0ff66;margin-top:.9rem;font-size:.7rem;display:inline-block}.letter{border:1px solid var(--line);opacity:0;background:linear-gradient(160deg,#1e163cb3,#0c081eb3);border-radius:18px;max-width:34rem;max-height:80vh;padding:clamp(1.6rem,5vw,2.8rem);transition:transform .32s,opacity .32s;overflow-y:auto;transform:translateY(14px)}.letter h2{margin:0 0 1.4rem;font-family:Playfair Display,Georgia,serif;font-size:1.7rem;font-weight:500}.letter p{color:#f4f0ffd1;margin:0 0 1.1rem;font-weight:300;line-height:1.9}.letter__sign{text-align:right;margin-top:2rem;font-family:Playfair Display,Georgia,serif;font-style:italic}@media (width<=640px){.hud--bottom{justify-content:center}.hud__hint{text-align:center;width:100%;margin:.5rem 0 0;line-height:1.6}.viewer img{max-height:56vh}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}