:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#07050a;--bg-mid:#120a08;--bg-warm:#1a0c06;--text:#f7f3ee;--text-dim:#f7f3ee9e;--text-past:#f7f3ee61;--accent:#ff8a3d;--accent-hot:#ffb347;--accent-gold:#f5d76e;--accent-soft:#ff8a3d2e;--warn:#f5d76e;--warn-soft:#f5d76e33;--danger:#ff6b7a;--danger-soft:#ff6b7a2e;--glass:#ffffff0f;--glass-strong:#ffffff1a;--glass-border:linear-gradient(135deg, #ffffff73, #ffffff14 40%, #ffb45033 100%);--shadow-glass:0 12px 40px #00000073, inset 0 1px 0 #ffffff1f;--input-bg:#00000047;--border-soft:#ffffff2e;--border-strong:#ffffff38;--orb-a:#ff8c32d9;--orb-b:#f5d250b3;--orb-c:#ff5a288c;--atmosphere-1:#ff782838;--atmosphere-2:#f5c83c1f;--atmosphere-3:#78280a59;--primary-text:#1a0a04;--current-word-text:#1a0a04;--font-ui:"Outfit", "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Outfit", sans-serif;--font-script:"Outfit", "Helvetica Neue", sans-serif;--radius:18px;--blur:18px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#f6efe6;--bg-mid:#fbf6ef;--bg-warm:#efe4d4;--text:#1f140e;--text-dim:#1f140e9e;--text-past:#1f140e66;--accent:#e56720;--accent-hot:#f08a3a;--accent-gold:#c98a1a;--accent-soft:#e5672024;--warn:#b8860b;--warn-soft:#b8860b2e;--danger:#c94452;--danger-soft:#c9445224;--glass:#ffffff8c;--glass-strong:#ffffffb8;--shadow-glass:0 14px 40px #50280a1f, inset 0 1px 0 #ffffffd9;--input-bg:#ffffffb8;--border-soft:#50280a24;--border-strong:#50280a33;--orb-a:#ff96468c;--orb-b:#f5c85073;--orb-c:#ff783c59;--atmosphere-1:#ff8c3c47;--atmosphere-2:#f5c8502e;--atmosphere-3:#e6a06438;--primary-text:#1f140e;--current-word-text:#1f140e}html[data-theme=oled]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#000;--bg-mid:#000;--bg-warm:#000;--text:#fff;--text-dim:#ffffff94;--text-past:#ffffff52;--accent:#ff8a3d;--accent-hot:#ffb347;--accent-gold:#f5d76e;--accent-soft:#ff8a3d29;--warn:#f5d76e;--warn-soft:#f5d76e2e;--danger:#ff6b7a;--danger-soft:#ff6b7a29;--glass:#000;--glass-strong:#0a0a0a;--shadow-glass:none;--input-bg:#0a0a0a;--border-soft:#ffffff29;--border-strong:#ffffff38;--orb-a:transparent;--orb-b:transparent;--orb-c:transparent;--atmosphere-1:transparent;--atmosphere-2:transparent;--atmosphere-3:transparent;--primary-text:#000;--current-word-text:#000}html[data-theme=oled] body,html[data-theme=oled] .app-shell{background:#000}html[data-theme=oled] .atmosphere{display:none}html[data-theme=oled] .controls,html[data-theme=oled] .script-view,html[data-theme=oled] .glass-panel,html[data-theme=oled] .script-editor-page,html[data-theme=oled] .howto-page,html[data-theme=oled] .modal-card{box-shadow:none;background:#000;border-color:#ffffff24}html[data-theme=oled] .script-word{color:#fff}html[data-theme=oled] .script-word.is-past{color:#ffffff52}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;min-height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,select,textarea{font:inherit;color:inherit}.app-shell{height:100%;min-height:100svh;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-shell[data-ui-mirrored=true] .brand-name,.app-shell[data-ui-mirrored=true] .brand-mark,.app-shell[data-ui-mirrored=true] .mode-badge,.app-shell[data-ui-mirrored=true] .btn,.app-shell[data-ui-mirrored=true] .stat-chip,.app-shell[data-ui-mirrored=true] .panel-header h2,.app-shell[data-ui-mirrored=true] .modal-header h2,.app-shell[data-ui-mirrored=true] .modal-message,.app-shell[data-ui-mirrored=true] .error-banner,.app-shell[data-ui-mirrored=true] .loading-bar>span,.app-shell[data-ui-mirrored=true] .settings-section-label,.app-shell[data-ui-mirrored=true] .settings-grid .toggle>span,.app-shell[data-ui-mirrored=true] .slider-field-header>span,.app-shell[data-ui-mirrored=true] .slider-field-meta em,.app-shell[data-ui-mirrored=true] .settings-grid select,.app-shell[data-ui-mirrored=true] .settings-mic>span,.app-shell[data-ui-mirrored=true] .confidence-readout,.app-shell[data-ui-mirrored=true] .howto-page h2,.app-shell[data-ui-mirrored=true] .howto-page h3,.app-shell[data-ui-mirrored=true] .howto-lead,.app-shell[data-ui-mirrored=true] .file-import{transform:scaleX(-1)}.app-shell[data-chrome-dock=bottom] .controls{border-radius:var(--radius) var(--radius) 0 0;padding-bottom:max(.4rem, env(safe-area-inset-bottom,0px));flex-direction:column;order:3;display:flex}.app-shell[data-chrome-dock=bottom] .stage{order:2}.app-shell[data-chrome-dock=bottom] .settings-panel{order:-1;margin:0 0 .45rem}.app-shell[data-chrome-dock=bottom] .error-banner,.app-shell[data-chrome-dock=bottom] .loading-bar{order:-1}.atmosphere{pointer-events:none;z-index:0;background:radial-gradient(ellipse 90% 70% at 20% 0%, var(--atmosphere-1), transparent 55%), radial-gradient(ellipse 70% 60% at 90% 20%, var(--atmosphere-2), transparent 50%), radial-gradient(ellipse 80% 50% at 50% 100%, var(--atmosphere-3), transparent 55%), linear-gradient(165deg, var(--bg-mid) 0%, var(--bg-deep) 45%, var(--bg-warm) 100%);position:absolute;inset:0;overflow:hidden}.glow-orb{filter:blur(48px);opacity:.75;will-change:transform;border-radius:50%;position:absolute}.glow-orb-a{background:radial-gradient(circle, var(--orb-a) 0%, transparent 70%);width:min(52vw,420px);height:min(52vw,420px);animation:22s ease-in-out infinite alternate orbDriftA;top:-8%;left:-6%}.glow-orb-b{background:radial-gradient(circle, var(--orb-b) 0%, transparent 70%);width:min(44vw,360px);height:min(44vw,360px);animation:28s ease-in-out infinite alternate orbDriftB;top:35%;right:-10%}.glow-orb-c{background:radial-gradient(circle, var(--orb-c) 0%, transparent 70%);width:min(48vw,380px);height:min(48vw,380px);animation:26s ease-in-out infinite alternate orbDriftC;bottom:-12%;left:28%}@keyframes orbDriftA{0%{transform:translate(0)scale(1)}to{transform:translate(12%,18%)scale(1.12)}}@keyframes orbDriftB{0%{transform:translate(0)scale(1.05)}to{transform:translate(-16%,-10%)scale(.92)}}@keyframes orbDriftC{0%{transform:translate(0)scale(.95)}to{transform:translate(8%,-14%)scale(1.1)}}.controls,.stage,.panel{z-index:1;position:relative}.glass-panel,.controls,.script-view,.script-editor-page,.howto-page{-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);will-change:backdrop-filter}.glass-panel{background:var(--glass);box-shadow:var(--shadow-glass);background-clip:padding-box;border:1px solid #0000;position:relative}.glass-panel:before,.controls:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff80,#ffffff14 45%,#ffaa4647);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.controls{border-radius:0 0 var(--radius) var(--radius);background:var(--glass);box-shadow:var(--shadow-glass);z-index:5;border-bottom:none;flex:none;padding:.35rem .7rem .4rem;position:relative}.controls-main{align-items:stretch;gap:.55rem;min-width:0;display:flex}.controls-start{flex:none;align-self:stretch;align-items:stretch;display:flex}.controls-start .start-btn{letter-spacing:.04em;text-transform:uppercase;border-radius:calc(var(--radius) - 2px);writing-mode:horizontal-tb;justify-content:center;align-self:stretch;align-items:center;min-width:5.25rem;height:100%;min-height:100%;padding:.55rem 1.15rem;font-size:.95rem;font-weight:700;display:inline-flex}.controls-rest{flex-direction:column;flex:auto;gap:.35rem;min-width:0;display:flex}.controls-top{flex-wrap:wrap;align-items:center;gap:.55rem .75rem;min-height:2.1rem;display:flex}.brand{flex:0 auto;align-items:center;gap:.45rem;min-width:0;display:flex}.brand-mark{background:linear-gradient(180deg, var(--accent-hot), var(--accent));border-radius:999px;flex-shrink:0;width:.35rem;height:1.15rem;box-shadow:0 0 12px #ff8c328c,0 0 24px #ff641e47}.brand-name{font-family:var(--font-display);letter-spacing:.03em;text-transform:none;color:var(--text);white-space:nowrap;margin:0;font-size:.92rem;font-weight:700;line-height:1.1}.mode-badge{border:1px solid var(--border-soft);background:var(--glass-strong);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--text);box-shadow:none;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.65rem;font-weight:700;transition:box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.mode-badge .mode-label{line-height:1}.mode-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:.4rem;height:.4rem}.mode-badge.mode-live{color:var(--primary-text);background:linear-gradient(135deg, var(--accent-hot), var(--accent));border-color:#ffffff59;box-shadow:0 0 22px #ff8c328c,0 8px 24px #0000004d}.mode-badge.mode-live .mode-dot{background:var(--primary-text);animation:1.4s ease-in-out infinite pulse}.mode-badge.mode-paused{border-color:#f5d76e66}.mode-badge.mode-paused .mode-dot{background:var(--warn);box-shadow:0 0 10px var(--warn)}.mode-badge.mode-paused.is-holding{background:var(--warn-soft);border-color:#f5d76e8c;box-shadow:0 0 18px #f5d76e40}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.control-row{flex-wrap:wrap;gap:.35rem;display:flex}.controls-top .primary-actions{flex:auto;justify-content:flex-end;margin-left:auto}.control-row.secondary-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .5rem;margin-top:0}.progress-readout{flex:100%;order:-1;width:100%;min-width:0;display:block}.stats-strip{display:contents}.stats-strip.is-empty{display:none}.stat-chips{flex-wrap:wrap;flex:auto;align-items:center;gap:.35rem;min-width:0;display:flex}.stat-chip{border:1px solid var(--border-soft);background:var(--glass-strong);color:var(--text-dim);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:baseline;gap:.28rem;padding:.15rem .5rem;font-size:.68rem;display:inline-flex}.stat-chip em{font-style:normal;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent-hot);font-size:.85rem;font-weight:700;line-height:1}html[data-theme=light] .stat-chip em{color:var(--accent)}.settings-section-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);grid-column:1/-1;margin:.35rem 0 0;font-size:.72rem;font-weight:600}.settings-grid .toggle.is-disabled{opacity:.45;pointer-events:none}.progress-meter{border:1px solid var(--border-soft);background:#ffffff14;border-radius:999px;grid-template-columns:repeat(8,1fr);width:100%;height:.65rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}html[data-theme=light] .progress-meter{background:#50280a14}.progress-meter-fill{z-index:1;border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-gold));pointer-events:none;transition:width .18s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #ff963259}.progress-segments{z-index:2;pointer-events:none;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.progress-segment{border-right:1px solid #ffffff1a}.progress-segment:last-child{border-right:none}.progress-segment.is-eighth{border-right-color:#ffffff1f}.progress-segment.is-quarter{border-right:none}html[data-theme=light] .progress-segment.is-eighth{border-right-color:#50280a1f}.progress-ticks{z-index:3;pointer-events:none;position:absolute;inset:0}.progress-tick{width:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.progress-tick.is-eighth:before{content:"";background:#ffffff47;width:1px;position:absolute;top:18%;bottom:18%;left:0}.progress-tick.is-quarter:before{content:"";background:#ffe6b4d9;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #ffc86473}html[data-theme=light] .progress-tick.is-eighth:before{background:#50280a47}html[data-theme=light] .progress-tick.is-quarter:before{box-shadow:none;background:#50280a8c}.progress-meta{flex-direction:column;gap:.05rem;min-width:0;display:flex}.progress-percent{font-family:var(--font-display);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--accent-hot);font-size:.85rem;font-weight:700;line-height:1.1}html[data-theme=light] .progress-percent{color:var(--accent)}.progress-label{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.nudge-group{flex:none;gap:.35rem;margin-left:auto;display:inline-flex}.nudge-btn{min-width:1.85rem;padding-inline:.5rem;font-size:.95rem;line-height:1}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--glass-strong);color:var(--text);cursor:pointer;letter-spacing:.02em;border-radius:999px;min-height:1.85rem;padding:.28rem .7rem;font-size:.78rem;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s,filter .18s;position:relative;box-shadow:0 4px 14px #00000038}.btn:hover{filter:brightness(1.08);background:#ffffff1f;border-color:#ffc8788c;box-shadow:0 0 18px #ff963c59,0 8px 24px #00000059}.btn:active{filter:brightness(.96)}.btn.primary{color:var(--primary-text);background:linear-gradient(135deg,#ffc266 0%,#ff8a3d 48%,#ff5c24 100%);border-color:#fff6;font-weight:700;box-shadow:0 0 20px #ff782873,0 8px 22px #00000059}.btn.primary:hover{filter:brightness(1.1);box-shadow:0 0 28px #ff9632b3,0 0 48px #ff641e59,0 8px 24px #00000059}.btn.active{background:var(--accent-soft);border-color:#ffa046a6;box-shadow:0 0 16px #ff8c3259}.btn.ghost{background:#ffffff0a}.btn.danger{color:#fff8f6;background:linear-gradient(135deg,#ff8a94 0%,#e24555 55%,#c93646 100%);border-color:#ffffff4d;font-weight:700;box-shadow:0 0 18px #ff5a6459,0 8px 22px #0000004d}.btn.danger:hover{filter:brightness(1.08)}.btn.icon-btn{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.btn.icon-label-btn{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.btn.icon-label-btn .btn-icon{width:.9rem;height:.9rem}.btn-icon{flex-shrink:0;width:.95rem;height:.95rem;display:block}.nudge-btn.icon-btn{min-width:1.85rem;padding:.28rem}.nudge-btn .btn-icon{width:.85rem;height:.85rem}.app-shell[data-ui-scale=large] .controls{padding:.55rem .85rem .6rem}.app-shell[data-ui-scale=large] .controls-main{gap:.7rem}.app-shell[data-ui-scale=large] .controls-rest{gap:.5rem}.app-shell[data-ui-scale=large] .controls-top{gap:.55rem .7rem;min-height:2.75rem}.app-shell[data-ui-scale=large] .brand-mark{width:.45rem;height:1.45rem}.app-shell[data-ui-scale=large] .brand-name{font-size:1.15rem}.app-shell[data-ui-scale=large] .mode-badge{gap:.45rem;padding:.45rem .9rem;font-size:.8rem}.app-shell[data-ui-scale=large] .mode-dot{width:.55rem;height:.55rem}.app-shell[data-ui-scale=large] .control-row{gap:.45rem}.app-shell[data-ui-scale=large] .btn{border-radius:999px;min-height:2.75rem;padding:.55rem 1rem;font-size:.95rem}.app-shell[data-ui-scale=large] .controls-start .start-btn{border-radius:calc(var(--radius) - 2px);min-width:6.5rem;padding:.75rem 1.35rem;font-size:1.15rem}.app-shell[data-ui-scale=large] .btn-icon{width:1.2rem;height:1.2rem}.app-shell[data-ui-scale=large] .btn.icon-label-btn .btn-icon{width:1.15rem;height:1.15rem}.app-shell[data-ui-scale=large] .nudge-group{gap:.45rem}.app-shell[data-ui-scale=large] .nudge-btn.icon-btn{min-width:2.75rem;min-height:2.75rem;padding:.45rem}.app-shell[data-ui-scale=large] .nudge-btn .btn-icon{width:1.15rem;height:1.15rem}.app-shell[data-ui-scale=large] .stat-chip{gap:.35rem;padding:.35rem .75rem;font-size:.85rem}.app-shell[data-ui-scale=large] .stat-chip em{font-size:1.05rem}.app-shell[data-ui-scale=large] .progress-meter{height:1rem}.app-shell[data-ui-scale=large] .progress-tick.is-eighth:before{width:2px;top:14%;bottom:14%}.app-shell[data-ui-scale=large] .progress-tick.is-quarter:before{width:3px}.app-shell[data-ui-scale=large] .settings-panel{max-height:min(62dvh,34rem);padding:1rem 1.1rem 1.1rem}.app-shell[data-ui-scale=large] .settings-grid{gap:1.1rem 1.25rem}.app-shell[data-ui-scale=large] .settings-grid select,.app-shell[data-ui-scale=large] .settings-grid .toggle{min-height:3rem;font-size:1rem}.app-shell[data-ui-scale=large] .settings-grid .toggle input[type=checkbox]{width:1.35rem;height:1.35rem}.app-shell[data-ui-scale=large] .slider-field-header{font-size:1rem}.app-shell[data-ui-scale=large] .slider-field input[type=range],.app-shell[data-ui-scale=large] .settings-grid input[type=range]{min-height:2.2rem}.app-shell[data-ui-scale=large] .modal-card .btn{min-height:2.75rem;padding:.55rem 1rem;font-size:.95rem}.app-shell[data-ui-scale=large] .panel-header h2,.app-shell[data-ui-scale=large] .modal-header h2{font-size:1.1rem}.app-shell[data-ui-scale=large] .script-editor-input,.app-shell[data-ui-scale=large] .howto-body{font-size:1.05rem}.modal-root{z-index:80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-scrim{z-index:0;-webkit-backdrop-filter:blur(14px)saturate(1.2);will-change:backdrop-filter;pointer-events:none;background:radial-gradient(at 30% 20%,#ff8c3229,#0000 55%),#060408b8;position:absolute;inset:0}html[data-theme=light] .modal-scrim{background:radial-gradient(at 30% 20%,#ff8c322e,#0000 55%),#28180c73}html[data-theme=oled] .modal-scrim{-webkit-backdrop-filter:blur(10px);background:#000000e0}.modal-card{z-index:1;border-radius:var(--radius);border:1px solid var(--border-strong);width:min(100%,36rem);max-height:min(86dvh,44rem);color:var(--text);background:#100a08f5;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #0000008c,inset 0 1px #ffffff1f}html[data-theme=light] .modal-card{background:#fffaf4fa;box-shadow:0 18px 48px #50280a2e,inset 0 1px #ffffffe6}html[data-theme=oled] .modal-card{box-shadow:none;background:#000;border-color:#ffffff38}.modal-card.modal-sm{width:min(100%,24rem)}.modal-header{border-bottom:1px solid var(--border-soft);background:#ffffff08;flex:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem .7rem;display:flex}html[data-theme=light] .modal-header{background:#ffffff73}.modal-header h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0;font-size:.95rem;font-weight:600}.modal-close{min-width:1.85rem;padding:.35rem}.modal-body{scrollbar-width:thin;flex:auto;min-height:0;padding:1.1rem 1.15rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-soft);background:#0000001f;flex-wrap:wrap;flex:none;align-items:center;gap:.55rem .75rem;padding:.75rem 1rem .9rem;display:flex}html[data-theme=light] .modal-footer{background:#50280a0a}.modal-footer .confidence-readout{color:var(--text-dim);margin:0 0 0 auto;font-size:.75rem}.modal-message{color:var(--text);margin:0;font-size:1.02rem;font-weight:500;line-height:1.6}.modal-tone-danger .modal-header h2{color:var(--danger)}.error-banner{background:var(--danger-soft);color:var(--text);border:1px solid #ff6b7a66;border-radius:12px;margin:.7rem 0 0;padding:.7rem .9rem;font-size:.9rem;box-shadow:0 8px 24px #00000040}.loading-bar{color:var(--text-dim);gap:.45rem;margin-top:.7rem;font-size:.82rem;display:grid}.loading-bar-fill{background:linear-gradient(90deg, transparent, var(--accent-hot), var(--accent-gold), transparent);background-size:200% 100%;border-radius:999px;height:5px;animation:1.4s linear infinite shimmer;box-shadow:0 0 12px #ffa03c80}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.panel{border-radius:var(--radius);background:var(--glass);box-shadow:var(--shadow-glass);margin:.85rem 1rem 0;padding:1rem;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.panel-header-stack{flex-direction:column;gap:.2rem;min-width:0;display:flex}.editor-stats{color:var(--text-dim);margin:0;font-size:.78rem}.editor-stats-note{opacity:.75}.panel-header h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:600}.script-editor-page{border-radius:var(--radius);background:var(--glass);width:100%;height:100%;min-height:0;box-shadow:var(--shadow-glass);flex-direction:column;margin:0;padding:1rem 1.1rem 1.1rem;display:flex;overflow:hidden}.script-editor-page .panel-header{flex:none}.script-editor-input{resize:none;border:1px solid var(--border-soft);background:var(--input-bg);width:100%;min-height:0;color:var(--text);border-radius:14px;flex:auto;padding:1rem 1.1rem;font-size:1.05rem;line-height:1.55;box-shadow:inset 0 1px #ffffff0f}.script-editor-input:focus{border-color:#ffaa508c;outline:none;box-shadow:0 0 0 1px #ff963c40,inset 0 1px #ffffff14}.script-editor-input::placeholder{color:var(--text-dim)}.script-editor-toolbar{flex-wrap:wrap;flex:none;gap:.65rem;margin-top:.85rem;display:flex}.howto-page{border-radius:var(--radius);background:var(--glass);width:100%;height:100%;min-height:0;box-shadow:var(--shadow-glass);flex-direction:column;margin:0;padding:1rem 1.1rem 1.1rem;display:flex;overflow:hidden}.howto-page .panel-header{flex:none}.howto-body{scrollbar-width:thin;flex:auto;min-height:0;padding-right:.35rem;overflow-y:auto}.howto-lead{color:var(--text);max-width:42rem;margin:0 0 1.25rem;font-size:1.05rem;line-height:1.55}.howto-body h3{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:1.35rem 0 .55rem;font-size:.8rem;font-weight:600}.howto-body h3:first-of-type{margin-top:0}.howto-steps,.howto-list{max-width:42rem;color:var(--text);margin:0;padding-left:1.25rem;line-height:1.55}.howto-steps li,.howto-list li{margin-bottom:.45rem}.howto-steps code,.howto-keys kbd{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:6px;padding:.12em .4em;font-size:.85em}.howto-keys kbd{font-family:var(--font-display);letter-spacing:.02em;font-weight:600}.howto-keys li{flex-wrap:wrap;align-items:center;gap:.35rem .45rem;display:flex}.howto-body>p{max-width:42rem;color:var(--text);margin:0;line-height:1.55}.howto-flow{flex-wrap:wrap;align-items:stretch;gap:.5rem .35rem;margin:.75rem 0 1rem;display:flex}.howto-flow-step{border:1px solid var(--border-soft);background:var(--glass-strong);text-align:center;border-radius:14px;flex:6.5rem;min-width:5.5rem;padding:.75rem .7rem}.howto-flow-num{width:1.35rem;height:1.35rem;color:var(--accent);background:#ff963c38;border-radius:999px;justify-content:center;align-items:center;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.howto-flow-step strong{margin-bottom:.25rem;font-size:.9rem;display:block}.howto-flow-step p{color:var(--text-dim);margin:0;font-size:.78rem;line-height:1.35}.howto-flow-arrow{color:var(--accent);align-items:center;padding:0 .15rem;display:flex}.howto-flow-arrow-icon{opacity:.85;width:1.05rem;height:1.05rem}@media (width<=640px){.howto-flow-arrow{display:none}.howto-flow-step{flex:calc(50% - .35rem)}}.file-import.glass-upload{border:1px solid var(--border-strong);background:var(--glass-strong);color:var(--text);letter-spacing:.02em;cursor:pointer;border-radius:999px;align-items:center;gap:.65rem;margin-top:.85rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 6px 20px #00000047}.file-import.glass-upload:hover{filter:brightness(1.08);background:#ffffff1f;border-color:#ffc8788c;box-shadow:0 0 18px #ff963c59,0 8px 24px #00000059}.file-import.glass-upload .file-import-label{white-space:nowrap}.file-import.glass-upload input[type=file]{max-width:12rem;color:var(--text-dim);font-size:.78rem}.file-import.glass-upload input[type=file]::file-selector-button{appearance:none;color:var(--text);font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;margin-right:.55rem;padding:.35rem .75rem;font-weight:600}.settings-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;z-index:4;max-height:min(58dvh,28rem);margin:.45rem 0 0;overflow:hidden auto}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:.95rem 1.15rem;display:grid}.slider-field{gap:.45rem;min-width:0;display:grid}.slider-field.is-disabled{opacity:.45;pointer-events:none}.slider-field-header{color:var(--text-dim);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.slider-field-meta{align-items:center;gap:.4rem;display:inline-flex}.slider-field-meta em{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;min-width:3.2rem;font-style:normal;font-weight:600}.slider-reset{letter-spacing:.04em;text-transform:uppercase;min-height:1.7rem;padding:.2rem .55rem;font-size:.72rem}.slider-reset:disabled{opacity:.35;cursor:default;box-shadow:none;filter:none}.settings-grid label{color:var(--text-dim);letter-spacing:.02em;gap:.45rem;font-size:.8rem;display:grid}.settings-grid select,.settings-mic select{border:1px solid var(--border-soft);background:var(--input-bg);color:var(--text);border-radius:12px;width:100%;padding:.5rem .65rem;box-shadow:inset 0 1px #ffffff0f}.settings-grid select:focus,.settings-mic select:focus{border-color:#ffaa508c;outline:none}.settings-grid .toggle{grid-template-columns:none;align-items:center;gap:.55rem;min-height:2.4rem;display:flex}.settings-grid .toggle input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.settings-mic{grid-column:1/-1}.settings-footer{border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem;padding-top:.85rem;display:flex}.settings-preload{flex:none}.slider-field input[type=range],.settings-grid input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.65rem;margin:0;padding-inline:.4rem}.slider-field input[type=range]:focus,.settings-grid input[type=range]:focus{outline:none}.slider-field input[type=range]::-webkit-slider-runnable-track{border:1px solid var(--border-soft);background:linear-gradient(90deg,#ffffff14,#ffa04638 50%,#ffffff1a);border-radius:999px;height:.7rem;box-shadow:inset 0 1px 3px #00000040}.settings-grid input[type=range]::-webkit-slider-runnable-track{border:1px solid var(--border-soft);background:linear-gradient(90deg,#ffffff14,#ffa04638 50%,#ffffff1a);border-radius:999px;height:.7rem;box-shadow:inset 0 1px 3px #00000040}html[data-theme=light] .slider-field input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#50280a14,#e5672038 50%,#50280a1a)}html[data-theme=light] .settings-grid input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#50280a14,#e5672038 50%,#50280a1a)}.slider-field input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg, #fff4e0, var(--accent-hot));border:1.5px solid #ffffffbf;border-radius:50%;width:.95rem;height:.95rem;margin-top:-.125rem;box-shadow:0 0 10px #ff963ca6,0 2px 6px #0006}.settings-grid input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg, #fff4e0, var(--accent-hot));border:1.5px solid #ffffffbf;border-radius:50%;width:.95rem;height:.95rem;margin-top:-.125rem;box-shadow:0 0 10px #ff963ca6,0 2px 6px #0006}.slider-field input[type=range]::-moz-range-track{border:1px solid var(--border-soft);background:linear-gradient(90deg,#ffffff14,#ffa04638 50%,#ffffff1a);border-radius:999px;height:.7rem;box-shadow:inset 0 1px 3px #00000040}.settings-grid input[type=range]::-moz-range-track{border:1px solid var(--border-soft);background:linear-gradient(90deg,#ffffff14,#ffa04638 50%,#ffffff1a);border-radius:999px;height:.7rem;box-shadow:inset 0 1px 3px #00000040}.slider-field input[type=range]::-moz-range-thumb{background:linear-gradient(145deg, #fff4e0, var(--accent-hot));border:1.5px solid #ffffffbf;border-radius:50%;width:.95rem;height:.95rem;box-shadow:0 0 10px #ff963ca6,0 2px 6px #0006}.settings-grid input[type=range]::-moz-range-thumb{background:linear-gradient(145deg, #fff4e0, var(--accent-hot));border:1.5px solid #ffffffbf;border-radius:50%;width:.95rem;height:.95rem;box-shadow:0 0 10px #ff963ca6,0 2px 6px #0006}.confidence-readout{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:12rem;margin:0;font-size:.8rem;overflow:hidden}.stage{flex:auto;justify-content:center;min-height:0;padding:.65rem .65rem .75rem;display:flex}.script-view{scroll-behavior:auto;border-radius:var(--radius);background:var(--glass);border:1px solid var(--border-soft);width:100%;height:100%;box-shadow:var(--shadow-glass);scrollbar-width:thin;scrollbar-color:#ffaa5059 transparent;margin:0 auto;padding:0 1.15rem;overflow:hidden auto}.script-mirror{min-height:100%}.script-view[data-mirrored=true] .script-mirror{transform:scaleX(-1)}.script-pad{pointer-events:none;flex:none}.script-view[data-scroll-anchor=top] .script-pad-top{height:8vh}.script-view[data-scroll-anchor=top] .script-pad-bottom{height:82vh}.script-view[data-scroll-anchor=middle] .script-pad-top,.script-view[data-scroll-anchor=middle] .script-pad-bottom{height:50vh}.script-view[data-scroll-anchor=hybrid] .script-pad-top{height:6vh}.script-view[data-scroll-anchor=hybrid] .script-pad-bottom{height:50vh}.script-editor-toolbar .file-import.glass-upload{margin-top:0}.script-text{font-family:var(--font-script);letter-spacing:.01em;text-wrap:pretty;margin:0;font-weight:450;line-height:1.6}html[data-bold-script=true] .script-text,html[data-bold-script=true] .script-editor-input{font-weight:700}.script-token{display:inline}.sentence-tab{white-space:pre;width:2.75em;display:inline-block}.script-word{color:var(--text);border-radius:.2em;transition:color .18s,background-color .18s,box-shadow .18s}.script-word.is-past{color:var(--text-past)}.script-word.is-seekable{cursor:pointer}.script-word.is-seekable:hover{background:var(--accent-soft)}.script-word.is-current{color:var(--current-word-text);background:linear-gradient(135deg,#ffc864f2,#ff8c32e6);animation:1.8s ease-in-out infinite currentGlow;box-shadow:0 0 0 .1em #ffb45059,0 0 18px #ff963273}.script-word.is-current.is-seekable:hover{background:linear-gradient(135deg,#ffd278fa,#ff963cf2)}.script-word.is-current.is-frozen{color:var(--text);background:var(--danger-soft);animation:none;box-shadow:0 0 0 .1em #ff6b7a59}@keyframes currentGlow{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@media (width<=720px){.controls{padding:.35rem .55rem calc(.4rem + env(safe-area-inset-bottom,0px) * 0);border-radius:0 0 14px 14px}.app-shell[data-chrome-dock=bottom] .controls{padding-bottom:max(.4rem, env(safe-area-inset-bottom,0px));border-radius:14px 14px 0 0}.controls-main{gap:.4rem}.controls-start .start-btn{min-width:4.5rem;padding:.65rem .75rem;font-size:.85rem}.controls-top{gap:.4rem .5rem}.brand-name{text-overflow:ellipsis;max-width:42vw;font-size:.8rem;overflow:hidden}.mode-badge{max-width:42vw;overflow:hidden}.mode-badge .mode-label{text-overflow:ellipsis;overflow:hidden}.controls-top .primary-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:.35rem;width:100%;margin-left:0;display:grid}.primary-actions .btn{width:100%;min-height:2.4rem;padding-inline:.4rem;font-size:.78rem}.app-shell[data-ui-scale=large] .primary-actions .btn{min-height:3rem;padding-inline:.5rem;font-size:.95rem}.app-shell[data-ui-scale=large] .controls-start .start-btn{min-width:5.25rem;font-size:1.05rem}.app-shell[data-ui-scale=large] .nudge-btn.icon-btn{min-height:3rem}.control-row.secondary-actions{gap:.4rem}.stat-chips{width:100%}.nudge-group{justify-content:space-between;width:100%;margin-left:0}.nudge-btn.icon-btn{flex:1 1 0;min-width:0;min-height:2.4rem}.nudge-btn .btn-icon{width:1rem;height:1rem}.settings-panel{max-height:min(62dvh,70svh);margin-top:.4rem;padding:.75rem .8rem .85rem}.settings-grid{grid-template-columns:1fr;gap:.75rem}.settings-grid select,.settings-grid .toggle{min-height:2.4rem}.settings-footer{flex-direction:column;align-items:stretch}.settings-footer .btn{width:100%;min-height:2.4rem}.confidence-readout{white-space:normal;text-align:center}.stage{padding:.4rem .4rem .5rem}.script-view{-webkit-overflow-scrolling:touch;border-radius:14px;padding-inline:.7rem}.script-editor-page,.howto-page{border-radius:14px;padding:.75rem .75rem .85rem}.script-editor-toolbar{gap:.45rem}.script-editor-toolbar .btn,.file-import.glass-upload{min-height:2.4rem}.file-import.glass-upload{flex-wrap:wrap;max-width:100%}.modal-root{padding:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px))}.modal-card,.modal-card.modal-sm{width:min(100%,28rem);max-height:min(88dvh,88svh)}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .btn{width:100%;min-height:2.4rem}.modal-footer .confidence-readout{margin-left:0}}@media (orientation:landscape) and (height<=500px){.brand-sub{display:none}.script-view[data-scroll-anchor=top] .script-pad-top{height:6vh}.script-view[data-scroll-anchor=top] .script-pad-bottom{height:70vh}.script-view[data-scroll-anchor=middle] .script-pad-top,.script-view[data-scroll-anchor=middle] .script-pad-bottom{height:36vh}.script-view[data-scroll-anchor=hybrid] .script-pad-top{height:4vh}.script-view[data-scroll-anchor=hybrid] .script-pad-bottom{height:36vh}}@media (prefers-reduced-motion:reduce){.glow-orb,.loading-bar-fill,.mode-badge.mode-live .mode-dot,.script-word.is-current{animation:none}}
