:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--bg-dark: #07080e;--bg-gradient: radial-gradient(circle at 55% 35%, #18162d 0%, #0c0d18 55%, #05060b 100%);--panel-bg: rgba(14, 15, 27, .94);--panel-border: rgba(255, 255, 255, .14);--panel-border-hover: rgba(192, 132, 252, .5);--text-main: #f8fafc;--text-muted: #94a3b8;--text-sub: #64748b;--accent-purple: #c084fc;--accent-pink: #f472b6;--accent-blue: #60a5fa;--accent-gold: #fde047;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--radius-full: 9999px;--transition: all .2s cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hidden{display:none!important}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:var(--font-body);color:var(--text-main);-webkit-font-smoothing:antialiased}#app{position:relative;width:100vw;height:100vh;background:var(--bg-gradient);overflow:hidden}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:grab}#canvas-container:active{cursor:grabbing}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1px solid var(--panel-border);box-shadow:0 20px 60px #000000bf,inset 0 1px 1px #ffffff26}.top-right-controls{position:fixed;top:18px;right:20px;display:flex;gap:8px;z-index:500}.glass-pill-btn{background:#0e0f1cd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-full);color:var(--text-main);padding:8px 14px;font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 20px #0006;transition:var(--transition)}.glass-pill-btn:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-2px)}.glass-pill-btn.icon-only{padding:8px 10px}.glass-pill-btn svg{width:16px;height:16px}.speech-bubble{position:absolute;top:0;left:0;transform:translate(-10%,-100%);background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#17152b;padding:12px 18px;border-radius:20px;box-shadow:0 16px 40px #00000059,0 0 24px #c084fc59;z-index:25;min-width:180px;max-width:280px;pointer-events:auto;transition:opacity .25s ease,transform .2s var(--spring)}.speech-bubble.hidden{opacity:0;transform:translate(-10%,-90%) scale(.85);pointer-events:none}.bubble-tail{position:absolute;bottom:-8px;left:20px;width:16px;height:16px;background:#fffffff5;transform:rotate(45deg);box-shadow:4px 4px 6px #00000014}.speech-content{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}#speech-text{font-size:.88rem;font-weight:600;line-height:1.35;color:#1a1b2f}.speech-close{background:transparent;border:none;font-size:.82rem;cursor:pointer;color:#8b88a8;padding:2px 4px}.top-left-hud{position:fixed;top:16px;left:16px;width:350px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:1000;overflow:hidden;box-shadow:0 16px 50px #000c,0 0 25px #c084fc26;transition:width .35s var(--spring),max-height .35s var(--spring),border-radius .25s ease,transform .35s var(--spring)}.mobile-drag-handle-bar{display:none;width:100%;padding:8px 0 4px;justify-content:center;align-items:center;cursor:grab;flex-shrink:0}.mobile-drag-pill{width:44px;height:5px;border-radius:var(--radius-full);background:#ffffff59;transition:var(--transition)}.mobile-category-tabs{display:none;overflow-x:auto;white-space:nowrap;gap:6px;padding:6px 12px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0}.mobile-category-tabs::-webkit-scrollbar{display:none}.mobile-cat-tab{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);border-radius:var(--radius-full);padding:6px 13px;font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--transition);flex-shrink:0}.mobile-cat-tab.active{background:linear-gradient(135deg,#c084fc61,#f472b661);border-color:var(--accent-purple);color:#fff;box-shadow:0 2px 10px #c084fc59}.top-left-hud.collapsed{width:200px;max-height:48px;border-radius:var(--radius-full);cursor:pointer}.top-left-hud.collapsed .hud-header .brand-title,.top-left-hud.collapsed .hud-body{display:none}.top-left-hud.collapsed .hud-header{padding:8px 14px;border-bottom:none;width:100%}.collapsed-bar{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.collapsed-title{font-family:var(--font-display);font-size:.86rem;font-weight:800;color:#fff}.collapsed-chevron{font-size:.75rem;color:var(--accent-purple)}.hud-header{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.brand-title{display:flex;align-items:center;gap:8px}.brand-gem{font-size:1.3rem}.brand-title h2{font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:#fff}.sparkle-dot{color:var(--accent-purple)}.hud-collapse-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:var(--transition)}.hud-collapse-btn:hover{background:#fff3;color:#fff}.hud-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.hud-quick-bar{padding:8px 14px;display:flex;gap:6px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.06)}.quick-action-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-main);padding:6px 4px;font-family:var(--font-body);font-size:.7rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:var(--transition)}.quick-action-btn svg{width:13px;height:13px;color:var(--accent-purple)}.quick-action-btn:hover{background:#c084fc40;border-color:var(--accent-purple);color:#fff}.accordion-container{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.accordion-container::-webkit-scrollbar{width:4px}.accordion-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.accordion-item{border-bottom:1px solid rgba(255,255,255,.06)}.accordion-header{width:100%;padding:12px 16px;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-main);transition:background .15s ease}.accordion-header:hover{background:#ffffff0a}.acc-title-left{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.86rem;font-weight:700;letter-spacing:-.01em}.acc-title-left svg{width:15px;height:15px;color:var(--accent-purple)}.acc-chevron{font-size:.8rem;color:var(--text-muted);transition:transform .3s var(--spring)}.accordion-item.open .acc-chevron{transform:rotate(180deg);color:var(--accent-purple)}.accordion-content{max-height:0;overflow:hidden;padding:0 14px;opacity:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .25s ease,opacity .25s ease}.accordion-item.open .accordion-content{max-height:4000px;padding:2px 14px 14px;opacity:1}.triggers-list-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}.menu-card-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:7px 8px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-main);text-align:left;transition:var(--transition)}.menu-card-btn:hover{background:#c084fc2e;border-color:var(--accent-purple)}.menu-card-btn.active{background:#c084fc47;border-color:var(--accent-purple);box-shadow:0 0 12px #c084fc59}.item-icon{font-size:1.2rem}.item-info{display:flex;flex-direction:column}.item-name{font-size:.74rem;font-weight:700}.item-sub{font-size:.6rem;color:var(--text-muted)}.featured-menu-item{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:8px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;text-align:left;margin-bottom:6px;transition:var(--transition)}.featured-menu-item.bubble-blow-border{border-color:#38bdf873;background:linear-gradient(135deg,#38bdf82e,#c084fc2e)}.featured-menu-item.boom-border{border-color:#f59e0b66;background:linear-gradient(135deg,#ef444426,#f59e0b26)}.featured-menu-item.sleep-border{border-color:#a855f766;background:linear-gradient(135deg,#6366f126,#a855f726)}.featured-menu-item:hover{transform:translateY(-2px)}.feat-icon{font-size:1.3rem}.feat-info{display:flex;flex-direction:column}.feat-name{font-family:var(--font-display);font-size:.75rem;font-weight:800}.feat-sub{font-size:.62rem;color:var(--text-muted);line-height:1.2}.stunts-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stunt-pill-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:6px 3px;color:var(--text-main);font-size:.66rem;font-weight:700;cursor:pointer;text-align:center;transition:var(--transition)}.stunt-pill-btn:hover{background:#c084fc33;border-color:var(--accent-purple)}.games-menu-list{display:flex;flex-direction:column;gap:6px}.game-menu-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:8px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;text-align:left;transition:var(--transition)}.game-menu-btn:hover{background:#c084fc33;border-color:var(--accent-purple);transform:translateY(-2px)}.game-icon{font-size:1.4rem}.game-title{font-family:var(--font-display);font-size:.8rem;font-weight:800;display:block}.game-sub{font-size:.65rem;color:var(--text-muted)}.expr-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:280px;overflow-y:auto;padding-right:4px}.expr-menu-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:8px 3px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--text-muted);font-size:.62rem;font-weight:700;transition:var(--transition)}.expr-menu-card:hover{background:#ffffff1f;color:#fff;transform:translateY(-2px);border-color:#fff3}.expr-menu-card.active{background:#c084fc47;border-color:var(--accent-purple);color:#fff;box-shadow:0 0 12px #c084fc66}.expr-em{font-size:1.25rem}.menu-bot-switch{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.66rem;font-weight:800;color:var(--text-muted)}.bot-switcher-tabs{display:flex;gap:6px}.bot-tab-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-main);padding:2px 8px;font-size:.7rem;font-weight:700;cursor:pointer;transition:var(--transition)}.bot-tab-btn.active{background:var(--accent-purple);color:#fff;border-color:#fff}.section-label{display:block;font-size:.62rem;font-weight:800;letter-spacing:.08em;color:var(--accent-purple);margin-bottom:5px}.skins-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.skin-menu-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:5px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--text-muted);font-size:.6rem;font-weight:700;transition:var(--transition)}.skin-menu-btn.active{background:#c084fc47;border-color:var(--accent-purple);color:#fff}.skin-orb{width:22px;height:22px;border-radius:50%}.skin-prism{background:radial-gradient(circle at 35% 35%,#fff,#c084fc 40%,#60a5fa,#f472b6)}.skin-sakura{background:radial-gradient(circle at 35% 35%,#fff,#f472b6 45%,#fb7185 80%,#fde047)}.skin-cosmic{background:radial-gradient(circle at 35% 35%,#38bdf8,#818cf8,#312e81 80%,#030712)}.skin-matcha{background:radial-gradient(circle at 35% 35%,#fff,#4ade80,#16a34a 80%,#14532d)}.skin-honey{background:radial-gradient(circle at 35% 35%,#fef08a,#f59e0b 45%,#b45309 85%,#78350f)}.skin-diamond{background:radial-gradient(circle at 30% 30%,#fff,#e0f2fe 30%,#bae6fd 70%,#7dd3fc);border:1px solid #fff}.skin-cyber{background:radial-gradient(circle at 35% 35%,#22d3ee,#ec4899 55%,#06b6d4 90%,#a855f7)}.skin-pearl{background:radial-gradient(circle at 35% 35%,#fff,#f8fafc 40%,#f1f5f9,#e2e8f0);border:1px solid #fff}.skin-tiedye{background:conic-gradient(#f43f5e,#facc15,#22c55e,#06b6d4,#a855f7,#f43f5e);border:1px solid #fff}.skin-obsidian{background:radial-gradient(circle at 35% 35%,#38bdf8,#1e1b4b 35%,#000 80%);border:1px solid #c084fc;box-shadow:0 0 8px #c084fc66}.skin-glitter{background:radial-gradient(circle at 35% 35%,#fff,#fde047 35%,#c084fc 70%,#38bdf8);border:1px solid #fde047}.skin-molten{background:radial-gradient(circle at 35% 35%,#fde047,#f97316 40%,#dc2626 80%,#450a0a)}.skin-toxic{background:radial-gradient(circle at 35% 35%,#fef08a,#84cc16 35%,#22c55e 75%,#064e3b);border:1px solid #84cc16;box-shadow:0 0 8px #84cc1680}.skin-holographic{background:linear-gradient(135deg,#f472b6,#38bdf8,#a78bfa,#fde047);border:1px solid #fff}.skin-abyss{background:radial-gradient(circle at 35% 35%,#2dd4bf,#0284c7 45%,#0f172a 85%,#020617);border:1px solid #2dd4bf}.skin-sunset{background:linear-gradient(180deg,#f97316,#ec4899 50%,#8b5cf6);border:1px solid #f97316}.acc-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.acc-menu-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:5px 3px;color:var(--text-muted);font-size:.65rem;font-weight:700;cursor:pointer;text-align:center;transition:var(--transition)}.acc-menu-card:hover{background:#ffffff1f;border-color:var(--accent-purple)}.acc-menu-card.active{background:#c084fc47;border-color:var(--accent-purple);color:#fff}.clear-acc-btn{background:#ef44441f;border-color:#ef44444d}.theme-menu-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.theme-menu-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(192,132,252,.4);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:3px;cursor:pointer;color:var(--text-main);text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1)}.theme-menu-btn:hover{background:#c084fc26;border-color:#c084fc66;border-left-color:#c084fc;transform:translateY(-2px)}.theme-menu-btn.active{background:#c084fc40;border-color:var(--accent-purple);border-left-color:#c084fc}.theme-name{font-size:.76rem;font-weight:700;color:#fff}.theme-sub{font-size:.6rem;color:var(--text-muted);line-height:1.2}.tracks-menu-list{display:flex;flex-direction:column;gap:6px}.sleep-timer-badge{background:#a855f740;border:1px solid rgba(192,132,252,.5);color:#f5d0fe;font-size:.76rem;font-weight:700;display:flex;align-items:center;gap:6px;padding:6px 12px;animation:pulse-badge 2s infinite alternate}.sleep-timer-badge.hidden{display:none!important}.sleep-badge-cancel{background:#ffffff26;border:none;border-radius:var(--radius-full);color:#fff;width:16px;height:16px;font-size:.65rem;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:2px;transition:var(--transition)}.sleep-badge-cancel:hover{background:#f43f5e}@keyframes pulse-badge{0%{box-shadow:0 0 6px #a855f74d}to{box-shadow:0 0 16px #a855f7b3}}.sleep-timer-control-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#581c8759,#0f172a80);border:1px solid rgba(192,132,252,.3);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:8px}.sleep-timer-label-box{display:flex;align-items:center;gap:8px}.sleep-timer-icon{font-size:1.1rem}.sleep-timer-text{display:flex;flex-direction:column}.sleep-timer-title{font-family:var(--font-display);font-size:.74rem;font-weight:800;color:#f5d0fe}.sleep-timer-sub{font-size:.58rem;color:var(--text-muted)}.sleep-timer-dropdown{background:#0e0f1bd9;border:1px solid rgba(192,132,252,.4);border-radius:var(--radius-sm);color:#fff;padding:4px 8px;font-size:.7rem;font-weight:700;cursor:pointer;outline:none;transition:var(--transition)}.sleep-timer-dropdown:hover,.sleep-timer-dropdown:focus{border-color:var(--accent-purple);box-shadow:0 0 10px #c084fc66}.track-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:6px 8px}.track-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.track-label{font-size:.72rem;font-weight:700}.track-toggle-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:var(--text-main);padding:2px 7px;font-size:.62rem;font-weight:700;cursor:pointer;transition:var(--transition)}.track-toggle-btn.playing{background:var(--accent-purple);color:#fff}.vol-slider{width:100%;accent-color:var(--accent-purple)}.breathing-menu-card{width:100%;background:linear-gradient(135deg,#6366f133,#a855f740);border:1px solid rgba(168,85,247,.4);border-radius:var(--radius-sm);padding:8px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;text-align:left;transition:var(--transition)}.breathing-menu-card:hover{transform:translateY(-2px)}.b-icon{font-size:1.3rem}.b-title{font-family:var(--font-display);font-size:.78rem;font-weight:800}.b-sub{font-size:.62rem;color:var(--text-muted);line-height:1.2}.stories-menu-list{display:flex;flex-direction:column;gap:5px}.story-menu-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:6px 8px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-main);text-align:left;transition:var(--transition)}.story-menu-btn:hover{background:#c084fc2e;border-color:var(--accent-purple)}.st-icon{font-size:1.2rem}.st-title{font-size:.74rem;font-weight:700}.st-sub{font-size:.6rem;color:var(--text-muted)}.mic-settings-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:10px}.mic-setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.mic-setting-info{display:flex;flex-direction:column;gap:2px}.mic-setting-title{font-family:var(--font-display);font-size:.76rem;font-weight:800;color:#fff}.mic-setting-sub{font-size:.6rem;color:var(--text-muted);line-height:1.3}.switch-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch-toggle input{opacity:0;width:0;height:0}.slider-toggle{position:absolute;cursor:pointer;inset:0;background-color:#ffffff26;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid rgba(255,255,255,.15)}.slider-toggle:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 5px #0000004d}input:checked+.slider-toggle{background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:#818cf8}input:checked+.slider-toggle:before{transform:translate(20px)}.mic-meter-container{display:flex;flex-direction:column;gap:4px}.mic-meter-track{width:100%;height:6px;background:#0006;border-radius:3px;overflow:hidden}.mic-meter-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#a855f7,#f43f5e);transition:width .05s ease-out}.mic-meter-status{font-size:.62rem;color:var(--text-muted);text-align:right;font-weight:600}.mic-actions-row{display:flex;gap:8px;margin-top:4px}.mic-action-btn{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);padding:8px 6px;color:#fff;font-family:var(--font-body);font-size:.72rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:var(--transition);user-select:none;-webkit-user-select:none}.mic-action-btn.voice-btn{background:linear-gradient(135deg,#fbbf2433,#f472b633);border-color:#fbbf2466;color:#fef08a}.mic-action-btn.voice-btn:hover,.mic-action-btn.voice-btn:active{background:linear-gradient(135deg,#fbbf2466,#f472b666);border-color:#fde047;box-shadow:0 0 14px #fbbf2480;transform:scale(.98)}.mic-action-btn.blow-btn:hover,.mic-action-btn.blow-btn:active{background:linear-gradient(135deg,#38bdf866,#6366f166);border-color:#38bdf8;box-shadow:0 0 14px #38bdf880;transform:scale(.98)}.mic-action-btn.whisper-btn:hover,.mic-action-btn.whisper-btn:active{background:linear-gradient(135deg,#c084fc66,#f472b666);border-color:var(--accent-purple);box-shadow:0 0 14px #c084fc80}.mic-hint-text{font-size:.58rem;color:var(--text-muted);text-align:center;line-height:1.3}#btn-mic-toggle.active{background:#38bdf840;border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 16px #38bdf873;animation:pulse-mic 1.5s infinite alternate}@keyframes pulse-mic{0%{box-shadow:0 0 8px #38bdf84d}to{box-shadow:0 0 20px #38bdf8b3}}.zen-mode .top-right-controls,.zen-mode .top-left-hud{opacity:0;pointer-events:none;transform:translateY(-20px);transition:var(--transition)}.exit-zen-btn{position:fixed;top:18px;right:20px;z-index:600;background:#121320d9;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 16px;border-radius:var(--radius-full);display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 8px 30px #00000080}.exit-zen-btn.hidden{display:none}.breathing-guide-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04050ad9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;z-index:2000}.breathing-card{position:relative;background:#121320e6;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:36px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 60px #000000b3;max-width:420px;width:90%}.close-breathing-btn{position:absolute;top:16px;right:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer}.breathing-circle-container{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin:20px 0}.breathing-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px dashed rgba(192,132,252,.3)}.breathing-circle{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#c084fc 40%,#60a5fa);box-shadow:0 0 35px #c084fcb3;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 4s ease-in-out}.breathing-circle.inhale{transform:scale(1.6);transition:transform 4s ease-in-out}.breathing-circle.hold{transform:scale(1.6);box-shadow:0 0 50px #f472b6e6}.breathing-circle.exhale{transform:scale(.9);transition:transform 8s ease-in-out}.breathing-instruction{font-family:var(--font-display);font-size:.85rem;font-weight:800;color:#1a1b2f}.breathing-countdown{font-size:1.5rem;font-weight:800;color:#1a1b2f}.breathing-meta h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.breathing-meta p{font-size:.78rem;color:var(--text-muted)}.minigames-hud-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1500;pointer-events:auto;width:min(780px,94vw);display:flex;justify-content:center}.glass-card{background:#0e0f1bf0;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:0 20px 60px #000c,0 0 30px #c084fc33}.close-hud-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-hud-btn:hover{background:#fff3;color:#fff}.frenzy-hud{min-width:360px;max-width:480px;background:#0f1120e0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-lg);padding:12px 18px;box-shadow:0 16px 50px #000000bf,0 0 30px #38bdf833;display:flex;flex-direction:column;gap:8px;animation:frenzy-slide-up .4s cubic-bezier(.16,1,.3,1)}@keyframes frenzy-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.frenzy-top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.frenzy-timer-badge{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:5px 12px;color:#fff;font-family:var(--font-display);font-size:.92rem;font-weight:800;letter-spacing:.02em}.frenzy-timer-badge.urgent{background:#f43f5e40;border-color:#f43f5e;color:#f43f5e;animation:pulse-urgent .8s infinite alternate}@keyframes pulse-urgent{0%{transform:scale(1);box-shadow:0 0 8px #f43f5e66}to{transform:scale(1.06);box-shadow:0 0 20px #f43f5ecc}}.frenzy-score-box{display:flex;flex-direction:column;align-items:center}.frenzy-score-label{font-size:.58rem;font-weight:800;color:var(--text-muted);letter-spacing:.08em}.frenzy-score-val{font-family:var(--font-display);font-size:1.55rem;font-weight:900;color:#fff;line-height:1.1;text-shadow:0 0 16px rgba(56,189,248,.6)}.frenzy-right-stats{display:flex;align-items:center;gap:10px}.frenzy-pps-box{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border-radius:var(--radius-sm);padding:2px 8px}.frenzy-pps-val{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:#38bdf8}.frenzy-pps-label{font-size:.52rem;font-weight:700;color:var(--text-muted)}.frenzy-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;transition:var(--transition)}.frenzy-close-btn:hover{background:#f43f5e4d;border-color:#f43f5e;color:#fff}.frenzy-bottom-streak{display:flex;justify-content:center;gap:8px;min-height:22px}.frenzy-combo-badge{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f43f5e40,#a855f74d);border:1px solid rgba(244,63,94,.45);border-radius:var(--radius-full);padding:2px 10px;font-size:.72rem;font-weight:800;color:#fecdd3;animation:pop-bounce .2s cubic-bezier(.16,1,.3,1)}.frenzy-frenzy-banner{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:var(--radius-full);padding:2px 12px;font-size:.72rem;font-weight:900;color:#fff;letter-spacing:.04em;animation:pulse-frenzy .6s infinite alternate}@keyframes pulse-frenzy{0%{transform:scale(.96);box-shadow:0 0 10px #ec489980}to{transform:scale(1.04);box-shadow:0 0 24px #8b5cf6e6}}.frenzy-score-popup{position:fixed;pointer-events:none;font-family:var(--font-display);font-size:1.35rem;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 14px currentColor;transform:translate(-50%,-50%);animation:float-score-up .9s cubic-bezier(.16,1,.3,1) forwards;z-index:2000}@keyframes float-score-up{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-70%) scale(1.25)}80%{opacity:.9;transform:translate(-50%,-120%) scale(1)}to{opacity:0;transform:translate(-50%,-160%) scale(.8)}}.frenzy-gameover-card{min-width:380px;max-width:460px;background:#0e0f1bf5;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1px solid rgba(192,132,252,.35);border-radius:var(--radius-lg);padding:24px 28px;box-shadow:0 24px 80px #000000e6,0 0 40px #c084fc4d;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;animation:frenzy-slide-up .5s cubic-bezier(.16,1,.3,1)}.gameover-header{display:flex;flex-direction:column;align-items:center;gap:4px}.gameover-title{font-family:var(--font-display);font-size:1.3rem;font-weight:900;color:#fff;letter-spacing:.03em}.new-highscore-badge{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:var(--radius-full);box-shadow:0 0 14px #f59e0b99;animation:pulse-urgent 1s infinite alternate}.gameover-rank-circle{width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 0 24px currentColor;margin:4px 0}.gameover-rank-circle.rank-SSS{background:radial-gradient(circle,#ec4899,#8b5cf6);border-color:#fde047;color:#fde047}.gameover-rank-circle.rank-S{background:radial-gradient(circle,#38bdf8,#6366f1);border-color:#38bdf8;color:#fff}.gameover-rank-circle.rank-A{background:radial-gradient(circle,#34d399,#059669);border-color:#34d399;color:#fff}.gameover-rank-circle.rank-B,.gameover-rank-circle.rank-C{background:radial-gradient(circle,#64748b,#334155);border-color:#94a3b8;color:#fff}.rank-letter{font-family:var(--font-display);font-size:1.8rem;font-weight:900;line-height:1}.rank-title{font-size:.52rem;font-weight:800;letter-spacing:.1em;opacity:.85}.gameover-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.go-stat-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:8px;display:flex;flex-direction:column;align-items:center}.go-label{font-size:.6rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em}.go-val{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:#fff;margin-top:2px}.go-val.score{color:#fde047;font-size:1.3rem}.gameover-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.go-btn{width:100%;padding:10px;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.85rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition)}.go-btn.replay-btn{background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:none;color:#fff;box-shadow:0 4px 16px #38bdf866}.go-btn.replay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #38bdf899}.go-btn.zen-replay-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff}.go-btn.zen-replay-btn:hover{background:#ffffff26}.go-btn.home-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.go-btn.home-btn:hover{color:#fff;border-color:#ffffff40}.blade-hud{border-color:#c084fc73;box-shadow:0 16px 50px #000000bf,0 0 35px #c084fc40}.blade-score-box .frenzy-score-val{text-shadow:0 0 18px rgba(244,114,182,.7),0 0 30px rgba(192,132,252,.4)}.blade-fever-gauge-box{display:flex;flex-direction:column;align-items:center;gap:3px}.blade-fever-bar-bg{width:90px;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;border:1px solid rgba(255,255,255,.18)}.blade-fever-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#a855f7,#f43f5e);border-radius:var(--radius-full);transition:width .15s ease-out}.blade-fever-bar-fill.fever-pulsing{animation:fever-flame .4s infinite alternate}@keyframes fever-flame{0%{filter:brightness(1) drop-shadow(0 0 4px #f43f5e)}to{filter:brightness(1.5) drop-shadow(0 0 12px #fde047)}}.blade-fever-label{font-size:.52rem;font-weight:800;color:var(--text-muted);letter-spacing:.06em}.blade-fever-label.fever-active{color:#f43f5e;font-weight:900;text-shadow:0 0 8px rgba(244,63,94,.8)}.blade-gameover-card{border-color:#f472b666;box-shadow:0 24px 80px #000000e6,0 0 45px #f472b659}.blade-rank-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;border:3px solid #f43f5e;background:radial-gradient(circle,#ffffff14,#0009);box-shadow:0 0 26px currentColor;margin:4px 0 8px}.blade-rank-letter{font-family:var(--font-display);font-size:2.2rem;font-weight:900;line-height:1}.blade-rank-title{font-size:.54rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gameover-score-row{display:flex;flex-direction:column;align-items:center}.gameover-score-val{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 20px rgba(192,132,252,.7)}.gameover-score-lbl{font-size:.64rem;font-weight:800;color:var(--text-muted);letter-spacing:.1em;margin-top:4px}.gameover-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%}.gameover-stat-item{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:10px 6px}.gameover-stat-item .stat-num{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:#38bdf8}.gameover-stat-item .stat-lbl{font-size:.56rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;margin-top:2px}.gameover-btn-group{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px}.gameover-btn{width:100%;padding:11px;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.88rem;font-weight:800;cursor:pointer;transition:var(--transition)}.gameover-btn.primary{background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;color:#fff;box-shadow:0 4px 18px #ec489973}.gameover-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ec4899a6}.gameover-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-muted)}.gameover-btn.secondary:hover{border-color:#ffffff47;color:#fff}.feed-hud{width:100%;max-width:740px;background:#0c0d18eb;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px 16px;box-shadow:0 16px 48px #000000d9;display:flex;flex-direction:column;gap:8px;animation:frenzy-slide-up .35s cubic-bezier(.16,1,.3,1)}.feed-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.feed-title-box{display:flex;align-items:center;flex-shrink:0}.feed-badge-row{display:flex;align-items:center;gap:8px}.feed-title{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:#fb7185;letter-spacing:.04em}.feed-tag{font-size:.58rem;font-weight:700;padding:1px 7px;background:#fb718526;border:1px solid rgba(251,113,133,.3);border-radius:12px;color:#fbcfe8}.feed-meter-inline{flex:1;display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px 10px;min-width:0}.feed-meter-val{font-family:var(--font-display);font-size:.74rem;font-weight:800;color:#fb7185;white-space:nowrap;flex-shrink:0}.feed-meter-track{flex:1;height:6px;background:#00000073;border-radius:3px;overflow:hidden;min-width:60px}.feed-meter-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .3s cubic-bezier(.16,1,.3,1),background .3s ease;box-shadow:0 0 8px #38bdf880}.snack-tray-container{width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:rgba(251,113,133,.3) transparent}.snack-tray-container::-webkit-scrollbar{height:4px}.snack-tray-container::-webkit-scrollbar-thumb{background:#fb71854d;border-radius:4px}.snack-buttons-row{display:flex;gap:8px;justify-content:flex-start;min-width:max-content;padding:1px}.snack-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 10px;display:flex;align-items:center;gap:7px;cursor:pointer;color:#fff;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0;user-select:none}.snack-btn:hover{background:linear-gradient(135deg,#fb718540,#f43f5e4d);border-color:#fb7185;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #fb71854d}.snack-emoji{font-size:1.25rem}.snack-text-col{display:flex;flex-direction:column;text-align:left}.snack-name{font-family:var(--font-display);font-size:.72rem;font-weight:800;color:#fff;white-space:nowrap}.snack-desc{font-size:.56rem;color:var(--text-muted);white-space:nowrap}.zen-hud{width:100%;max-width:520px;background:#0c0e1ae6;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:10px 16px;box-shadow:0 16px 48px #000000d9;display:flex;flex-direction:column;animation:frenzy-slide-up .35s cubic-bezier(.16,1,.3,1)}.zen-guide-card{position:fixed;bottom:110px;left:32px;max-width:min(320px,calc(100vw - 64px));background:#0c0e1ad1;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 18px;box-shadow:0 16px 40px #000000b3;pointer-events:none;z-index:1550;animation:zen-guide-pop .5s cubic-bezier(.16,1,.3,1) forwards;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.zen-guide-card.fade-out{opacity:0;transform:translateY(10px) scale(.96)}.zen-guide-text{font-family:var(--font-display);font-size:.76rem;font-weight:600;line-height:1.45;color:#ffffffe6;letter-spacing:.015em}@keyframes zen-guide-pop{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dance-showcase-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:rgba(244,114,182,.4) transparent}.dance-showcase-list::-webkit-scrollbar{width:5px}.dance-showcase-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.dance-showcase-list::-webkit-scrollbar-thumb{background:#f472b673;border-radius:4px}.dance-showcase-list::-webkit-scrollbar-thumb:hover{background:#f472b6cc}.dance-card-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(244,114,182,.4);border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:flex-start;cursor:pointer;color:#fff;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1)}.dance-card-btn:hover{background:linear-gradient(135deg,#f472b626,#c084fc33);border-color:#f472b680;border-left-color:#f472b6;transform:translate(4px);box-shadow:0 6px 20px #f472b633}.dance-card-info{display:flex;flex-direction:column;gap:2px}.dance-card-title{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:#fff}.dance-card-desc{font-size:.64rem;color:var(--text-muted);line-height:1.25}.dance-showcase-hud{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1600;pointer-events:auto;width:min(600px,92vw);animation:danceDockPop .35s cubic-bezier(.16,1,.3,1)}@keyframes danceDockPop{0%{transform:translate(-50%,20px) scale(.96);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.dance-hud-card{background:#0e101ee0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(244,114,182,.35);border-radius:20px;box-shadow:0 16px 45px #000000bf,0 0 25px #f472b633;overflow:hidden;position:relative;padding:10px 16px;display:flex;flex-direction:column;gap:6px}.dance-hud-main-bar{display:flex;align-items:center;gap:12px;width:100%}.dance-play-disc{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f472b64d,#c084fc66);border:1px solid rgba(244,114,182,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 12px #f472b64d}.disc-equalizer-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.disc-equalizer-bars span{width:3px;background:#f472b6;border-radius:2px;animation:eqBounce .8s infinite ease-in-out alternate}.disc-equalizer-bars span:nth-child(1){height:60%;animation-delay:.1s}.disc-equalizer-bars span:nth-child(2){height:100%;animation-delay:.3s}.disc-equalizer-bars span:nth-child(3){height:40%;animation-delay:.2s}.disc-equalizer-bars span:nth-child(4){height:80%;animation-delay:.4s}@keyframes eqBounce{0%{height:25%}to{height:100%}}.dance-info-col{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dance-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.dance-track-title{font-family:var(--font-display);font-size:.84rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.dance-time-counter{font-size:.65rem;font-weight:700;color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.dance-lyric-stream{min-height:18px;display:flex;align-items:center}.dance-lyric-active{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:#fde047;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;transition:all .2s ease-out}.dance-lyric-active.pulse{animation:lyricGlowPop .35s cubic-bezier(.16,1,.3,1)}@keyframes lyricGlowPop{0%{transform:scale(.96);color:#fff;opacity:.8}50%{transform:scale(1.02);color:#f472b6;text-shadow:0 0 10px rgba(244,114,182,.8)}to{transform:scale(1);color:#fde047;opacity:1;text-shadow:0 0 8px rgba(253,224,71,.4)}}.dance-actions-col{display:flex;align-items:center;gap:8px;flex-shrink:0}.dance-phase-pill{background:#f472b629;border:1px solid rgba(244,114,182,.35);border-radius:var(--radius-full);color:#f472b6;font-size:.62rem;font-weight:800;padding:3px 9px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.dance-stop-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text-muted);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1)}.dance-stop-btn:hover{background:#f43f5e59;border-color:#f43f5e;color:#fff;transform:scale(1.08)}.dance-hud-progress-track{width:100%;height:3px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;margin-top:2px}.dance-hud-prog-bar{height:100%;background:linear-gradient(90deg,#c084fc,#f472b6,#fde047);border-radius:var(--radius-full);transition:width .1s linear}.story-theater-overlay{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1e1b4ba6,#070812e0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);padding:16px}.story-theater-overlay.visible{opacity:1;pointer-events:auto}.story-theater-card{width:min(920px,94vw);height:min(780px,86vh);display:flex;flex-direction:column;background:#0f1120e0;border:1px solid rgba(255,255,255,.18);border-radius:28px;box-shadow:0 25px 80px #000000d9,0 0 50px #c084fc40;overflow:hidden;position:relative;animation:storyModalPop .45s cubic-bezier(.175,.885,.32,1.275)}@keyframes storyModalPop{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.story-theater-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.story-meta-left{display:flex;align-items:center;gap:14px}.story-header-emoji{font-size:2.2rem;filter:drop-shadow(0 0 12px rgba(250,204,21,.5))}.story-header-titles{display:flex;flex-direction:column;gap:2px}.story-header-title{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.01em}.story-header-sub{font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.story-tag-badge{background:#c084fc26;color:#c084fc;border:1px solid rgba(192,132,252,.3);padding:2px 8px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.story-header-actions{display:flex;align-items:center;gap:12px}.story-font-selector{display:flex;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:2px}.font-btn{background:none;border:none;color:var(--text-muted);font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.font-btn.active{background:#ffffff2e;color:#fff}.story-icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);border-radius:var(--radius-full);padding:6px 12px;font-size:.8rem;cursor:pointer;transition:var(--transition)}.story-icon-btn.active{background:#38bdf833;color:#38bdf8;border-color:#38bdf866}.story-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:var(--transition)}.story-close-btn:hover{background:#f43f5e40;color:#f43f5e;border-color:#f43f5e80}.story-progress-row{display:flex;flex-direction:column;gap:6px;padding:8px 24px;background:#0003}.story-progress-label{font-size:.74rem;color:var(--text-muted);font-weight:500}.story-progress-track{width:100%;height:4px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.story-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#c084fc,#f472b6);border-radius:var(--radius-full);transition:width .3s cubic-bezier(.16,1,.3,1)}.story-viewport{flex:1;overflow-y:auto;padding:32px 36px;scroll-behavior:smooth}.story-viewport::-webkit-scrollbar{width:8px}.story-viewport::-webkit-scrollbar-track{background:#ffffff05}.story-viewport::-webkit-scrollbar-thumb{background:#c084fc40;border-radius:4px}.story-viewport::-webkit-scrollbar-thumb:hover{background:#c084fc73}.story-content-flow{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.story-paragraph{margin:0;line-height:2.1;transition:var(--transition)}.story-viewport[data-font=small] .story-paragraph{font-size:1.08rem;line-height:1.9}.story-viewport[data-font=medium] .story-paragraph{font-size:1.32rem;line-height:2.1}.story-viewport[data-font=large] .story-paragraph{font-size:1.58rem;line-height:2.3}.story-word{display:inline-block;margin:0 3px;border-radius:6px;padding:1px 4px;transform:translateZ(0);will-change:color,transform,text-shadow,background;transition:color .18s ease-out,background .18s ease-out,transform .18s cubic-bezier(.175,.885,.32,1.275),text-shadow .18s ease-out}.story-word.word-unspoken{color:#e2e8f061;font-weight:400}.story-word.word-spoken{color:#f8fafce6;font-weight:500}.story-word.word-active{color:#fef08a!important;font-weight:700;background:#facc1538;transform:scale(1.08) translateY(-1.5px) translateZ(0);text-shadow:0 0 16px rgba(250,204,21,.95),0 0 32px rgba(244,114,182,.7);box-shadow:0 0 12px #facc1533}.story-playback-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-top:1px solid rgba(255,255,255,.1);background:#0c0e1cf2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -10px 30px #0006}.story-control-cluster{display:flex;align-items:center;gap:10px}.story-ctrl-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#f1f5f9;width:42px;height:42px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.story-ctrl-btn:hover{background:#ffffff24;border-color:#ffffff47;color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0000004d}.story-ctrl-btn:active{transform:translateY(0) scale(.94)}.story-ctrl-btn svg{display:block;transition:transform .2s}.story-ctrl-btn:hover svg{transform:scale(1.08)}.story-ctrl-btn.primary-ctrl{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#a855f7,#ec4899);border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 6px 20px #a855f780,inset 0 1px 1px #fff6}.story-ctrl-btn.primary-ctrl:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 28px #a855f7b3,inset 0 1px 2px #fff9}.story-ctrl-btn.primary-ctrl:active{transform:translateY(0) scale(.95);box-shadow:0 3px 12px #a855f766}.playpause-icon-wrap{display:flex;align-items:center;justify-content:center}.story-speed-selector{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:3px;margin-left:6px}.speed-btn{background:none;border:none;color:var(--text-muted);font-size:.74rem;font-weight:700;padding:4px 9px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.speed-btn:hover{color:#fff}.speed-btn.active{background:#c084fc40;color:#c084fc;box-shadow:0 0 10px #c084fc4d}.story-ambient-slider-box{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:6px 14px;border-radius:var(--radius-full)}.ambient-label-wrap{display:flex;align-items:center;gap:6px}.story-slider-label{font-size:.74rem;color:var(--text-muted);font-weight:600;letter-spacing:-.01em}.story-vol-slider{width:100px;height:4px;accent-color:#c084fc;cursor:pointer}.story-bookmark-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);border-radius:var(--radius-full);padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition)}.story-bookmark-btn:hover{background:#facc1526;color:#facc15;border-color:#facc1566}.story-bookmark-btn.active{background:#facc1538;color:#facc15;border-color:#facc1599;box-shadow:0 0 14px #facc1559}.story-chapter-bar{display:flex;align-items:center;gap:10px;padding:8px 24px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.chapter-bar-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.chapter-pills-row{display:flex;align-items:center;gap:6px}.chapter-pill-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.74rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:var(--transition)}.chapter-pill-btn:hover{background:#c084fc33;color:#c084fc;border-color:#c084fc66}.chapter-pill-btn.visited{background:#38bdf826;color:#38bdf8;border-color:#38bdf84d}.story-resume-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#a855f740,#38bdf840);border-bottom:1px solid rgba(192,132,252,.35);padding:8px 24px;animation:slideDownBanner .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDownBanner{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.resume-text{font-size:.78rem;font-weight:600;color:#fef08a;letter-spacing:-.01em}.resume-actions{display:flex;align-items:center;gap:8px}.resume-pill-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.resume-pill-btn:hover{background:#ffffff4d}.resume-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:2px 6px}.resume-close-btn:hover{color:#fff}.story-paragraph{margin:0;line-height:2.1;cursor:pointer;position:relative;padding:6px 10px;border-radius:var(--radius-md);transition:background .2s,transform .2s}.story-paragraph:hover{background:#ffffff08}.story-paragraph.bookmarked-para{border-left:3px solid #facc15;background:#facc150d;padding-left:12px}.para-bookmark-ribbon{display:inline-block;margin-right:6px;font-size:1.1rem;filter:drop-shadow(0 0 8px rgba(250,204,21,.7));animation:bounceRibbon 1s ease-in-out infinite alternate}@keyframes bounceRibbon{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.story-cards-grid{display:flex;flex-direction:column;gap:8px;margin-top:8px}.story-select-card{display:flex;align-items:flex-start;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(192,132,252,.4);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;position:relative}.story-select-card:hover{background:#c084fc1a;border-color:#c084fc66;border-left-color:#c084fc;transform:translate(4px);box-shadow:0 4px 14px #00000040}.story-select-info{flex:1;display:flex;flex-direction:column;gap:4px}.story-select-title{font-size:.86rem;font-weight:700;color:#f1f5f9;line-height:1.35;letter-spacing:-.01em}.story-select-card:hover .story-select-title{color:#fff}.story-select-meta{font-size:.72rem;color:var(--text-muted);display:flex;justify-content:space-between;letter-spacing:.01em}.story-card-badge{display:inline-block;margin-top:2px;font-size:.68rem;font-weight:700;color:#facc15;background:#facc151f;border:1px solid rgba(250,204,21,.3);padding:1px 6px;border-radius:var(--radius-full);align-self:flex-start}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.top-right-controls{top:calc(10px + var(--sat));right:calc(10px + var(--sar));left:auto;gap:5px;z-index:600;flex-wrap:wrap;justify-content:flex-end}.glass-pill-btn{padding:6px 10px;font-size:.72rem;gap:4px}.glass-pill-btn svg{width:14px;height:14px}.speech-bubble{top:calc(56px + var(--sat))!important;left:50%!important;transform:translate(-50%)!important;max-width:calc(100vw - 28px);min-width:220px;border-radius:16px;padding:10px 14px;box-shadow:0 12px 36px #0000008c,0 0 24px #c084fc59}.speech-bubble.hidden{opacity:0;transform:translate(-50%) scale(.9)!important;pointer-events:none}.bubble-tail{display:none}#speech-text{font-size:.82rem;line-height:1.35}.top-left-hud{inset:auto 0 0;width:100vw;max-width:100vw;max-height:calc(70vh + var(--sab));border-radius:24px 24px 0 0;border-left:none;border-right:none;border-bottom:none;padding-bottom:var(--sab);background:#0c0d18f5;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 -12px 48px #000000bf,0 0 30px #c084fc33;transform:translateY(0);transition:transform .35s var(--spring),max-height .35s var(--spring),border-radius .25s ease}.mobile-drag-handle-bar,.mobile-category-tabs{display:flex}.hud-header{padding:6px 14px 8px 16px}.brand-title h2{font-size:1.05rem}.hud-body{padding:0 12px 14px;max-height:calc(70vh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch}.top-left-hud.collapsed{inset:auto 0 0;width:100vw;max-width:100vw;max-height:calc(64px + var(--sab));border-radius:20px 20px 0 0;padding-bottom:var(--sab);transform:translateY(0);box-shadow:0 -6px 24px #0000008c}.top-left-hud.collapsed .hud-header,.top-left-hud.collapsed .mobile-category-tabs,.top-left-hud.collapsed .accordion-container{display:none!important}.top-left-hud.collapsed .hud-body{display:block!important;padding:0 10px 8px;max-height:none;overflow:hidden}.top-left-hud.collapsed .hud-quick-bar{margin-bottom:0}.hud-quick-bar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px}.hud-quick-bar::-webkit-scrollbar{display:none}.quick-action-btn{padding:7px 10px;font-size:.72rem;flex:1;min-width:60px;justify-content:center;border-radius:12px}.quick-action-btn svg{width:14px;height:14px}.skin-menu-grid{grid-template-columns:repeat(4,1fr);gap:8px}.skin-menu-btn{padding:7px 4px;font-size:.68rem}.skin-orb{width:28px;height:28px}.expr-menu-grid{grid-template-columns:repeat(4,1fr);gap:6px}.expr-menu-card{padding:7px 4px;font-size:.7rem}.expr-em{font-size:1.25rem}.acc-menu-grid{grid-template-columns:repeat(3,1fr);gap:6px}.acc-menu-card{padding:8px 6px;font-size:.72rem}.theme-menu-list,.triggers-list-menu,.dances-list-menu{grid-template-columns:1fr;gap:6px}.dance-card-btn{padding:10px 12px}.dance-card-title{font-size:.82rem}.dance-card-desc{font-size:.68rem}.games-menu-list{grid-template-columns:1fr;gap:6px}.game-menu-btn{padding:10px 12px}.story-cards-grid{grid-template-columns:1fr;gap:6px}.story-select-card{padding:10px 12px}.feed-hud,.blitz-hud,.dance-showcase-hud{min-width:92vw;max-width:92vw;bottom:calc(75px + var(--sab));left:50%;transform:translate(-50%);padding:12px 14px;border-radius:18px}.blade-hud-overlay{top:calc(10px + var(--sat));left:10px;right:10px}.story-theater-card{width:96vw;max-width:96vw;height:calc(88vh - var(--sat) - var(--sab));margin-top:calc(var(--sat) + 8px);border-radius:20px}.story-viewport{padding:14px 16px}.story-page-title{font-size:1.05rem}.story-text-container p{font-size:.88rem;line-height:1.6}}@media (max-width: 380px){.skin-menu-grid,.expr-menu-grid{grid-template-columns:repeat(3,1fr)}.acc-menu-grid{grid-template-columns:repeat(2,1fr)}.quick-action-btn span{font-size:.66rem}.mobile-cat-tab{padding:5px 9px;font-size:.72rem}}.login-gate-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#1a1434fa,#0a0816fc 70%,#06050e);backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);opacity:1;transition:opacity .5s var(--spring),transform .5s var(--spring),filter .5s ease}.login-gate-overlay.unlocking{opacity:0;transform:scale(1.08);filter:blur(16px);pointer-events:none}.login-ambient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none;animation:floatOrb 12s ease-in-out infinite alternate}.orb-1{width:380px;height:380px;background:radial-gradient(circle,#c084fc,#c084fc00 70%);top:15%;left:20%}.orb-2{width:420px;height:420px;background:radial-gradient(circle,#f472b6,#f472b600 70%);bottom:12%;right:18%;animation-delay:-6s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#60a5fa,#60a5fa00 70%);top:45%;right:30%;animation-delay:-3s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-25px) scale(1.08)}to{transform:translate(-20px,35px) scale(.95)}}.login-card{position:relative;z-index:10;width:90vw;max-width:410px;padding:38px 32px 32px;border-radius:28px;border:1px solid rgba(255,255,255,.16);background:#0f1020e0;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);box-shadow:0 28px 70px #000000d9,0 0 45px #c084fc40,inset 0 1px 1px #ffffff40;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.login-card.shake-error{animation:shakeCard .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeCard{10%,90%{transform:translate3d(-3px,0,0)}20%,80%{transform:translate3d(5px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.login-mascot-badge{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c084fc59,#f472b659,#fb923c40);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:2.1rem;margin-bottom:14px;box-shadow:0 0 35px #f472b673,0 0 15px #c084fc80,inset 0 2px 4px #ffffff4d;animation:floatMascot 3.5s ease-in-out infinite alternate}@keyframes floatMascot{0%{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(-7px) rotate(5deg) scale(1.04)}}.login-title{font-family:var(--font-display);font-size:1.7rem;font-weight:800;background:linear-gradient(135deg,#fff 30%,#fbcfe8 70%,#fde047);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.login-subtitle{font-size:.86rem;color:#cbd5e1;margin-top:6px;text-align:center;line-height:1.45}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.login-field-group{display:flex;flex-direction:column;gap:6px;text-align:left}.login-label{font-size:.76rem;font-weight:700;color:#e2e8f0;letter-spacing:.02em;text-transform:uppercase}.login-input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;font-size:.95rem;pointer-events:none;opacity:.8}.login-input{width:100%;padding:12px 38px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.14);background:#080a14bf;color:#fff;font-family:var(--font-body);font-size:.92rem;font-weight:500;outline:none;transition:var(--transition)}.login-input:focus{border-color:var(--accent-purple);box-shadow:0 0 16px #c084fc66,inset 0 1px 2px #00000080;background:#0c0e1ce6}.login-input::placeholder{color:#64748b}.btn-toggle-pass{position:absolute;right:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:.95rem;transition:var(--transition)}.btn-toggle-pass:hover{transform:scale(1.15)}.login-error-banner{background:#f43f5e26;border:1px solid rgba(244,63,94,.35);color:#fecdd3;padding:8px 12px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;line-height:1.35;text-align:center}.login-submit-btn{margin-top:6px;width:100%;padding:13px 20px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#a855f7,#ec4899,#f97316);color:#fff;font-family:var(--font-display);font-size:.96rem;font-weight:800;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 26px #ec489973,0 0 15px #a855f74d;transition:var(--transition)}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px #ec489999,0 0 20px #f9731666;background:linear-gradient(135deg,#c084fc,#f472b6,#fb923c)}.login-submit-btn:active{transform:translateY(1px) scale(.98)}.btn-arrow{transition:transform .2s ease}.login-submit-btn:hover .btn-arrow{transform:translate(4px)}.login-footer{margin-top:20px}.login-hint{font-size:.72rem;color:#64748b;font-weight:500}