.bria-canvas{z-index:0;position:fixed;inset:0}.bria-canvas canvas{touch-action:none;display:block}#ui-root{z-index:1;pointer-events:none;position:fixed;inset:0}#ui-root>*{pointer-events:auto}.bria-fallback{z-index:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bria-fallback-orb{aspect-ratio:1;background:radial-gradient(circle at 34% 30%, #ffffffe6, #fff0 45%), radial-gradient(circle at 50% 55%, var(--accent), var(--accent-2) 72%);width:min(48vmin,340px);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:50%;animation:7s ease-in-out infinite bria-fallback-bob;box-shadow:inset 0 -18px 40px #ffffff59,0 30px 80px #0000002e}.bria-fallback-name{letter-spacing:.04em;opacity:.75;margin:1.25rem 0 0;font-size:1.25rem}@keyframes bria-fallback-bob{0%,to{transform:translateY(-1.5%)scale(1)}50%{transform:translateY(1.5%)scale(1.015)}}@media (prefers-reduced-motion:reduce){.bria-fallback-orb{animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nameplate.glass{-webkit-backdrop-filter:none;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:999px;outline:none;flex-direction:column;align-items:center;gap:.3rem;padding:.65rem 2rem;display:flex;position:fixed;top:12%;left:50%;transform:translate(-50%,-50%)}.nameplate:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:999px}.nameplate-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--fg);text-shadow:0 1px 24px var(--glass-highlight);font-size:clamp(30px,5vw,44px);font-weight:500;line-height:1}.nameplate-input{font-family:var(--font-display);letter-spacing:.01em;color:var(--fg);text-align:center;border:none;border-bottom:1px solid var(--glass-border);background:0 0;outline:none;width:min(60vw,320px);font-size:clamp(30px,5vw,44px);font-weight:500;line-height:1}.nameplate-hint{letter-spacing:.03em;color:var(--muted);opacity:.75;font-size:.7rem;transition:opacity .4s}.controls-bar{z-index:20;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.controls-theme-group{background:#ffffff1f;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.controls-theme-option{color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;transition:background .15s,transform .15s;display:inline-flex}.controls-theme-option:hover{background:#ffffff29}.controls-theme-option-active{background:var(--accent);color:#241b30}.controls-theme-label{display:none}.pill-active{background:var(--accent);color:#241b30}.controls-toast{z-index:21;border-radius:999px;padding:8px 18px;font-size:13px;animation:.18s controls-toast-in;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}@keyframes controls-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.story-panel{z-index:19;border-top:none;border-bottom:none;border-right:none;border-radius:0;flex-direction:column;gap:14px;width:min(360px,100vw);padding:20px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.story-panel-header{justify-content:space-between;align-items:center;display:flex}.story-panel-header h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:500}.story-panel-close{color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 8px;font-size:22px;line-height:1}.story-panel-close:hover{background:#ffffff1f}.story-panel-dedication{color:var(--muted);margin:0;font-size:13px;font-style:italic}.story-panel-beats{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.story-panel-beat-button{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.story-panel-beat-button:hover{background:#ffffff24}.story-panel-beat-active .story-panel-beat-button{background:var(--glass-bg);border-color:var(--accent)}.story-panel-beat-title{font-size:14px;font-weight:600}.story-panel-beat-text{color:var(--muted);font-size:13px;line-height:1.4}.story-panel-nav{justify-content:space-between;gap:8px;display:flex}.story-panel-nav .pill:disabled{opacity:.4;cursor:default;transform:none}@media (width<=480px){.controls-bar{flex-wrap:wrap;justify-content:center;width:calc(100% - 32px);bottom:16px;left:16px;right:16px;transform:none}.controls-toast{bottom:116px}.story-panel{border-radius:var(--radius) var(--radius) 0 0;border-left:none;width:100%;max-height:70vh;inset:auto 0 0}}:root{--bg:#f8f1f7;--bg-2:#f3ddea;--bg-3:#e4d3f2;--fg:#372a3f;--muted:#7c6e88;--glass-bg:#ffffff80;--glass-border:#ffffffb3;--glass-highlight:#ffffff8c;--glass-blur:18px;--accent:#dd93ae;--accent-2:#a98bd6;--gold:#e3b872;--radius:22px;--font-display:"Fraunces", Georgia, serif}:root[data-theme=dark]{--bg:#171220;--bg-2:#2a1e33;--bg-3:#21182f;--fg:#f3ecf9;--muted:#ac9dc0;--glass-bg:#261d3380;--glass-border:#ffffff24;--glass-highlight:#ffffff29;--glass-blur:22px;--accent:#e3a1c0;--accent-2:#b79ce0;--gold:#e8c789}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{background:radial-gradient(ellipse 60% 40% at 22% 12%, var(--bg-3), transparent 60%), radial-gradient(ellipse 55% 45% at 82% 85%, var(--bg-2), transparent 60%), radial-gradient(circle at 50% 8%, var(--bg-2), var(--bg) 68%);background-color:var(--bg);color:var(--fg);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;padding:0 16px;display:flex}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 8px 30px #00000014}.pill{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:transform .15s,background .15s;display:inline-flex}.pill:hover{transform:translateY(-1px)}.pill:active{transform:translateY(0)}