:root{color-scheme:dark;--ink: #fdf7ff;--muted: #cfc6e9;--violet-950: #0c0621;--violet-900: #12082f;--violet-700: #321263;--pink: #ff4fa3;--pink-soft: #ff9bd0;--cyan: #59efff;--gold: #ffd773;--glass: rgba(23, 11, 57, .68);--glass-border: rgba(255, 255, 255, .2);--shadow: 0 24px 80px rgba(4, 1, 18, .48);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--violet-950);font-synthesis:none}*{box-sizing:border-box}html,body,#app,#scene-shell,#scene-root,a-scene{width:100%;height:100%;min-height:100%;margin:0}html,body{overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(126,44,173,.35),transparent 40%),var(--violet-950)}body{color:var(--ink);overscroll-behavior:none;touch-action:none}button{border:0;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}#scene-shell{position:fixed;inset:0;overflow:hidden;isolation:isolate;touch-action:none}#scene-root,a-scene{display:block;position:absolute;inset:0}a-scene canvas{display:block;touch-action:none}.scene-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(6,2,19,.45),transparent 22%,transparent 75%,rgba(4,1,15,.58)),radial-gradient(ellipse at center,transparent 48%,rgba(7,2,23,.45) 100%)}.top-chrome{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.brand-chip,.memory-chip{display:inline-flex;align-items:center;min-height:34px;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0c052294;box-shadow:0 8px 22px #06011540,inset 0 1px #ffffff1a;color:var(--muted);font-size:.73rem;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(16px)}.brand-star{margin-right:7px;color:var(--gold);font-size:1rem;text-shadow:0 0 12px var(--gold)}.memory-chip{color:var(--cyan);white-space:nowrap}.sound-status{position:fixed;z-index:6;top:max(62px,calc(env(safe-area-inset-top) + 54px));left:max(18px,env(safe-area-inset-left));display:inline-flex;align-items:center;gap:8px;max-width:min(78vw,310px);padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#0c052280;box-shadow:0 8px 22px #06011533;color:#eee5ffc2;font-size:.7rem;letter-spacing:.04em;pointer-events:none;backdrop-filter:blur(14px);transition:color .2s ease,border-color .2s ease,background .2s ease}.sound-status[data-track=maxwell]{border-color:#ff4fa394;background:#3e0c45ad;color:#ffd7e9}.sound-status[data-track=afia]{border-color:#ffd77380;background:#391c46ad;color:#fff2c9}.sound-status[data-track=ambient]{border-color:#59efff73;color:#d8fcff}.sound-status-icon{color:var(--gold);font-size:1rem;line-height:1;text-shadow:0 0 10px currentColor}.screen-overlay,.action-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));pointer-events:auto}.loading-overlay,.error-card{background:radial-gradient(circle at 50% 25%,rgba(255,79,163,.2),transparent 35%),linear-gradient(145deg,#0e0526f7,#1f093df2)}.loading-card,.message-card{width:min(100%,540px);border:1px solid var(--glass-border);border-radius:28px;background:linear-gradient(145deg,#2c1553db,#0d0723e0);box-shadow:var(--shadow),inset 0 1px #ffffff21;backdrop-filter:blur(24px) saturate(130%);text-align:center}.loading-card{padding:clamp(28px,7vw,54px)}.loading-sparkle{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 24px;border:1px solid rgba(255,215,115,.38);border-radius:50%;background:radial-gradient(circle,rgba(255,215,115,.25),rgba(255,79,163,.1) 48%,transparent 70%);color:var(--gold);font-size:2.6rem;text-shadow:0 0 24px var(--gold);animation:breathe 2.2s ease-in-out infinite}.eyebrow,.message-kicker{margin:0 0 10px;color:var(--cyan);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,p{margin-top:0}.loading-card h1,.message-card h1{margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.06;letter-spacing:-.03em}.loading-card p:not(.eyebrow),.message-card p{color:var(--muted);line-height:1.65}.loading-track{height:6px;margin-top:26px;overflow:hidden;border-radius:999px;background:#ffffff1a}.loading-track span{display:block;width:18%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--gold),var(--cyan));box-shadow:0 0 18px var(--pink);transition:width .35s ease}.error-card .primary-button{margin-top:12px}.primary-button,.magic-button{min-height:52px;padding:14px 24px;border-radius:999px;background:linear-gradient(100deg,var(--pink),#b83cff 55%,var(--cyan));box-shadow:0 12px 35px #ff4fa359,inset 0 1px #ffffff6b;color:#fff;font-weight:800;letter-spacing:.02em;transition:transform .18s ease,filter .18s ease}.secondary-button{min-height:42px;margin-top:24px;padding:10px 18px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;color:var(--muted);font-size:.86rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.secondary-button:hover{border-color:#59efffa6;background:#59efff1f;transform:translateY(-2px)}.primary-button:hover,.magic-button:hover,.envelope-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.controls-overlay{position:fixed;z-index:10;bottom:max(18px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));display:grid;justify-items:center;gap:6px;transition:opacity .25s ease,transform .25s ease}.control-row{display:flex;gap:6px}.control-button{display:grid;place-items:center;width:54px;height:48px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:linear-gradient(145deg,#451f77c7,#11072dd6);box-shadow:0 8px 24px #04011161,inset 0 1px #ffffff29;color:var(--ink);font-size:1.15rem;touch-action:none;user-select:none;transition:transform .12s ease,background .12s ease}.control-button:active,.control-button.is-pressed{transform:scale(.92);background:linear-gradient(145deg,#ff4fa3e6,#5d30b4e6)}.control-home{color:var(--gold);font-size:1rem}.action-overlay{inset:auto 0 calc(max(24px,env(safe-area-inset-bottom)) + 230px);z-index:14;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;pointer-events:none}.action-hint{padding:7px 13px;border:1px solid rgba(255,215,115,.3);border-radius:999px;background:#11072dbf;color:var(--gold);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}.magic-button{min-width:min(88vw,320px);min-height:64px;font-size:clamp(1.1rem,3.5vw,1.35rem);pointer-events:auto;animation:magic-pulse 2s ease-in-out infinite}.magic-button span{margin-left:7px;color:var(--gold)}.celebration-overlay{background:radial-gradient(circle,#23094738,#08021961)}.envelope-button{display:grid;justify-items:center;gap:18px;padding:18px;background:transparent;transition:transform .22s ease,filter .22s ease}.envelope-art{position:relative;display:grid;place-items:center;width:clamp(220px,65vw,360px);aspect-ratio:1.5;overflow:hidden;border:2px solid rgba(255,215,115,.8);border-radius:18px;background:linear-gradient(145deg,#ffb8d9,#d96ac6 55%,#7148c7);box-shadow:0 0 0 8px #ffd77317,0 18px 60px #ff4fa366,inset 0 1px #ffffff9e;transform:perspective(600px) rotateX(2deg) rotate(-2deg)}.envelope-art:before,.envelope-art:after{position:absolute;inset:0;content:""}.envelope-art:before{background:linear-gradient(34deg,transparent 49.5%,rgba(255,255,255,.52) 50%,transparent 51%),linear-gradient(-34deg,transparent 49.5%,rgba(255,255,255,.35) 50%,transparent 51%)}.envelope-art:after{top:-52%;left:5%;width:90%;height:100%;border:2px solid rgba(255,255,255,.55);border-radius:12px;background:linear-gradient(155deg,#ffd8e9,#ec80bd);transform:rotate(45deg)}.envelope-seal{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6bf,var(--pink) 58%,#a92688);box-shadow:0 5px 18px #5a115b59;color:#fff;font-family:Georgia,serif;font-size:1.65rem}.envelope-label{padding:12px 18px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0e0525bf;color:#fff;font-weight:700;backdrop-filter:blur(12px)}.message-overlay{overflow:auto;background:#0702185c;overscroll-behavior:contain;touch-action:pan-y}.message-card{width:min(100%,720px);max-height:min(82dvh,720px);min-width:0;padding:clamp(28px,7vw,56px) clamp(24px,8vw,62px);overflow:auto;overscroll-behavior:contain;text-align:left;touch-action:pan-y}.message-card .message-kicker,.message-card h1,.message-rule{text-align:center}.message-kicker{overflow-wrap:anywhere;line-height:1.35}.message-card h1{color:#fff8e4;text-shadow:0 0 22px rgba(255,215,115,.2)}.message-body{min-width:0}.message-body p{margin-bottom:18px;overflow-wrap:anywhere;line-height:1.7}.message-body s{color:#ffd0e7;text-decoration-color:var(--pink);text-decoration-thickness:.12em;text-decoration-skip-ink:none}.message-body .message-footnote{margin-top:24px;color:#e6dcf4c7;font-size:.88rem;line-height:1.55}.message-rule{display:flex;justify-content:center;gap:13px;margin:22px 0;color:var(--gold);text-shadow:0 0 14px var(--gold)}.message-signoff{margin:24px 0 0;overflow-wrap:anywhere;color:var(--pink-soft)!important;font-family:Georgia,serif;font-size:1.1rem;text-align:center}.message-card .secondary-button{display:block;margin-inline:auto}@keyframes breathe{0%,to{transform:scale(.94);opacity:.78}50%{transform:scale(1.06);opacity:1}}@keyframes magic-pulse{0%,to{box-shadow:0 12px 35px #ff4fa359,inset 0 1px #ffffff6b}50%{box-shadow:0 14px 46px #59efff66,0 0 28px #ff4fa347,inset 0 1px #ffffff8f}}@media(min-width:760px){.controls-overlay{right:26px;opacity:.72}.action-overlay{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 232px)}.controls-overlay:hover,.controls-overlay:focus-within{opacity:1}.control-button{width:48px;height:44px}}@media(max-width:420px){.top-chrome{align-items:flex-start}.brand-chip{max-width:68vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-status{max-width:74vw;font-size:.65rem}.memory-chip{padding-inline:9px;font-size:.64rem}.control-button{width:51px;height:46px}.message-card{max-height:calc(100dvh - 36px);padding:26px 20px}.message-card h1{font-size:clamp(1.65rem,8vw,2.25rem)}.message-kicker{font-size:.66rem;letter-spacing:.11em}.message-body p{margin-bottom:16px;font-size:.95rem;line-height:1.6}.message-body .message-footnote{font-size:.82rem}}@media(max-height:500px)and (orientation:landscape){.message-card{max-height:calc(100dvh - 20px);padding:20px 36px}.message-card h1{margin-bottom:8px;font-size:clamp(1.55rem,5.5vw,2.35rem)}.message-card p{margin-bottom:10px;line-height:1.35}.message-rule{margin:12px 0}.message-signoff{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}