:root{--bg-deep:#120617;--bg-plum:#1f0b27;--rose-primary:#fb7185;--rose-deep:#e11d48;--rose-soft:#fda4af;--gold-bright:#fde047;--gold-warm:#f59e0b;--cream-text:#fff5f7;--muted-pink:#f5d0fe;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-hand:"Caveat", cursive}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100dvh;color:var(--cream-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 28%,#2e1038 0%,#15071c 58%,#0c0310 100%);overflow:hidden}button,input,textarea{font-family:inherit}.app-shell{flex-direction:column;justify-content:space-between;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.three-canvas-container{z-index:1;touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.three-canvas-container:active{cursor:grabbing}.ambient-glow{pointer-events:none;filter:blur(85px);z-index:0;border-radius:50%;position:absolute}.ambient-glow-top{background:radial-gradient(circle,#fb718540 0%,#f59e0b1a 60%,#0000 100%);width:min(550px,90vw);height:280px;top:-12%;left:50%;transform:translate(-50%)}.ambient-glow-bottom{background:radial-gradient(circle,#e11d483d 0%,#9333ea1f 65%,#0000 100%);width:min(620px,95vw);height:300px;bottom:-15%;left:50%;transform:translate(-50%)}.hud-header{z-index:10;padding:calc(14px + env(safe-area-inset-top,0px)) 20px 10px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1120px;margin:0 auto;display:flex;position:relative}.brand-block,.header-actions{pointer-events:auto}.chapter-pill{color:#fde68a;letter-spacing:.09em;text-transform:uppercase;background:#fde04724;border:1px solid #fde04759;border-radius:999px;align-items:center;gap:6px;margin-bottom:4px;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.main-title{font-family:var(--font-serif);color:#fff5f7;text-shadow:0 2px 16px #00000080;font-size:clamp(1.45rem,4vw,2.2rem);font-weight:700;line-height:1.08}.gold-italic{background:linear-gradient(135deg,#fde047 0%,#fb7185 55%,#fef08a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding-right:4px;font-style:italic}.header-actions{align-items:center;gap:8px;display:flex}.hud-icon-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffe4e6;cursor:pointer;background:#1f0b27a6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.hud-icon-btn.playing{color:#fde047;background:#f59e0b38;border-color:#fde047a6;box-shadow:0 0 18px #fbbf2459}.hud-letter-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48d9,#be123cd9);border:1px solid #fb71858c;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:.82rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #e11d4861}.hud-letter-btn:hover,.hud-icon-btn:hover{transform:translateY(-1px)}.touch-hint-banner{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fbcfe8;text-align:center;pointer-events:none;background:#14081a94;border:1px solid #ffe4ec29;border-radius:999px;align-self:center;max-width:92vw;margin-top:2px;margin-bottom:auto;padding:6px 14px;font-size:.76rem;position:relative}.hud-footer{z-index:10;width:100%;max-width:580px;padding:0 14px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;gap:10px;margin:0 auto;display:flex;position:relative}.stage-glass-card,.mode-dock{pointer-events:auto}.stage-glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#2a0e34c7 0%,#16071de0 100%);border:1px solid #fb718547;border-radius:22px;flex-direction:column;gap:12px;padding:16px 18px;animation:.32s cubic-bezier(.16,1,.3,1) cardFadeUp;display:flex;box-shadow:0 14px 36px #00000080,inset 0 1px #ffffff24}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stage-badge{text-transform:uppercase;letter-spacing:.06em;color:#fde047;margin-bottom:3px;font-size:.72rem;font-weight:700;display:inline-block}.stage-heading{font-family:var(--font-serif);color:#fff5f7;font-size:clamp(1.25rem,3.6vw,1.55rem);font-weight:700;line-height:1.18}.stage-description{color:#fce7f3;opacity:.92;margin-top:3px;font-size:.84rem;line-height:1.48}.stage-card-actions{align-items:center;gap:10px;display:flex}.stage-card-actions.dual-actions{flex-wrap:wrap}.primary-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 55%,#9f1239 100%);border:1px solid #fef08a8c;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:170px;padding:12px 18px;font-size:.9rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 6px 20px #e11d4873}.primary-cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #e11d4899}.primary-cta-btn:active{transform:scale(.98)}.secondary-cta-btn{color:#ffe4e6;cursor:pointer;background:#ffffff14;border:1px solid #fb718566;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:12px 15px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.secondary-cta-btn.mic-active{color:#fde047;background:#f59e0b40;border-color:#fde047;animation:1.2s infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 #fde04766}50%{box-shadow:0 0 0 8px #fde04700}}.mode-dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#120617d9;border:1px solid #ffffff24;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:8px;padding:6px;display:grid;box-shadow:0 10px 30px #0000008c}.dock-btn{color:#f5d0fe;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:10px 8px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.dock-btn.active{color:#fff;background:linear-gradient(135deg,#e11d4873,#f59e0b47);border-color:#fde04773;box-shadow:0 4px 12px #e11d4840}.love-letter-dialog{color:#2b1321;background:0 0;border:none;border-radius:26px;width:min(680px,94vw);max-height:88dvh;margin:auto;padding:0;overflow:hidden;box-shadow:0 25px 70px #000000bf}.love-letter-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a030eb8}.letter-modal-card{background:#1d0a24;border:1px solid #fde04759;border-radius:26px;flex-direction:column;max-height:88dvh;display:flex;overflow:hidden}.letter-modal-topbar{background:#120617f2;border-bottom:1px solid #fb718538;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.letter-tabs{scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.letter-tab-btn{color:#fbcfe8;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.letter-tab-btn.active{color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);border-color:#fde047}.modal-close-btn{color:#ffe4e6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.letter-modal-body{overscroll-behavior:contain;max-height:calc(88dvh - 60px);padding:18px;overflow-y:auto}.parchment-paper{color:#3b1325;background:linear-gradient(#fff9fb 0%,#fff0f5 100%);border:2px solid #e9c46a;border-radius:20px;padding:clamp(20px,4vw,34px);box-shadow:inset 0 0 28px #e11d4812}.wax-seal-header{border-bottom:1px dashed #be123c40;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.wax-seal-badge{color:#fffbeb;width:42px;height:42px;font-family:var(--font-serif);background:radial-gradient(circle at 30% 30%,#f43f5e,#9f1239);border:2px solid #fbbf24;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;line-height:1;display:flex;box-shadow:0 4px 12px #9f123959}.recipient-kicker{text-transform:uppercase;letter-spacing:.08em;color:#9f1239;font-size:.78rem;font-weight:700}.letter-greeting{font-family:var(--font-serif);color:#881337;margin-bottom:16px;font-size:clamp(1.65rem,4.5vw,2.25rem);font-style:italic;font-weight:700}.letter-paragraphs{flex-direction:column;gap:14px;display:flex}.letter-paragraph{font-family:var(--font-serif);color:#3f1d2b;font-size:clamp(1.06rem,2.7vw,1.2rem);line-height:1.68}.letter-promises-box{background:#fb71851a;border:1px solid #e11d4838;border-radius:16px;margin:22px 0;padding:16px 18px}.promises-heading{font-family:var(--font-serif);color:#9f1239;align-items:center;gap:8px;margin-bottom:10px;font-size:1.2rem;font-weight:700;display:flex}.promises-list{flex-direction:column;gap:8px;list-style:none;display:flex}.promises-list li{color:#4a152b;align-items:flex-start;gap:8px;font-size:.92rem;line-height:1.45;display:flex}.promise-bullet{color:#e11d48;font-size:.9rem}.letter-signature-block{text-align:right;margin-top:22px}.letter-closing{font-family:var(--font-serif);color:#6b213c;font-size:1.1rem;font-style:italic}.letter-signature{font-family:var(--font-hand);color:#be123c;margin-top:2px;font-size:2.1rem;font-weight:700}.letter-postscript{color:#702441;border-top:1px dashed #be123c40;margin-top:18px;padding-top:12px;font-size:.84rem;font-style:italic}.letter-footer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.btn-Action-Gold{color:#fff;cursor:pointer;background:linear-gradient(135deg,#be123c,#e11d48);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-size:.86rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #be123c59}.btn-customize-subtle{color:#881337;cursor:pointer;background:0 0;border:1px solid #9f123940;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.letter-editor-form{flex-direction:column;gap:12px;display:flex}.editor-title{font-family:var(--font-serif);color:#881337;font-size:1.35rem}.editor-label{color:#6b213c;flex-direction:column;gap:4px;font-size:.8rem;font-weight:700;display:flex}.editor-input,.editor-textarea{color:#2b1321;background:#fff;border:1px solid #9f123959;border-radius:10px;padding:10px 12px;font-size:.92rem}.editor-actions{gap:10px;margin-top:6px;display:flex}@media (width<=600px){.hud-header{padding:calc(10px + env(safe-area-inset-top,0px)) 14px 6px}.btn-label-desktop{display:none}.hud-icon-btn{padding:9px}.stage-glass-card{border-radius:18px;gap:9px;padding:13px 14px}.primary-cta-btn,.secondary-cta-btn{padding:10px 14px;font-size:.84rem}}