@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&display=swap);:root{--bg:#0A0A0A;--bg-grid:#0F0F0F;--bg-elevated:#141414;--bg-card:#1A1A1A;--bg-hover:#222222;--panel-bg:rgba(20, 20, 20, 0.85);--panel-bg-hover:rgba(34, 34, 34, 0.95);--bg-input:#1A1A1A;--border:#262626;--border-hover:#333333;--border-hot:#333333;--border-bright:#404040;--text:#F5F5F5;--text-dim:#A0A0A0;--text-muted:#666666;--accent:#FF6B35;--accent-hover:#FF8559;--accent-dim:rgba(255, 107, 53, 0.6);--accent-glow:rgba(255, 107, 53, 0.25);--accent-soft:rgba(255, 107, 53, 0.12);--accent-2:#B85A2B;--accent-2-glow:rgba(184, 90, 43, 0.25);--accent-3:#D9623E;--cyan:#4DA3D9;--cyan-glow:rgba(77, 163, 217, 0.25);--neon-green:#3DDC84;--neon-green-glow:rgba(61, 220, 132, 0.4);--danger:#FF3B30;--danger-glow:rgba(255, 59, 48, 0.3);--success:#3DDC84;--warning:#FFB800;--radius-panel:12px;--radius-btn:8px;--radius-input:8px;--font-display:'Clash Display','Inter',system-ui,sans-serif;--font-sans:'Inter','Noto Sans SC',system-ui,-apple-system,sans-serif;--font-mono:'JetBrains Mono','Menlo',monospace;--fs-hero:clamp(64px, 10vw, 144px);--fs-display:clamp(40px, 5vw, 72px);--fs-h1:32px;--fs-h2:24px;--fs-h3:18px;--fs-body:15px;--fs-small:13px;--fs-meta:11px;--lh-display:1.05;--lh-subhead:1.2;--lh-body:1.6;--tracking-tight:-0.03em;--tracking-normal:0;--tracking-wide:0.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--space-40:160px;--container-max:1320px;--container-max-tablet:960px;--container-max-mobile:100%;--container-pad:16px;--container-pad-y:8px;--container-pad-y-bottom:32px;--hairline:rgba(255, 255, 255, 0.06);--hairline-strong:rgba(255, 255, 255, 0.12);--container-padding:clamp(24px, 4vw, 64px);--ease-out-quart:cubic-bezier(0.22, 1, 0.36, 1);--ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--duration-fast:150ms;--duration:250ms;--duration-slow:400ms;--z-nav:50;--z-modal:100;--z-tooltip:200;--slider-color:var(--accent);--slider-color-end:var(--accent-hover);--p:0;--font-scale:1}.app-container{zoom:var(--font-scale)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,107,53,.06),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,107,53,.04),transparent);background-attachment:fixed;background:linear-gradient(180deg,#2a160a 0,#1f1006 18%,rgba(28,12,5,.95) 45%,rgba(15,8,4,.55) 70%,rgba(10,10,10,.12) 90%,transparent 100%) no-repeat top center/100% 200vh,radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,107,53,.06),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,107,53,.04),transparent);background-attachment:scroll,fixed,fixed}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm,4px)}body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,107,53,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,53,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;opacity:.6}body::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 0 0,rgba(255,107,53,.06) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(255,107,53,.04) 0,transparent 60%);pointer-events:none;z-index:0}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}@keyframes panel-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.glass-panel{animation:panel-in .4s cubic-bezier(.22,1,.36,1) both}@media (max-width:1024px){.panel.active:not(.panel-embed){max-width:var(--container-max-tablet)}.page-header,.status-bar{max-width:var(--container-max-tablet)}}@media (max-width:768px){.panel.active:not(.panel-embed){max-width:var(--container-max-mobile);padding-left:var(--container-pad);padding-right:var(--container-pad)}.page-header,.status-bar{max-width:var(--container-max-mobile)}}@media (max-width:1024px){:root{--font-scale:0.95}}@media (max-width:768px){:root{--font-scale:0.9}}.hairline{border:1px solid var(--hairline);background:0 0;border-radius:4px}.hairline-strong{border:1px solid var(--hairline-strong);background:0 0;border-radius:4px}.container{max-width:var(--container-max);margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.sm-library-card .sm-card-header{gap:14px}.sm-library-filter{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.sm-library-chip{appearance:none;background:0 0;border:1px solid var(--hairline);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.sm-library-chip:hover{border-color:var(--hairline-strong);color:var(--text)}.sm-library-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sm-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:8px 4px 16px}.sm-voice-card{appearance:none;background:var(--hairline);border:1px solid var(--hairline);color:var(--text);border-radius:12px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:10px;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease;font-family:var(--font-sans)}.sm-voice-card:hover{transform:translateY(-2px);border-color:var(--hairline-strong);background:rgba(255,255,255,.05)}.sm-voice-card.selected{border-color:var(--accent);background:var(--accent-soft)}.sm-voice-card-avatar{width:48px;height:48px;border-radius:50%;background:hsl(var(--vc-hue,200),70%,55%,.18);border:1px solid hsl(var(--vc-hue,200),70%,55%,.4);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:700;color:hsl(var(--vc-hue,200),80%,75%);margin-bottom:6px}.sm-voice-card-body{display:flex;flex-direction:column;gap:6px;min-width:0}.sm-voice-card-name{font-size:var(--fs-h3);font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-voice-card-sample{font-size:var(--fs-small);color:var(--text-dim);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sm-voice-card-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.sm-voice-card-tag{padding:2px 8px;border:1px solid var(--hairline-strong);border-radius:999px}.sm-voice-card-play{margin-left:auto;color:var(--accent)}.sm-library-empty{padding:24px;color:var(--text-dim);text-align:center;border:1px dashed var(--hairline);border-radius:12px}@media (max-width:768px){.sm-library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}}.font-display{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:-.02em}.font-heading{font-family:var(--font-sans);font-weight:700;letter-spacing:-.01em}.font-body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body)}.font-meta{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.font-mono{font-family:var(--font-mono)}.font-weight-300{font-weight:300}.font-weight-400{font-weight:400}.font-weight-500{font-weight:500}.font-weight-600{font-weight:600}.font-weight-700{font-weight:700}.section-title{font-size:var(--fs-h3);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--space-4);color:var(--text)}.section-meta{font-size:var(--fs-meta);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.glass-panel.hairline,.panel.hairline{background:0 0!important;border:1px solid var(--hairline)!important;box-shadow:none!important;backdrop-filter:none!important}.glass-panel.hairline::before,.panel.hairline::before{display:none!important}.glass-panel.hairline:hover,.panel.hairline:hover{border-color:var(--hairline-strong)!important;transform:none!important}.glass-panel:first-child{animation-delay:50ms}.glass-panel:nth-child(2){animation-delay:.1s}.glass-panel:nth-child(3){animation-delay:.15s}.glass-panel:nth-child(4){animation-delay:.2s}.glass-panel:nth-child(5){animation-delay:.25s}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (max-width:768px){.glass-panel{box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)!important}.glass-panel::before{display:none!important}.glass-panel:hover{transform:none!important;box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)!important}.header{backdrop-filter:blur(12px) saturate(150%)!important;-webkit-backdrop-filter:blur(12px) saturate(150%)!important}}.header{display:flex;align-items:center;padding:10px 20px;background:rgba(7,7,15,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(20px) saturate(180%);position:relative}.header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),var(--cyan),transparent);opacity:.5}.logo{font-size:var(--fs-body);font-weight:700;color:var(--accent);letter-spacing:3px;text-transform:uppercase;font-family:var(--font-mono);text-shadow:0 0 12px var(--accent-glow),0 0 24px var(--accent-glow)}.header-search{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 12px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:var(--fs-meta);font-family:var(--font-body);cursor:pointer;min-width:280px;transition:border-color var(--duration) var(--ease-out-quart),background var(--duration) var(--ease-out-quart)}.header-search:hover{border-color:var(--accent);background:rgba(255,107,53,.06);color:var(--text)}.header-search:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,107,53,.2)}.header-search>span{flex:1}.header-search kbd{font-family:var(--font-mono);font-size:9px;padding:1px 5px;border-radius:3px;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-dim);line-height:1.4}.header-spacer{flex:1}.status-dots{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.status-label{font-size:var(--fs-meta);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);transition:all .3s;flex-shrink:0;min-width:7px}.status-dot.online{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green),0 0 12px var(--neon-green-glow);animation:status-pulse 2s ease-in-out infinite}.status-dot.offline{background:var(--danger);opacity:.6}@keyframes status-pulse{0%,100%{box-shadow:0 0 6px var(--neon-green),0 0 12px var(--neon-green-glow)}50%{box-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green-glow)}}.tab-bar{display:flex;gap:0;padding:0 20px;background:rgba(10,5,25,.8);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(180%);position:relative;z-index:1100;-webkit-backdrop-filter:blur(24px) saturate(180%);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab{padding:12px 20px;font-size:var(--fs-meta);color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s,text-shadow .2s,background .2s;user-select:none;letter-spacing:.5px;white-space:nowrap;border-radius:6px 6px 0 0}.tab:hover{color:var(--text);background:rgba(255,255,255,.04)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 8px var(--accent-glow);background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.main{flex:1;padding:12px;padding-bottom:60px;overflow-y:auto}.panel{display:none!important}.panel.active{display:block!important}.panel.active:not(.panel-embed){display:flex!important;flex-direction:column;align-items:stretch;gap:14px;margin:0 auto;max-width:var(--container-max);padding:var(--container-pad-y) var(--container-pad) var(--container-pad-y-bottom);box-sizing:border-box;width:100%;overflow-x:hidden}[class*="-grid"]>*{align-self:start}.panel.active.panel-embed{display:flex!important;flex-direction:column;padding:0;margin:0}.sub-tab-bar{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}@keyframes shimmer{0%{opacity:0;transform:translateX(-100%) skewX(-15deg)}20%{opacity:.5}100%{opacity:0;transform:translateX(200%) skewX(-15deg)}}.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.09) 0,rgba(255,255,255,.04) 40%,rgba(10,5,30,.55) 100%);border:1px solid rgba(255,107,53,.18);border-radius:var(--radius-panel);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),border-color .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.5),0 2px 12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.18)}.glass-panel::before{content:'';position:absolute;top:0;left:0;width:55%;height:70%;background:radial-gradient(ellipse at top left,rgba(255,107,53,.1) 0,rgba(255,140,80,.06) 40%,transparent 70%);pointer-events:none;border-radius:var(--radius-panel) 0 0 0}.glass-panel:hover{background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.04) 50%,rgba(10,5,30,.5) 100%);border-color:rgba(255,107,53,.35);transform:translateY(-2px);box-shadow:0 0 30px rgba(255,107,53,.08),0 0 15px rgba(255,140,80,.05),0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.12)}.glass-panel.accent-hot{border-color:rgba(255,107,53,.4)}.glass-panel.accent-hot::after{border-color:var(--accent)}.btn{background:0 0;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-btn);padding:6px 14px;cursor:pointer;font-size:var(--fs-meta);font-family:var(--font-sans);font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:color .15s ease,border-color .15s ease,background-color .15s ease,opacity .15s ease;user-select:none;position:relative;white-space:nowrap;flex-shrink:0}.btn:hover{color:#000;background:var(--accent);border-color:var(--accent)}.btn:active{opacity:.7}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:0 0;border-color:rgba(255,255,255,.15);color:var(--text-dim);letter-spacing:.5px;text-transform:none}.btn-ghost:hover{color:var(--text);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.35)}.btn-ghost:active{opacity:.6}.btn-sm{padding:4px 10px;font-size:10px}.btn-red{color:var(--danger);border-color:var(--danger)}.btn-red:hover{color:#000;background:var(--danger);border-color:var(--danger)}.btn-red:active{opacity:.7}.btn.active{background:var(--accent);color:#000;border-color:var(--accent)}input[type=email],input[type=number],input[type=text],select,textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-input);color:var(--text);padding:8px 12px;font-size:var(--fs-small);font-family:var(--font-sans);outline:0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px 3px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .25s,background .25s,box-shadow .25s}input[type=email]:hover,input[type=number]:hover,input[type=text]:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}input[type=email]:focus,input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:rgba(0,229,255,.5);background:rgba(0,229,255,.06);box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 3px rgba(0,229,255,.08),0 0 20px rgba(0,229,255,.06)}textarea{resize:vertical;min-height:80px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff2d95' opacity='0.7' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}select option{background:#0a0a1a;color:var(--text)}.neon-text{font-weight:700;letter-spacing:1px;text-shadow:0 0 7px rgba(255,107,53,.9),0 0 15px rgba(255,107,53,.6),0 0 30px rgba(255,107,53,.4),0 0 50px rgba(255,107,53,.2);color:#ff2d95}.cyberpunk-select{font-weight:700;letter-spacing:1px;text-shadow:0 0 7px rgba(255,107,53,.9),0 0 15px rgba(255,107,53,.6),0 0 30px rgba(255,107,53,.4);color:#ff2d95;border-color:rgba(255,107,53,.35)}.cyberpunk-select option{background:#0a0a1a;color:#e8d8f0;text-shadow:none;font-weight:400}@keyframes slider-fill-in{from{background:linear-gradient(90deg,var(--slider-color) 0,var(--slider-color-end) 0,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%) no-repeat;background-size:100% 5px;background-position:center center}to{background:linear-gradient(90deg,var(--slider-color) 0,var(--slider-color-end) var(--p),rgba(255,255,255,.1) var(--p),rgba(255,255,255,.1) 100%) no-repeat;background-size:100% 5px;background-position:center center}}input[type=range].sm-rail-in{animation:slider-fill-in .55s cubic-bezier(.4,0,.2,1) both}input[type=range]{--slider-color:rgba(255, 107, 53, 0.9);--slider-color-end:rgba(255, 140, 80, 0.9);--p:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--accent);flex:1 1 auto;min-width:80px;max-width:100%;width:auto;box-sizing:border-box;height:24px;background:linear-gradient(90deg,var(--slider-color) 0,var(--slider-color-end) var(--p),rgba(255,255,255,.1) var(--p),rgba(255,255,255,.1) 100%) no-repeat;background-size:100% 5px;background-position:center center;border-radius:9999px;border:none;outline:0;cursor:pointer;padding:0;margin:0;transition:border-color .2s}input[type=range]:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{height:5px;background:0 0;border:none;border-radius:9999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:radial-gradient(circle at 35% 35%,#fff,var(--slider-color-end));border:1.5px solid #fff;border-radius:50%;margin-top:-6.5px;box-shadow:0 0 3px var(--slider-color),0 2px 6px rgba(0,0,0,.4),inset 0 1px 2px rgba(255,255,255,.85);cursor:grab;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 6px var(--slider-color),0 4px 10px rgba(0,0,0,.45),inset 0 1px 2px rgba(255,255,255,.95)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.25);box-shadow:0 0 8px var(--slider-color),0 4px 12px rgba(0,0,0,.5),inset 0 1px 2px #fff}input[type=range]::-moz-range-track{height:5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);border-radius:9999px;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}input[type=range]::-moz-range-progress{height:5px;background:linear-gradient(90deg,var(--slider-color),var(--slider-color-end));border-radius:9999px;border:1px solid rgba(255,255,255,.08)}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:radial-gradient(circle at 35% 35%,#fff,var(--slider-color-end));border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 3px var(--slider-color),0 2px 6px rgba(0,0,0,.4),inset 0 1px 2px rgba(255,255,255,.85);cursor:grab;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),box-shadow .2s}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 6px var(--slider-color),0 4px 10px rgba(0,0,0,.45),inset 0 1px 2px rgba(255,255,255,.95)}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;border:1px solid rgba(0,245,255,.1)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px var(--accent-glow)}.progress-bar-fill.success{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green-glow)}.progress-bar-fill.danger{background:var(--danger);box-shadow:0 0 8px var(--danger-glow)}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-meta);color:var(--text-dim)}.status-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--text-dim)}.status-indicator.online .status-indicator-dot{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.status-indicator.offline .status-indicator-dot{background:var(--danger)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal{background:#0a0a1a;border:1px solid var(--accent);border-radius:var(--radius-panel);padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 40px rgba(0,245,255,.15),0 20px 60px rgba(0,0,0,.6)}.modal-header{font-size:var(--fs-body);font-weight:700;margin-bottom:16px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-family:var(--font-mono);text-shadow:0 0 10px var(--accent-glow)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(0,245,255,.2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(0,245,255,.4)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--neon-green)}.mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.w-full{width:100%}.section-label{display:flex;align-items:center;gap:0;font-size:var(--fs-small);font-weight:600;letter-spacing:.5px;color:rgba(255,245,240,.95);margin-bottom:10px;padding:0;border:none}.sub-panel{display:none!important;opacity:0;transform:translateY(6px)}.sub-panel.active{display:flex!important;flex-direction:column;opacity:0;transform:translateY(6px);animation:panel-in .22s cubic-bezier(.2,.6,.4,1) forwards}50%{opacity:.7}.skeleton-wave{display:flex;align-items:center;gap:3px;height:40px}.skeleton-bar{flex:1;height:100%;border-radius:3px;background:rgba(255,255,255,.06);animation:skeleton-shimmer 2s ease-in-out infinite}.segment-card{padding:12px;margin-bottom:8px}.form-row{display:flex;gap:8px;margin-bottom:6px}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:2px}.form-group label{font-size:10px;color:var(--accent);letter-spacing:1px;text-transform:uppercase}.form-group .section-label,.form-group label.section-label{font-size:var(--fs-small);color:rgba(255,245,240,.95);letter-spacing:.5px;text-transform:none}.segment-card audio{width:100%;height:32px;margin-top:4px}.transport-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:rgba(0,0,0,.4);border-bottom:1px solid var(--border);border-radius:var(--radius-panel) var(--radius-panel) 0 0}.transport-controls{display:flex;gap:6px;flex-shrink:0}.transport-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--accent);background:0 0;color:var(--accent);font-size:var(--fs-small);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.34, 1.56, .64, 1)}.transport-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 16px var(--accent-glow),0 0 32px rgba(0,245,255,.15);transform:scale(1.08)}.transport-btn:active{transform:scale(.88)}.transport-progress-wrap{flex:1;display:flex;align-items:center;gap:8px}.transport-time{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--accent);letter-spacing:1px;min-width:70px}.transport-progress-bar{flex:1;height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;border:1px solid rgba(0,245,255,.1)}.transport-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;width:0%;transition:width .1s linear;box-shadow:0 0 8px var(--accent-glow)}.transport-progress-fill.playing{background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-size:200% 100%;animation:progress-shimmer 1.5s linear infinite}.transport-zoom{display:flex;align-items:center;gap:6px;flex-shrink:0}.transport-zoom-label{font-size:10px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}#zoom-label{font-size:var(--fs-meta);color:var(--accent);min-width:36px;font-family:var(--font-mono)}@keyframes progress-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.track-header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 16px;background:rgba(0,0,0,.3);border-radius:var(--radius-panel);margin-bottom:6px;border:1px solid rgba(255,107,53,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 20px rgba(0,0,0,.25)}.track-hd-sep{width:1px;height:18px;background:rgba(255,107,53,.25);margin:0 4px;flex-shrink:0;align-self:center}.track-hd-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex-shrink:0}.track-hd-label{font-size:var(--fs-meta);color:rgba(255,245,240,.95);font-weight:600;letter-spacing:.5px;white-space:nowrap}.track-empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:10px}.track-empty-icon{font-size:48px;line-height:1;margin-bottom:4px;filter:drop-shadow(0 0 8px var(--accent-glow))}.track-empty-title{font-size:16px;font-weight:700;color:var(--text);letter-spacing:1px}.track-empty-desc{font-size:var(--fs-small);color:var(--text-dim);max-width:280px;line-height:1.5}.track-empty-actions{display:flex;gap:8px;margin-top:8px}.timeline-clip{position:absolute;top:4px;height:calc(100% - 8px);border-radius:3px;border:1px solid;overflow:hidden;cursor:grab;transition:transform .12s ease,box-shadow .12s ease,left .18s cubic-bezier(.34, 1.56, .64, 1);user-select:none}.timeline-clip:hover{transform:scale(1.025);box-shadow:0 0 16px var(--accent-glow),0 4px 16px rgba(0,0,0,.5);z-index:10}.timeline-clip:active{cursor:grabbing}.timeline-clip.dragging{opacity:.8;transform:scale(1.04)!important;box-shadow:0 0 28px var(--accent-glow),0 12px 36px rgba(0,0,0,.7);z-index:100}.timeline-clip.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.timeline-clip.settling{animation:clip-settle .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes clip-settle{0%{transform:scale(1.04)}60%{transform:scale(.97)}100%{transform:scale(1)}}.clip-edge{position:absolute;top:0;bottom:0;width:8px;display:flex;align-items:center;justify-content:center;font-size:8px;color:rgba(255,255,255,.4);cursor:ew-resize;z-index:2;transition:color .15s,background .15s}.clip-edge:hover{color:#fff;background:rgba(255,255,255,.1)}.clip-edge-left{left:0;border-radius:3px 0 0 3px}.clip-edge-right{right:0;border-radius:0 3px 3px 0}.clip-label{position:absolute;top:2px;left:8px;right:8px;font-size:9px;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;letter-spacing:.5px}.clip-controls{position:absolute;bottom:2px;left:4px;right:4px;display:flex;gap:3px;align-items:center;opacity:0;transition:opacity .15s}.timeline-clip:hover .clip-controls{opacity:1}.clip-controls .clip-vol{flex:1;height:2px}.clip-controls .clip-del{padding:1px 4px;font-size:10px}.track-controls{display:flex;gap:4px;align-items:center;margin-left:auto}.track-mute-btn,.track-solo-btn{width:22px;height:22px;border-radius:3px;border:1px solid var(--border);background:0 0;cursor:pointer;font-size:9px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34, 1.56, .64, 1);opacity:.5;color:var(--text-dim);letter-spacing:.5px}.track-mute-btn.active,.track-solo-btn.active{opacity:1}.track-mute-btn.active{background:var(--danger);border-color:var(--danger);color:#000;box-shadow:0 0 8px var(--danger-glow);animation:btn-pop .3s ease-out}.track-solo-btn.active{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 0 8px var(--accent-glow);animation:btn-pop .3s ease-out}@keyframes btn-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.track-vol-slider{width:56px;height:3px}.track-vol-val{font-size:10px;color:var(--accent);min-width:24px;text-align:right;font-family:var(--font-mono)}.track-row[data-muted=true]{opacity:.35}.track-row{animation:track-slide-in .25s ease-out}@keyframes track-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.track-row:hover .track-row-header{background:rgba(0,245,255,.04)}.transport-btn.playing{background:var(--accent);border-color:var(--accent);color:#000;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 0 60px rgba(0,245,255,.2)}}@keyframes trajPulse{0%{opacity:1;box-shadow:0 0 8px rgba(255,0,255,.5)}100%{opacity:.4;box-shadow:0 0 16px rgba(255,0,255,.8)}}.radar-playback-pulse{opacity:0;pointer-events:none}.radar-playback-pulse.active{animation:playback-pulse-anim 1.2s ease-out infinite}@keyframes playback-pulse-anim{0%{opacity:.9;transform:scale(.6)}70%{opacity:.1;transform:scale(2.2)}100%{opacity:0;transform:scale(2.6)}}#toast{animation:toast-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes toast-in{from{opacity:0;transform:translateX(40px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}#toast.toast-out{animation:toast-out .2s ease-in forwards}@keyframes toast-out{to{opacity:0;transform:translateX(40px) scale(.9)}}.glow-cyan{text-shadow:0 0 8px var(--cyan-glow),0 0 16px var(--cyan-glow)}.glow-magenta{text-shadow:0 0 8px var(--accent-2-glow),0 0 16px var(--accent-2-glow)}.glow-green{text-shadow:0 0 8px var(--neon-green-glow),0 0 16px var(--neon-green-glow)}.neon-divider{height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),var(--cyan),transparent);opacity:.4;margin:12px 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid rgba(0,245,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.scanlines{display:none}#script-panel #script-panel .sub-panel.active{display:flex!important;flex-direction:column;opacity:0;transform:translateY(6px);animation:panel-in .22s cubic-bezier(.2,.6,.4,1) forwards}#script-panel input[type=text],#script-panel textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px;font-family:inherit;resize:vertical}#script-panel select{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 8px}.hero-v4{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(80px,10vh,120px) var(--container-padding) clamp(24px,4vh,48px);overflow:hidden;isolation:isolate;background:0 0}.hero-v4::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 140% 120% at 50% 0,rgba(255,107,53,.3),transparent 100%),radial-gradient(ellipse 160% 120% at 50% 45%,rgba(255,107,53,.12),transparent 100%),radial-gradient(ellipse 140% 120% at 50% 100%,rgba(184,90,43,.45),transparent 100%);pointer-events:none;z-index:-1}.hero-v4-inner{position:relative;z-index:1;max-width:var(--container);width:100%;text-align:center}.hero-v4-eyebrow{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-8)}.hero-v4-title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:500;line-height:var(--lh-display);letter-spacing:var(--tracking-tight);color:var(--text);margin:0 0 var(--space-6);text-wrap:balance}.hero-v4-title-line{display:block;opacity:1}.hero-v4-title-accent{color:var(--accent);font-style:italic;font-weight:400}.hero-v4-sub{font-family:var(--font-body);font-size:clamp(15px, 1.6vw, 19px);line-height:var(--lh-subhead);color:var(--text-secondary);max-width:640px;margin:0 auto var(--space-6)}.hero-v4-sub-en{display:block;font-family:var(--font-display);letter-spacing:.02em;color:var(--text-secondary)}.hero-v4-sub-cn{display:block;margin-top:8px;font-family:var(--font-body);font-size:clamp(13px, 1.3vw, 15px);color:var(--text-dim);letter-spacing:.04em}.hero-v4-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-v4-btn{font-family:var(--font-body);font-size:var(--fs-body);font-weight:500;padding:14px 28px;border-radius:var(--radius-btn);border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform var(--duration) var(--ease-out-quart),background-color var(--duration) var(--ease-out-quart),box-shadow var(--duration) var(--ease-out-quart)}.hero-v4-btn-primary{background:var(--accent);color:#0a0a0a;box-shadow:0 8px 24px rgba(255,107,53,.3)}.hero-v4-btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,107,53,.45)}.hero-v4-btn-ghost{background:0 0;color:var(--text-primary);border:1px solid var(--border-strong)}.hero-v4-btn-ghost:hover{border-color:var(--accent);transform:translateY(-2px)}.hero-v4-waveform{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:min(80%,520px);height:72px;opacity:.5;pointer-events:none;z-index:2}.hero-v4-waveform .bar{animation:hero-wave-bar 1.4s ease-in-out infinite;transform-origin:50% 100%}@keyframes hero-wave-bar{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}.hero-v4-waveform .bar:first-child{animation-delay:0s}.hero-v4-waveform .bar:nth-child(2){animation-delay:80ms}.hero-v4-waveform .bar:nth-child(3){animation-delay:.16s}.hero-v4-waveform .bar:nth-child(4){animation-delay:.24s}.hero-v4-waveform .bar:nth-child(5){animation-delay:.32s}.hero-v4-waveform .bar:nth-child(6){animation-delay:.4s}.hero-v4-waveform .bar:nth-child(7){animation-delay:.48s}.hero-v4-waveform .bar:nth-child(8){animation-delay:.56s}.hero-v4-waveform .bar:nth-child(9){animation-delay:.48s}.hero-v4-waveform .bar:nth-child(10){animation-delay:.4s}.hero-v4-waveform .bar:nth-child(11){animation-delay:.32s}.hero-v4-waveform .bar:nth-child(12){animation-delay:.24s}.hero-v4-waveform .bar:nth-child(13){animation-delay:.16s}.hero-v4-waveform .bar:nth-child(14){animation-delay:80ms}.hero-v4-waveform .bar:nth-child(15){animation-delay:0s}.hero-v4-scroll-hint{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);animation:hero-scroll-pulse 2.4s ease-in-out 1.6s infinite;z-index:3}@keyframes hero-scroll-pulse{0%,100%{opacity:.4;transform:translate(-50%,0)}50%{opacity:1;transform:translate(-50%,6px)}}.hero-v4-scroll-hint::after{content:'';display:block;width:1px;height:32px;background:linear-gradient(to bottom,var(--text-tertiary),transparent);margin:8px auto 0}.has-hero .header,.has-hero .topbar,.has-hero header{background:0 0!important}@media (max-width:768px){.hero-v4{min-height:50vh;padding-top:clamp(64px,16vh,100px)}.hero-v4-cta{flex-direction:column;align-items:stretch}.hero-v4-cta .hero-v4-btn{justify-content:center}.hero-v4-waveform{display:none}}@media (prefers-reduced-motion:reduce){.hero-v4-waveform .bar{animation:none;transform:scaleY(.6)}.hero-v4-scroll-hint{animation:none;opacity:.4}}.hero-v4-close{display:none;position:absolute;top:20px;right:24px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);background:rgba(20,20,20,.6);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:22px;line-height:1;font-family:var(--font-body);cursor:pointer;align-items:center;justify-content:center;z-index:10;transition:background var(--duration) var(--ease-out-quart),border-color var(--duration) var(--ease-out-quart),color var(--duration) var(--ease-out-quart),transform var(--duration) var(--ease-out-quart)}.hero-v4-close:hover{background:var(--accent);border-color:var(--accent);color:#0a0a0a;transform:rotate(90deg) scale(1.1)}.hero-restore-pill{position:fixed;bottom:28px;right:28px;padding:12px 18px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-small);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:background var(--duration) var(--ease-out-quart),border-color var(--duration) var(--ease-out-quart),transform var(--duration) var(--ease-out-quart),box-shadow var(--duration) var(--ease-out-quart)}.hero-restore-pill:hover{background:var(--accent);border-color:var(--accent);color:#0a0a0a;transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,107,53,.3)}.hero-restore-pill span:first-child{font-size:var(--fs-body);line-height:1;font-weight:700}.hero-v4.dismissed{height:0;min-height:0;padding:0;margin:0;overflow:hidden}body.hero-active .main{max-height:0!important;padding:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;margin:0!important;transition:max-height var(--duration) var(--ease-out-quart),opacity var(--duration) var(--ease-out-quart)}body:not(.hero-active) .main{transition:opacity var(--duration) var(--ease-out-quart)}body.hero-active .header,body.hero-active .tab-bar,body.hero-active .topbar{max-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;border:none!important;transition:max-height var(--duration) var(--ease-out-quart),opacity var(--duration) var(--ease-out-quart)}body:not(.hero-active) .header,body:not(.hero-active) .tab-bar{transition:opacity var(--duration) var(--ease-out-quart)}@media (prefers-reduced-motion:reduce){.hero-v4-close:hover{transform:none}.hero-restore-pill:hover{transform:none}}@media (max-width:768px){.hero-restore-pill{bottom:20px;right:20px;padding:10px 14px;font-size:var(--fs-meta)}}.app-container,.container,.field,.glass-panel,.panel,.row,.stat,body{font-size:var(--fs-body)}h1,h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:var(--tracking-tight)}h3,h4{font-size:var(--fs-h3);font-weight:500;letter-spacing:var(--tracking-normal)}.meta,.small,.text-meta,.text-small,small{font-size:var(--fs-small);color:var(--text-dim)}.text-tiny,.tiny{font-size:var(--fs-meta);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.glass-panel>.panel-header,.glass-panel>header,.panel>.panel-header,.panel>header{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);padding:0}.btn,.glass-panel>button,input[type=button],input[type=reset],input[type=submit]{font-family:var(--font-sans);font-size:var(--fs-small);font-weight:500;line-height:1}input[type=number],input[type=search],input[type=text],select,textarea{font-family:var(--font-sans);font-size:var(--fs-small);color:var(--text)}.analyzer-btn-primary,.btn-primary,.tts-btn-primary,button.primary{background:var(--accent);color:#0a0a0a;border:1px solid var(--accent);padding:8px 16px;border-radius:var(--radius-btn);transition:background var(--duration) var(--ease-out-quart),border-color var(--duration) var(--ease-out-quart),transform var(--duration) var(--ease-out-quart)}.btn-primary:hover,button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-ghost,.btn-secondary,button.ghost{background:0 0;color:var(--text);border:1px solid var(--border-strong);padding:8px 16px;border-radius:var(--radius-btn);transition:border-color var(--duration) var(--ease-out-quart),color var(--duration) var(--ease-out-quart),transform var(--duration) var(--ease-out-quart)}.btn-ghost:hover,.btn-secondary:hover,button.ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-danger{background:0 0;color:var(--danger);border:1px solid var(--danger);padding:8px 16px;border-radius:var(--radius-btn);transition:background var(--duration) var(--ease-out-quart),color var(--duration) var(--ease-out-quart),transform var(--duration) var(--ease-out-quart)}.btn-danger:hover{background:var(--danger);color:#0a0a0a;transform:translateY(-1px)}.btn-mini{padding:4px 10px;font-size:var(--fs-meta)}.icon-emoji,[class*="-icon"]:empty,button>span:only-child[class*=emoji]{display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-body);line-height:1;width:1em;height:1em}.icon-action,.icon-svg{display:inline-block;width:16px;height:16px;vertical-align:middle;flex-shrink:0}.glass-panel>section,.panel>section{margin-bottom:var(--space-6)}.glass-panel>section:last-child,.panel>section:last-child{margin-bottom:0}.glass-panel.has-header{animation:panel-in .4s var(--ease-out-quart) both}.transport-btn{transition:background-color var(--duration) var(--ease-out-quart),color var(--duration) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration) var(--ease-out-quart)}.transport-btn:hover{background:var(--accent);color:#0a0a0a;transform:scale(1.08)}.transport-btn.is-pulsing{background:var(--accent);color:#0a0a0a;animation:btn-pulse 1.6s ease-in-out infinite;box-shadow:0 0 0 4px rgba(255,107,53,.18)}.transport-btn.is-ready:hover{animation:btn-spin .6s linear 1}@keyframes btn-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes btn-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,53,.4)}50%{box-shadow:0 0 0 6px rgba(255,107,53,0)}}.track-panel-header{position:sticky;top:64px;z-index:30;background:rgba(10,10,10,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:12px 20px;margin-bottom:16px}.analyzer-template-card.active,.analyzer-template-card.selected,.pregame-character.active,.pregame-character.selected,.ref-audio-item.active,.ref-audio-item.selected,.role-item.active,.role-item.selected,.tab.active,.tab.selected,.template-card.active,.template-card.selected,.voice-card.active,.voice-card.selected,[data-selected=true]{position:relative;outline:0;border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--accent),0 0 24px rgba(255,107,53,.15);background:rgba(255,107,53,.06);animation:selected-pulse 2.4s ease-in-out infinite}@keyframes selected-pulse{0%,100%{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 16px rgba(255,107,53,.1)}50%{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 28px rgba(255,107,53,.22)}}.selected-marker{position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);border-radius:2px}.char-card-organic,.character-card{position:relative;border-radius:18px;transition:transform var(--duration-slow) var(--ease-out-quart),box-shadow var(--duration-slow) var(--ease-out-quart)}.char-card-organic::before,.character-card::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(80% 60% at 50% 0,rgba(255,107,53,.06),transparent 60%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out-quart)}.char-card-organic:hover,.character-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.4)}.char-card-organic:hover::before,.character-card:hover::before{opacity:1}.pulse,.status-badge.live{animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.6}}.nav-tab.active,.tab.active{position:relative}.nav-tab.active::after,.tab.active::after{content:'';position:absolute;left:8px;right:8px;bottom:-2px;height:2px;background:var(--accent);border-radius:2px}@media (prefers-reduced-motion:reduce){.transport-btn.is-pulsing{animation:none}.analyzer-template-card.active,.analyzer-template-card.selected,.ref-audio-item.active,.ref-audio-item.selected,.template-card.active,.template-card.selected,.voice-card.active,.voice-card.selected{animation:none}.pulse,.status-badge.live{animation:none}}.skip-link{position:absolute;top:-100px;left:16px;padding:8px 16px;background:var(--accent);color:#0a0a0a;font-weight:600;border-radius:var(--radius-btn);z-index:99999;transition:top var(--duration-fast) var(--ease-out-quart)}.skip-link:focus{top:16px;outline:2px solid var(--text);outline-offset:2px}.hero-restore-pill:focus-visible,.hero-v4-btn:focus-visible,.hero-v4-close:focus-visible,.tab:focus-visible,.transport-btn:focus-visible,[role=button]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px rgba(255,107,53,.2)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1024px){:root{--container-padding:clamp(16px, 3vw, 32px);--space-12:36px;--space-16:48px}.hero-v4{min-height:60vh;padding-top:clamp(72px,12vh,100px);padding-bottom:clamp(64px,10vh,96px)}.hero-v4-title{font-size:clamp(48px, 9vw, 96px)}}@media (max-width:768px){:root{--container:100vw;--container-padding:16px;--fs-h1:28px;--fs-h2:22px;--fs-h3:17px;--fs-body:14px;--fs-small:13px;--space-6:20px}.hero-v4{min-height:50vh;padding-top:clamp(60px,16vh,80px);padding-bottom:clamp(48px,12vh,72px)}.hero-v4-title{font-size:clamp(36px, 11vw, 64px);line-height:1.1}.hero-v4-sub{font-size:var(--fs-body)}.hero-v4-cta{flex-direction:column;align-items:stretch}.hero-v4-cta .hero-v4-btn{justify-content:center}.hero-v4-waveform{display:none}.hero-v4-scroll-hint{display:none}.hero-v4-close{top:12px;right:12px;width:32px;height:32px;font-size:18px}.hero-restore-pill{bottom:16px;right:16px;padding:10px 14px;font-size:var(--fs-meta)}}@media (min-width:1600px){:root{--container:1440px;--container-padding:48px}}@media (min-width:2200px){:root{--container:1600px;--container-padding:64px;--fs-body:16px;--fs-hero:clamp(72px, 8vw, 200px)}}@media (hover:none){.char-card-organic:hover,.character-card:hover,.glass-panel:hover,.hero-v4-btn:hover,.template-card:hover,.transport-btn:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.hero-v4-cta,.hero-v4-eyebrow,.hero-v4-scroll-hint,.hero-v4-sub,.hero-v4-title-line,[data-reveal]{opacity:1!important;transform:none!important}}@media print{.hero-restore-pill,.hero-v4,.scanlines,body::after,body::before{display:none!important}body{background:#fff;color:#000}}.page-header,.panel>header.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0;border:0;margin:0 0 -14px;flex-wrap:wrap}.page-header-block{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.page-eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:6px}.page-eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.page-title{font-family:var(--font-display);font-size:clamp(22px, 2.6vw, 26px);font-weight:600;letter-spacing:-.5px;line-height:1.15;color:var(--text);margin:0}.page-sub{font-size:var(--fs-small);font-weight:400;line-height:1.5;color:var(--text-dim);max-width:60ch;margin:0}.page-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 20px;min-height:180px;background:var(--bg-elevated);border:1.5px dashed var(--border-bright);border-radius:var(--radius-card);color:var(--text-dim);cursor:pointer;transition:border-color var(--duration) var(--ease-out-quart),background-color var(--duration) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 20px;min-height:180px;background:var(--bg-elevated);border:1.5px dashed var(--border-bright);border-radius:var(--radius-card);color:var(--text-dim);cursor:pointer;transition:border-color var(--duration) var(--ease-out-quart),background-color var(--duration) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.drop-zone:hover{border-color:var(--accent);background:rgba(255,107,53,.03)}.drop-zone.is-dragging{border-color:var(--accent);border-style:solid;background:rgba(255,107,53,.06);transform:scale(1.005)}.drop-zone-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(255,107,53,.08);border-radius:50%;color:var(--accent);font-size:32px;flex-shrink:0;margin:0 auto;box-shadow:0 4px 12px rgba(255,107,53,.12)}.drop-zone-title{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:500;color:var(--text);letter-spacing:0}.drop-zone-hint{font-size:var(--fs-meta);color:var(--text-dim);line-height:1.5;text-align:center;max-width:40ch;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.drop-zone-actions{display:flex;gap:8px;margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 32px;min-height:320px;color:var(--text-dim);text-align:center}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(255,245,245,.03);border:1px solid var(--border);border-radius:50%;color:var(--text-dim);font-size:32px;flex-shrink:0}.empty-state.is-error .empty-state-icon{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.4);color:#f87171}.empty-state.is-success .empty-state-icon{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.4);color:#34d399}.empty-state-title{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--text);letter-spacing:0;margin:0}.empty-state-text{font-size:var(--fs-small);color:var(--text-dim);line-height:1.6;max-width:48ch;margin:0}.empty-state-actions{display:flex;gap:8px;margin-top:8px}.status-bar{display:flex;align-items:center;gap:12px;padding:8px var(--container-padding);border-bottom:1px solid var(--border);background:var(--bg-elevated);font-size:var(--fs-meta);font-family:var(--font-mono);letter-spacing:.5px;color:var(--text-dim)}.status-bar-title{color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:10px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:500;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.status-badge.is-online{background:rgba(52,211,153,.1);color:#34d399;border:1px solid rgba(52,211,153,.3)}.status-badge.is-offline{background:rgba(248,113,113,.1);color:#f87171;border:1px solid rgba(248,113,113,.3)}.status-badge.is-warn{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.sub-tab-bar{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-bottom:2px solid var(--accent);background:var(--bg-elevated);border-radius:12px}#tts-panel:not(:has([id^=tts-content-].active))>.sub-tab-bar{display:none!important}.sub-tab-bar .sub-tab{position:relative;padding:5px 12px;font-size:10px;font-weight:500;color:var(--text-dim);cursor:pointer;transition:color var(--duration) var(--ease-out-quart);border-radius:8px;background:0 0;border:1px solid transparent;letter-spacing:.3px}.sub-tab-bar .sub-tab:hover{color:var(--text)}.sub-tab-bar .sub-tab.active{color:var(--text)}.sub-tab-bar .sub-tab.active{background:var(--accent);color:#fff;font-weight:600;border-color:var(--accent)}.sub-tab-bar .sub-tab.active::after{display:none}.sub-tab{padding:5px 14px;font-size:var(--fs-meta);color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .2s ease;user-select:none}.sub-tab:hover{border-color:var(--accent);color:var(--accent);background:rgba(255,107,53,.06)}.sub-tab.active{background:var(--accent);color:#fff;font-weight:600;border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.panel-section{padding:12px}.panel-section+.panel-section{border-top:1px solid var(--border)}.drop-zone{border:2px dashed var(--border);border-radius:8px;padding:22px 14px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin:12px auto;max-width:720px}.drop-zone.is-dragging,.drop-zone:hover{border-color:var(--accent);background:rgba(255,107,53,.04)}.drop-zone-icon{font-size:32px;margin-bottom:12px;color:var(--text-dim);line-height:1}.drop-zone-title{font-size:var(--fs-body);color:var(--text);margin-bottom:6px;font-weight:500}.drop-zone-hint{font-size:var(--fs-meta);color:var(--text-dim);margin-bottom:4px}.drop-zone-actions{margin-top:16px;display:flex;gap:8px;justify-content:center}.analyzer-dropzone{border:2px dashed var(--border);border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s}.analyzer-dropzone:hover{border-color:var(--accent)}.analyzer-dropzone-hint{color:var(--text-dim);font-size:var(--fs-meta)}.analyzer-dropzone-icon{font-size:28px;margin-bottom:8px}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;line-height:1;white-space:nowrap;cursor:pointer;transition:opacity .15s,background .15s,border-color .15s,color .15s}.btn:hover{opacity:.85}.btn:active{opacity:.7}.btn-sm{padding:4px 10px;font-size:var(--fs-meta);border-radius:4px}.btn-md{padding:6px 14px;font-size:var(--fs-meta);border-radius:6px}.btn-lg{padding:10px 20px;font-size:var(--fs-body);border-radius:8px}input.btn,select.btn{appearance:none;-webkit-appearance:none;background-color:var(--panel-bg);border:1px solid var(--border);color:var(--text);padding-right:24px}select.btn{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.form-row.is-inline{flex-direction:row;align-items:center;gap:12px}.form-row.is-inline .form-label{flex:0 0 auto;min-width:96px}.form-row.is-inline .form-control{flex:1 1 auto}.form-label{font-size:var(--fs-meta);color:var(--text-dim);margin-bottom:0;text-transform:none;letter-spacing:0;display:block;font-weight:400}.form-label.is-required::after{content:" *";color:var(--accent)}.form-control{width:100%;background:var(--panel-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:var(--fs-meta);transition:border-color .15s}.form-control:focus,input.form-control:focus,select.form-control:focus{outline:0;border-color:var(--accent)}textarea.form-control{padding:8px 10px;resize:vertical;min-height:80px}.form-help{font-size:10px;color:var(--text-dim);margin-top:2px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px;flex-shrink:0}.status-dot.online{background:var(--accent);box-shadow:0 0 6px var(--accent)}.status-dot.offline{background:#4a4a4a}.status-dot.warn{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.status-label{font-size:var(--fs-meta);color:var(--text-dim);margin:0 4px}.glass-panel,.panel{margin-left:auto!important;margin-right:auto!important}.glass-panel{max-width:var(--container-max);padding-left:24px!important;padding-right:24px!important}.page-header{margin-left:auto;margin-right:auto;max-width:var(--container-max);width:100%}.status-bar{margin-left:auto;margin-right:auto;max-width:var(--container-max);width:100%}.form-row{max-width:720px;margin-left:auto;margin-right:auto}.drop-zone{margin-left:auto;margin-right:auto}.dialogue-row,.multi-radar-wrap+div,.tts-single-grid{justify-content:center}@media (max-width:1024px){.glass-panel{padding-left:16px!important;padding-right:16px!important;max-width:100%}.form-row{max-width:100%}}.panel,.tab-container{text-align:left}@media (max-width:480px){.form-row.is-inline{flex-direction:column;align-items:stretch;gap:6px}.form-row.is-inline .form-label{min-width:0}}.imagine-subtabs{display:flex;gap:6px;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:4px;width:100%;max-width:720px;justify-content:center;margin:0 auto 16px}.imagine-subtab{flex:1;padding:8px 12px;border:none;border-radius:7px;background:0 0;color:var(--text-dim);font-size:var(--fs-small);font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.imagine-subtab:hover{color:var(--text);background:rgba(255,255,255,.05)}.imagine-subtab.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 0 12px var(--accent-glow)}#whisper-panel .drop-zone{min-height:140px!important;padding:18px 16px!important}#whisper-panel .glass-panel{padding:12px!important}#whisper-panel .glass-panel>div[style*="margin-bottom:12px"]{margin-bottom:8px!important}.manga-ocr-chips{user-select:none}.manga-ocr-chip{padding:5px 10px;font-size:var(--fs-meta);border-radius:999px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all .15s ease;min-height:28px}.manga-ocr-chip:hover{border-color:var(--accent);color:var(--text)}.manga-ocr-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}@media (max-width:768px){.manga-ocr-chips{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.manga-ocr-chip{flex-shrink:0;min-height:36px;padding:8px 14px;font-size:var(--fs-meta)}}:root{--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1440px;--bp-2xl:1920px;--resp-gap-sm:clamp(6px,  1.5vw, 10px);--resp-gap-md:clamp(10px, 2vw,   16px);--resp-gap-lg:clamp(14px, 2.5vw, 22px);--resp-pad-sm:clamp(8px,  1.5vw, 12px);--resp-pad-md:clamp(12px, 2vw,   20px);--resp-fs-sm:clamp(11px, 1.4vw, 13px);--resp-fs-md:clamp(13px, 1.6vw, 15px);--resp-fs-lg:clamp(16px, 2vw,   22px)}body,html{overflow-x:hidden;max-width:100vw}@media (max-width:768px){input,select,textarea{font-size:16px!important}}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--auto-grid-min,280px),1fr));gap:var(--auto-grid-gap,16px)}.auto-grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--auto-grid-2col-min,360px),1fr));gap:var(--auto-grid-2col-gap,16px)}.stack-mobile{display:flex;flex-wrap:wrap}@media (max-width:768px){.stack-mobile{flex-direction:column!important;align-items:stretch!important}.stack-mobile>*{width:100%!important;max-width:100%!important}}@media (max-width:768px){.full-mobile{width:100%!important;max-width:100%!important}}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (min-width:481px) and (max-width:1024px){.hide-tablet{display:none!important}}.tap-target,.tap-target>*{min-width:44px;min-height:44px}.tap-target-sm,.tap-target-sm>*{min-width:36px;min-height:36px}.resp-pad{padding:var(--resp-pad-md)}.resp-gap{gap:var(--resp-gap-md)}.resp-fs{font-size:var(--resp-fs-md)}@media (max-width:1024px){.panel{padding:14px 12px!important}.page-header{padding:20px 14px!important}}@media (max-width:768px){.header{height:auto!important;min-height:32px!important;padding:4px 8px!important;flex-wrap:wrap!important}.header .logo{font-size:12px!important;letter-spacing:1px!important}.header .logo svg{width:12px!important;height:12px!important}.status-dots .status-label{display:none!important}.status-dots .status-dot{width:6px!important;height:6px!important}.status-dots #provider-select{max-width:80px!important;font-size:10px!important;padding:1px 3px!important}.main{padding-bottom:calc(56px + env(safe-area-inset-bottom))!important}.page-actions{flex-direction:column!important;align-items:stretch!important;width:100%!important}.page-actions>*{width:100%!important;max-width:100%!important}.page-actions .btn{width:100%!important}.form-group-stack,.form-row,.panel-grid{flex-direction:column!important;align-items:stretch!important}.form-row>*,.panel-grid>*{width:100%!important;max-width:100%!important}}@media (max-width:480px){.page-header{padding:14px 10px!important}.page-title{font-size:clamp(18px, 6vw, 26px)!important}.page-eyebrow{font-size:10px!important;padding:3px 10px!important}.page-sub{font-size:12px!important}.panel{padding:10px 8px!important}}@media (max-width:360px){.header{padding:2px 4px!important}.page-title{font-size:16px!important}.btn,button{font-size:12px!important;padding:6px 8px!important}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (hover:none) and (pointer:coarse){.hover-only{display:none!important}.btn,[role=button],button{min-height:44px}}@media (max-width:480px){.sub-tab{min-width:64px!important;padding:5px 8px!important;font-size:11px!important}.sub-tab-bar{flex-wrap:nowrap!important}.page-header{padding:6px 10px!important}.page-eyebrow,.page-sub{display:none!important}.page-title{font-size:15px!important;line-height:1.2!important;margin:0!important}.status-badge{font-size:9px!important;padding:2px 5px!important}.sm-stage{padding:6px 6px 20px!important;gap:10px!important}.sm-stage-card{padding:14px 12px!important}#settings-stack{min-width:0!important;max-width:100%!important}#time-axis{width:100%!important;max-width:calc(100vw - 32px)!important}.st-container .btn-ghost.btn-sm{font-size:11px!important;padding:4px 8px!important}#sillytavern-panel .status-bar .btn-ghost{font-size:10px!important;padding:3px 6px!important}#sillytavern-panel .status-bar-title{display:none!important}.header-search{min-height:36px!important;padding:6px 10px!important;font-size:13px!important}.header-search kbd{display:none!important}.form-group select,.sm-params-card select,.sm-stage select{min-height:36px!important}.pregame-stats-grid{grid-template-columns:1fr!important;gap:6px!important}.whisper-params-grid{grid-template-columns:1fr!important}.sm-row-b{grid-template-columns:1fr!important}.analyzer-templates{grid-template-columns:1fr 1fr!important}.ref-audio-candidates,.ref-audio-grid{grid-template-columns:1fr!important}.fp-location-grid{grid-template-columns:1fr!important}.imagine-options{grid-template-columns:1fr!important}.imagine-gallery{grid-template-columns:1fr 1fr!important;gap:6px!important}.sm-char-avatar-pane{padding:6px!important}.sm-char-avatar-hero-img-wrap{min-height:220px!important}.sm-hero-av-nav,.sm-scroller-nav-btn{font-size:0!important}.sm-char-avatar-scroller{max-height:130px!important;gap:4px!important}.sm-char-avatar-scroller .sm-char-avatar-cell{padding:0!important}.sm-char-avatar-hero-name{font-size:13px!important;padding:4px 6px!important}.sm-radar-wrap canvas{max-width:180px!important}.sm-radar-wrap{padding:4px 0!important}.sm-radar-stats{padding:6px 8px!important;gap:6px!important;font-size:11px!important}.sm-char-stage{padding:12px 10px!important}.sm-card-header{margin-bottom:10px!important;padding-bottom:8px!important}.form-group-stack.slider-stepper-wrap,.form-group.slider-stepper-wrap,.form-row.slider-stepper-wrap{flex-direction:row!important}.form-group.slider-stepper-wrap>*,.form-row.slider-stepper-wrap>*{width:auto!important;max-width:none!important}.form-row.slider-stepper-wrap>input[type=range]{flex:1 1 auto!important;min-width:60px!important}}.sm-hero-av-nav,.sm-hero-av-next,.sm-hero-av-prev,.sm-scroller-nav-btn{width:32px!important;height:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;margin:0!important;font-size:0!important;line-height:0!important;color:transparent!important;text-indent:-9999px!important;overflow:hidden!important;border-radius:50%!important;flex:0 0 32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.sm-scroller-nav-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex:0 0 28px!important}@media (max-width:768px){.app-container .sm-char-avatar-hero-img-wrap,.sm-char-avatar-hero-img-wrap{aspect-ratio:3/4!important;height:auto!important;min-height:0!important;max-width:100%!important;margin:0 auto!important}.sm-char-avatar-cell{padding:0!important}.sm-char-avatar-scroller{grid-template-columns:repeat(4,1fr)!important;max-height:130px!important;gap:4px!important;overflow-y:auto!important}.sm-char-avatar-pane{padding:8px!important}.sm-char-avatar-hero{align-items:center!important}#spa-position-list{display:flex;flex-direction:column;gap:6px}#spa-position-list>div{flex-wrap:wrap!important;row-gap:4px}#spa-position-list input[type=number]{min-width:40px;max-width:60px}.manga-images-grid{grid-template-columns:1fr!important;gap:10px!important}.manga-drop-zone,.manga-result-area{min-height:180px!important}.manga-ocr-chips{flex-wrap:wrap!important;gap:6px!important;width:100%!important}#manga-fold-toggle,#manga-preset-safe{min-height:44px!important;padding:8px 14px!important;font-size:13px!important}#manga-panel{padding:0 12px!important}.manga-toolbar,[class*=manga-translate-bar]{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.manga-toolbar>*,.manga-toolbar>button{width:100%!important;min-height:44px!important}}.hero-v4{background:linear-gradient(135deg,#0f0820 0,#1a0e2e 12%,#2a1635 28%,#3e1f2a 45%,#6b2e1f 60%,#b85230 72%,#ff6b35 82%,#2a1635 95%,#0a0510 100%)!important;background-attachment:fixed!important}.hero-v4::before{background:radial-gradient(ellipse 80% 60% at 30% 20%,rgba(255,107,53,.35) 0,transparent 60%),radial-gradient(ellipse 70% 50% at 80% 70%,rgba(184,90,43,.28) 0,transparent 55%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(255,140,80,.2) 0,transparent 60%)!important;mix-blend-mode:screen}.hero-v4::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(0,0,0,.015) 0,transparent 1px,transparent 2px);pointer-events:none;z-index:1;opacity:.5}.hero-v4-inner{position:relative;z-index:2}.hero-v4-eyebrow{display:inline-block!important;color:#ffd9c0!important;padding:6px 16px!important;border-radius:999px!important;background:rgba(255,107,53,.15)!important;border:1px solid rgba(255,180,130,.4)!important;backdrop-filter:blur(8px)!important;text-shadow:0 0 12px rgba(255,107,53,.4)!important;margin-bottom:var(--space-8)!important}.hero-v4-title{color:#fffaf0!important;text-shadow:0 2px 12px rgba(0,0,0,.4),0 0 40px rgba(255,107,53,.15)!important}.hero-v4-title-accent{color:#ff8559!important;font-weight:600!important;text-shadow:0 0 24px rgba(255,107,53,.4),0 2px 8px rgba(0,0,0,.5)!important}.hero-v4-sub{color:rgba(255,245,230,.9)!important;text-shadow:0 1px 8px rgba(0,0,0,.4)!important}.hero-v4-sub-en{color:rgba(255,250,240,.95)!important}.hero-v4-sub-cn{color:rgba(255,220,200,.85)!important}.hero-v4-btn-primary{background:#ff6b35!important;color:#0a0510!important;box-shadow:0 8px 24px rgba(255,107,53,.45),0 0 0 1px rgba(255,255,255,.15) inset,0 0 60px rgba(255,107,53,.25)!important}.hero-v4-btn-primary:hover{background:#ff8559!important;box-shadow:0 12px 32px rgba(255,107,53,.6),0 0 80px rgba(255,107,53,.4)!important}.hero-v4-btn-ghost{background:0 0!important;color:rgba(255,220,200,.85)!important;border:none!important;padding:14px 18px!important;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px;text-decoration-color:rgba(255,180,130,0.55);text-shadow:0 1px 4px rgba(0,0,0,.5)!important}.hero-v4-btn-ghost:hover{color:#fffaf0!important;text-decoration-color:var(--accent)!important;background:0 0!important}.hero-v4-waveform{opacity:.5!important;filter:drop-shadow(0 0 8px rgba(255, 107, 53, .4))!important}.hero-v4-scroll-hint{color:rgba(255,220,200,.7)!important;text-shadow:0 0 8px rgba(0,0,0,.5)!important}.hero-v4-close{border:1px solid rgba(255,180,130,.4)!important;background:rgba(10,5,16,.5)!important;backdrop-filter:blur(8px)!important;color:rgba(255,250,240,.9)!important}.hero-restore-pill{background:rgba(10,5,16,.85)!important;border:1px solid rgba(255,107,53,.5)!important;color:#fffaf0!important;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 20px rgba(255,107,53,.2)!important;backdrop-filter:blur(12px)!important}.hero-restore-pill:hover{box-shadow:0 14px 36px rgba(255,107,53,.4)!important}@media (max-width:768px){.hero-v4{min-height:80vh!important;padding-top:clamp(64px,16vh,100px)!important;padding-bottom:clamp(48px,12vh,72px)!important;background:linear-gradient(160deg,#0f0820 0,#1f0e32 18%,#3a1f38 38%,#6b2e1f 60%,#ff6b35 80%,#b85230 92%,#1a0e2e 100%)!important;background-attachment:scroll!important}.hero-v4::before{background:radial-gradient(ellipse 90% 50% at 25% 25%,rgba(255,107,53,.45) 0,transparent 55%),radial-gradient(ellipse 80% 40% at 75% 75%,rgba(184,90,43,.35) 0,transparent 50%)!important}.hero-v4-eyebrow{font-size:11px!important;padding:4px 12px!important}.hero-v4-title{font-size:clamp(32px, 9vw, 56px)!important;line-height:1.15!important;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 30px rgba(255,107,53,.2)!important}.hero-v4-sub{font-size:var(--fs-body)!important}.hero-v4-cta{flex-direction:column!important;align-items:stretch!important}.hero-v4-cta .hero-v4-btn{justify-content:center!important}.hero-v4-waveform{display:none!important}.hero-v4-scroll-hint{display:none!important}.hero-v4-close{top:12px!important;right:12px!important;width:32px!important;height:32px!important;font-size:18px!important}.hero-restore-pill{bottom:20px!important;right:20px!important;padding:10px 14px!important;font-size:var(--fs-meta)!important}}@media (max-width:1024px) and (min-width:769px){.hero-v4{min-height:60vh!important;padding-top:clamp(72px,12vh,100px)!important;padding-bottom:clamp(64px,10vh,96px)!important}.hero-v4-title{font-size:clamp(48px, 9vw, 96px)!important}}@media (min-width:1600px){.hero-v4{min-height:80vh!important}}@media (min-width:2200px){.hero-v4{min-height:70vh!important}.hero-v4-title{font-size:clamp(72px, 8vw, 200px)!important}}

/* 2026-07-20 P2 fix: bundle-mobile.css uses #hero-v4 { min-height: 0 !important }
   which kills our mobile gradient. Use ID selector to win specificity battle. */
#hero-v4 {
  min-height: 100vh !important;
  max-height: none !important;
  height: auto !important;
  background: linear-gradient(160deg,
    #0F0820 0%,
    #1F0E32 15%,
    #3A1F38 35%,
    #6B2E1F 60%,
    #FF6B35 80%,
    #B85230 92%,
    #1A0E2E 100%) !important;
  background-attachment: fixed !important;
  background-size: 100% 100vh !important;
}
@media (min-width: 769px) {
  #hero-v4 {
    min-height: 100vh !important;
    background: linear-gradient(135deg,
      #0F0820 0%,
      #1A0E2E 12%,
      #2A1635 28%,
      #3E1F2A 45%,
      #6B2E1F 60%,
      #B85230 72%,
      #FF6B35 82%,
      #2A1635 95%,
      #0A0510 100%) !important;
    background-attachment: fixed !important;
  }
}
#hero-v4 .hero-v4-title {
  color: #FFFAF0 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4), 0 0 40px rgba(255, 107, 53, 0.15) !important;
}
.hero-v4-bottom-band{position:absolute;bottom:0;left:0;right:0;height:30vh;pointer-events:none;z-index:1;background:linear-gradient(to top,rgba(255,107,53,.08) 0%,rgba(255,107,53,.02) 40%,transparent 100%)}
.hero-v4-bottom-bars{position:absolute;bottom:0;left:0;right:0;height:60px;pointer-events:none;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:0 10%;opacity:.35}
.hero-v4-bottom-bars .bbar{flex:1;max-width:6px;min-width:3px;background:linear-gradient(to top,var(--accent),rgba(255,140,80,.5) 50%,transparent);border-radius:2px 2px 0 0;transform-origin:bottom center;animation:bottom-bars-pulse 2.8s ease-in-out infinite}
@keyframes bottom-bars-pulse{0%,100%{transform:scaleY(.15);opacity:.3}50%{transform:scaleY(1);opacity:.95}}