*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--surface: #13131c;--surface2: #0f0f18;--border: #1e1e2e;--border2: #252535;--text: #e0e0f0;--muted: #555570;--accent: #7cffd4;--accent2: #ff6b6b;--pivot: #ffde59;--emphasis-bold: #ffffff;--emphasis-peak: #ff9500;--emphasis-whisper: #666688;--panel-w: 280px;--word-size: clamp(1.8rem, 5vw, 4rem);--grid-line: rgba(124, 255, 212, .025);--overlay-bg: rgba(0, 0, 0, .75);--overlay-bg-strong: rgba(0, 0, 0, .92);--display-zone-bg: rgba(10, 10, 15, .99);--btn-primary-text: #0a0a0f;--btn-primary-glow: rgba(124, 255, 212, .35);--focus-ring: rgba(124, 255, 212, .22);--focus-ring-strong: rgba(124, 255, 212, .28);--hover-overlay: rgba(255, 255, 255, .06);--hover-overlay-strong: rgba(255, 255, 255, .08);--tour-highlight-glow: rgba(124, 255, 212, .35);--tour-shadow: rgba(0, 0, 0, .5);--accent-bg-subtle: rgba(124, 255, 212, .07);--accent-border-subtle: rgba(124, 255, 212, .25)}[data-theme=light]{--bg: #f5f5f8;--surface: #ffffff;--surface2: #e8e8ee;--border: #d0d0dc;--border2: #b8b8c8;--text: #1a1a28;--muted: #5c5c78;--accent: #00a878;--accent2: #c94a4a;--pivot: #c9a000;--emphasis-bold: #000000;--emphasis-peak: #cc6600;--emphasis-whisper: #4a4a6a;--grid-line: rgba(0, 0, 0, .06);--overlay-bg: rgba(0, 0, 0, .5);--overlay-bg-strong: rgba(0, 0, 0, .7);--display-zone-bg: rgba(245, 245, 248, .99);--btn-primary-text: #ffffff;--btn-primary-glow: rgba(0, 168, 120, .4);--focus-ring: rgba(0, 168, 120, .35);--focus-ring-strong: rgba(0, 168, 120, .5);--hover-overlay: rgba(0, 0, 0, .04);--hover-overlay-strong: rgba(0, 0, 0, .06);--tour-highlight-glow: rgba(0, 168, 120, .4);--tour-shadow: rgba(0, 0, 0, .2);--accent-bg-subtle: rgba(0, 168, 120, .08);--accent-border-subtle: rgba(0, 168, 120, .35)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);display:grid;grid-template-columns:240px 1fr 240px;grid-template-rows:auto auto auto auto auto 1fr;height:100vh;overflow:hidden}#main{display:contents}#content{grid-column:2;display:flex;flex-direction:column;overflow:hidden;min-width:0}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px}:root{--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-2xs: .625rem;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65}:root{--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 999px}:root{--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .25)}[data-theme=light]{--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .15)}:root{--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .25s ease}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-normal: 0s;--transition-slow: 0s}}.modal-input,.modal-textarea,.modal-field .modal-textarea,.context-scope-category-input,.cat-rename-input{width:100%;box-sizing:border-box}.modal--narrow{width:380px}.modal--standard{width:440px}.modal--wide{width:520px}.btn{min-height:32px;display:inline-flex;align-items:center;justify-content:center}.btn:focus-visible,.pack-action-btn:focus-visible,.pack-share-btn:focus-visible,#panel-toggle:focus-visible,#add-script-btn:focus-visible,.markup-toolbar-btn:focus-visible,.speak-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#top-widget-bar{grid-column:1 / -1;grid-row:1;position:relative;z-index:30;padding:var(--space-1) var(--space-4);display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border-bottom:1px solid var(--border)}#top-widget-bar #app-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);letter-spacing:.04em;text-transform:uppercase;margin-right:var(--space-2)}#top-widget-bar #account-wrap{margin-left:auto}#topbar{display:none}#player-controls{grid-column:2;display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.kbd-hint{font-size:.58rem;color:var(--muted);display:flex;align-items:center;gap:5px}#app-title{font-family:var(--font-display);font-size:.62rem;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);white-space:nowrap}#mode-badge{font-size:.58rem;font-family:inherit;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--border2);padding:2px 8px;border-radius:10px;cursor:pointer;transition:all .15s}#mode-badge:hover{border-color:var(--accent);color:var(--accent)}.divider{width:1px;height:18px;background:var(--border2);flex-shrink:0}.ctrl-group{display:flex;align-items:center;gap:7px}.ctrl-label{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#wpm-display,#pause-display{font-size:.9rem;font-weight:600;color:var(--accent);width:44px;text-align:center}.ctrl-group.hidden{display:none}.pacing-mode-wrap{display:flex;align-items:center;gap:10px}.pacing-mode-toggle{display:flex;border:1px solid var(--border2);border-radius:999px;padding:2px;background:var(--bg)}.pacing-mode-option{padding:4px 12px;font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.pacing-mode-option:hover{color:var(--text)}.pacing-mode-option.active{background:var(--accent);color:var(--btn-primary-text);font-weight:600}.pacing-mode-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.volume-indicator{width:48px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.volume-indicator-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .1s ease-out}@media(prefers-reduced-motion:reduce){.volume-indicator-bar{transition:none}}.recalibrate-btn{font-size:.58rem;padding:3px 8px;color:var(--muted)}.recalibrate-btn:hover{color:var(--accent)}.calibration-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:150;align-items:center;justify-content:center}.calibration-overlay.open{display:flex}.calibration-overlay-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 32px);max-width:420px;width:90%;text-align:center;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .3))}.calibration-overlay-title{font-family:var(--font-display);font-size:var(--text-lg, 1.125rem);font-weight:700;color:var(--accent);margin:0 0 var(--space-2, 16px)}.calibration-overlay-text{font-size:var(--text-sm, .875rem);color:var(--text);line-height:1.6;margin:0 0 var(--space-2, 16px)}.calibration-overlay-note{font-size:var(--text-xs, .75rem);color:var(--text-muted);line-height:1.5;margin:0 0 var(--space-2, 16px)}.calibration-overlay-disclosure{font-size:var(--text-2xs, .65rem);color:var(--muted);line-height:1.5;margin:0 0 var(--space-3, 24px)}.calibration-overlay-actions{display:flex;gap:var(--space-2, 16px);justify-content:center}.calibration-step[hidden]{display:none}.calibration-progress{width:100%;height:4px;border-radius:2px;background:var(--border);margin-top:var(--space-2, 16px);overflow:hidden;position:relative}.calibration-progress:after{content:"";position:absolute;inset:0;background:var(--accent);animation:calibration-sweep 2s linear forwards}@keyframes calibration-sweep{0%{width:0}to{width:100%}}input[type=range]{-webkit-appearance:none;appearance:none;width:88px;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent);cursor:pointer}.btn{background:transparent;border:1px solid var(--border2);color:var(--text);padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s;text-transform:uppercase;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--btn-primary-text);font-weight:600}.btn.primary:hover{box-shadow:0 0 14px var(--btn-primary-glow)}.btn.warn{border-color:var(--border2);color:var(--muted)}.btn.warn:hover{border-color:var(--accent2);color:var(--accent2)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:disabled:hover{border-color:var(--border2);color:var(--text);box-shadow:none}.btn.destructive{border-color:var(--accent2);color:var(--accent2);background:transparent}.btn.destructive:hover{background:var(--accent2);color:var(--bg);box-shadow:0 0 14px #ff6b6b4d}.btn.destructive:disabled{opacity:.4;cursor:not-allowed;background:transparent;color:var(--accent2);box-shadow:none}kbd{background:var(--border);border:1px solid var(--border2);padding:1px 7px;border-radius:3px;font-family:var(--font-mono);font-size:.58rem;color:var(--text)}#account-wrap{position:relative}#account-badge{font-size:.62rem;max-width:160px;overflow:hidden;text-overflow:ellipsis}#account-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border2);border-radius:6px;padding:8px;min-width:160px;z-index:60;box-shadow:0 8px 24px #0000004d;flex-direction:column;gap:6px}#account-dropdown.open{display:flex}#account-dropdown .btn{width:100%;text-align:center;font-size:.62rem}.tier-badge{font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:10px;white-space:nowrap}.tier-badge--trial{color:var(--accent);border:1px solid var(--accent)}.tier-badge--pro{color:var(--bg);background:var(--accent)}.tier-badge--expired{color:var(--muted);border:1px solid var(--border2)}#status-wrap{display:flex;align-items:center;gap:6px;margin-left:auto}#status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);transition:background .3s,box-shadow .3s}#status-dot.playing{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-play 1s ease-in-out infinite}#status-dot.paused{background:var(--pivot)}@keyframes pulse-play{0%,to{box-shadow:0 0 8px var(--accent)}50%{box-shadow:0 0 16px var(--accent)}}#status-text{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#panel-toggle{background:transparent;border:1px solid var(--border2);color:var(--muted);padding:4px 10px;font-family:var(--font-mono);font-size:.63rem;cursor:pointer;border-radius:3px;transition:all .15s}#panel-toggle:hover{border-color:var(--accent);color:var(--accent)}#guide-panel{flex-shrink:0;background:var(--surface2);border-bottom:1px solid var(--border);overflow:hidden;max-height:300px;transition:max-height .25s ease}#guide-panel.guide-panel-closed{max-height:0;border-bottom-width:0}.guide-panel-inner{padding:10px 16px 14px}.guide-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.guide-panel-title{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.guide-close-btn{background:transparent;border:none;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:3px;transition:color .15s,background .15s}.guide-close-btn:hover{color:var(--text);background:var(--hover-overlay)}.guide-blurb{font-size:.7rem;line-height:1.65;color:var(--text);margin-bottom:14px;max-width:640px}.guide-blurb kbd{font-size:.65rem}.guide-markup-table{width:100%;max-width:560px;border-collapse:collapse;font-size:.65rem}.guide-markup-table th,.guide-markup-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}.guide-markup-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}.guide-markup-table td:first-child{color:var(--accent);font-weight:500}.guide-markup-table code{background:var(--border);padding:2px 6px;border-radius:2px;font-size:.62rem;color:var(--text)}#side-panel{grid-column:1;grid-row:2 / -1;width:auto;background:var(--surface2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}#side-panel.collapsed{width:auto;display:flex}#panel-toggle{display:none}#panel-header{padding:10px 14px 8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.panel-header-top{display:flex;align-items:center;justify-content:space-between}.panel-header-top-actions{display:flex;gap:6px;align-items:center}#panel-header span{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#add-script-btn{background:transparent;border:1px solid var(--border2);color:var(--accent);padding:3px 9px;font-size:.63rem;cursor:pointer;border-radius:3px;transition:all .15s}#add-script-btn:hover{background:var(--accent-bg-subtle)}.pack-selector-wrap{display:flex;align-items:center;gap:6px;padding:4px 14px 6px;border-bottom:1px solid var(--border)}.pack-selector{flex:1;font-size:var(--text-2xs);font-family:var(--font-body);padding:3px 6px;border:1px solid var(--border2);border-radius:4px;background:var(--bg);color:var(--fg);cursor:pointer;min-width:0}.pack-selector:focus{outline:2px solid var(--accent);outline-offset:1px}.pack-actions{display:flex;gap:2px;flex-shrink:0}.pack-action-btn{font-size:.56rem;padding:2px 5px;border:1px solid var(--border2);border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;line-height:1;transition:all .12s}.pack-action-btn:hover{color:var(--accent);border-color:var(--accent)}.pack-action-btn:disabled{opacity:.3;cursor:not-allowed}.pack-action-del:hover:not(:disabled){color:var(--error, #f44);border-color:var(--error, #f44)}#script-library{flex:1;overflow-y:auto;padding:6px 0}#script-library::-webkit-scrollbar{width:3px}#script-library::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.category-block{margin-bottom:2px}.category-header{display:flex;align-items:center;gap:6px;padding:6px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.category-header:hover{background:var(--hover-overlay)}.cat-arrow{font-size:.52rem;color:var(--muted);transition:transform .18s;width:10px;flex-shrink:0}.cat-arrow.open{transform:rotate(90deg)}.cat-name{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:1;overflow:hidden;text-overflow:ellipsis}.cat-count{font-size:.53rem;color:var(--muted);background:var(--border);padding:1px 6px;border-radius:10px;flex-shrink:0}.category-scripts.collapsed{display:none}.script-item{display:flex;align-items:center;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-5);cursor:pointer;gap:7px;border-left:2px solid transparent;transition:all .1s}.script-item:hover{background:var(--accent-bg-subtle);border-left-color:var(--accent-border-subtle)}.script-item.active{background:var(--accent-bg-subtle);border-left-color:var(--accent)}.script-item-name{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.script-item-wc{font-size:.56rem;color:var(--muted);white-space:nowrap}.script-item-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.68rem;padding:0 2px;opacity:0;transition:opacity .12s,color .12s}.script-item:hover .script-item-del{opacity:1}.script-item-del:hover{color:var(--accent2)}.cat-drag-handle{font-size:.62rem;color:var(--border2);cursor:grab;flex-shrink:0;width:10px;text-align:center;opacity:0;transition:opacity .12s}.category-header:hover .cat-drag-handle{opacity:1}.category-actions{display:flex;gap:2px;flex-shrink:0;margin-left:auto;opacity:0;transition:opacity .12s}.category-header:hover .category-actions,.category-header.has-active-script .category-actions{opacity:1}.cat-action-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.62rem;padding:1px 4px;border-radius:2px;line-height:1;transition:color .12s,background .12s}.cat-action-btn:hover{color:var(--accent);background:var(--hover-overlay)}.cat-action-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.cat-action-del:hover{color:var(--accent2)}.cat-action-ai{font-size:.54rem;font-weight:600;letter-spacing:.04em;color:var(--accent)}.cat-action-ai:hover{color:var(--accent);background:var(--accent-bg-subtle)}.cat-loading .cat-action-ai{opacity:.5;cursor:wait}.cat-loading .cat-name:after{content:" ...";color:var(--muted)}.cat-rename-input{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:var(--bg);border:1px solid var(--accent);border-radius:2px;padding:1px 4px;outline:none;width:100%}.category-header.dragging{opacity:.4}.category-header.drag-over{box-shadow:0 -2px 0 0 var(--accent)}.script-item.dragging{opacity:.4}.script-item.drag-over{box-shadow:0 -2px 0 0 var(--accent)}.category-scripts.drag-over-list{box-shadow:inset 0 -2px 0 0 var(--accent);min-height:24px}.script-drag-handle{font-size:.5rem;color:var(--muted);opacity:0;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:opacity .12s}.script-item:hover .script-drag-handle{opacity:.6}.script-item.dragging .script-drag-handle{opacity:1}.cat-name.cat-empty{font-style:italic;opacity:.55}.category-empty-msg{padding:6px 12px 6px 26px;font-size:.6rem;color:var(--muted);font-style:italic}@media(prefers-reduced-motion:reduce){.cat-drag-handle,.category-actions,.cat-action-btn{transition:none}.category-header.dragging{opacity:.4}}#editor-zone{flex:1;display:flex;flex-direction:column;padding:var(--space-2) var(--space-4) var(--space-3);gap:var(--space-2);overflow:hidden;min-height:0}.editor-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.editor-label{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}#active-script-name{font-size:.68rem;color:var(--accent);letter-spacing:.04em;margin-left:10px}#auto-save-indicator{font-size:.62rem;color:var(--accent);opacity:0;pointer-events:none}#auto-save-indicator.auto-save-visible{animation:autosave-fade 1.8s ease forwards}@keyframes autosave-fade{0%{opacity:.9}55%{opacity:.9}to{opacity:0}}@media(prefers-reduced-motion:reduce){#auto-save-indicator.auto-save-visible{animation:none;opacity:.9}}#word-count{font-size:.58rem;color:var(--muted)}#editor-toolbar{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.markup-toolbar-btn{background:transparent;border:1px solid var(--border2);color:var(--muted);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.04em;cursor:pointer;border-radius:999px;transition:border-color .15s,color .15s;font-weight:400}.markup-toolbar-btn:hover{border-color:var(--accent);color:var(--accent)}.markup-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.markup-toolbar-btn:disabled:hover{border-color:var(--border2);color:var(--muted)}.toolbar-divider{width:1px;align-self:stretch;background:var(--border2);margin:2px;flex-shrink:0}.ai-toolbar-btn{border-color:var(--accent-border-subtle);color:var(--accent)}.ai-toolbar-btn:hover{border-color:var(--accent);background:var(--accent-bg-subtle)}.ai-btn-flash{border-color:var(--accent2);color:var(--accent2)}.undo-ai-btn{border-color:var(--emphasis-peak);color:var(--emphasis-peak)}.undo-ai-btn:hover{border-color:var(--emphasis-peak);background:#ffa03214}.undo-ai-btn.hidden{display:none}@media(prefers-reduced-motion:reduce){.ai-btn-flash{transition:none}}textarea{flex:1;width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-3);resize:none;outline:none;transition:border-color .2s;min-height:0}textarea:focus{border-color:var(--focus-ring)}textarea.hidden,#editor-toolbar.hidden{display:none}#structural-toolbar{display:flex;gap:8px;flex-shrink:0;margin-top:4px}#structural-toolbar.hidden{display:none}.struct-icon-btn{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.markup-preview-pane{flex:1;width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-3);overflow-y:auto;min-height:0;cursor:default}.markup-preview-pane.hidden{display:none}.preview-word-peak{color:var(--emphasis-peak);font-weight:700}.preview-word-fast{color:var(--accent);font-style:italic}.preview-word-slow{letter-spacing:.12em}.preview-word-whisper{font-size:.82em;opacity:.75}.preview-word-beat{color:var(--emphasis-peak);font-weight:700;margin:0 .2em}.preview-word-header{font-weight:700;color:var(--accent);text-transform:uppercase;font-size:1.1em}.preview-word-bullet{color:var(--accent)}#preview-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-bg-subtle)}textarea::placeholder{color:var(--muted)}.modal-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:100;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{position:relative;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-md);padding:var(--space-5);width:420px;max-width:92vw;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.modal p{margin:0}.modal-close-x{position:absolute;top:10px;right:12px;background:transparent;border:none;color:var(--text2);font-size:1.25rem;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s;z-index:1}.modal-close-x:hover{color:var(--text)}.modal-close-x:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.modal h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:0;color:var(--accent);text-transform:none}.modal-field{border:1px solid var(--border);border-radius:4px;overflow:visible}.modal-field-summary{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;list-style:none}.modal-field-summary:before{content:"▸";font-size:.6rem;transition:transform .15s;flex-shrink:0}.modal-field[open]>.modal-field-summary:before{transform:rotate(90deg)}.modal-field-summary::-webkit-details-marker{display:none}.modal-field-label-text{white-space:nowrap}.modal-field-required{font-size:.44rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-border-subtle);border-radius:2px;padding:0 4px;line-height:1.6}.modal-field .modal-textarea{width:100%;box-sizing:border-box;border:none;border-top:1px solid var(--border);border-radius:0 0 4px 4px}.modal-label{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.modal-input{background:var(--bg);border:1px solid var(--border2);border-radius:3px;color:var(--text);font-family:var(--font-mono);font-size:.76rem;padding:7px 10px;outline:none;transition:border-color .2s}.modal-input:focus{border-color:var(--focus-ring-strong)}.modal-textarea{min-height:80px;resize:vertical;line-height:1.65}.modal-actions{display:flex;gap:9px;justify-content:flex-end}.tour-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:500}.tour-highlight{position:relative;z-index:501;box-shadow:0 0 0 3px var(--accent),0 0 24px var(--tour-highlight-glow);border-radius:4px;pointer-events:auto}.tour-bubble{position:fixed;z-index:502;width:320px;max-width:92vw;background:var(--surface);border:1px solid var(--border2);border-radius:6px;padding:14px 18px 16px;box-shadow:0 8px 32px var(--tour-shadow);pointer-events:auto}.tour-bubble-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:3px;transition:color .15s,background .15s}.tour-bubble-close:hover{color:var(--text);background:var(--hover-overlay-strong)}.tour-bubble-title{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-bottom:8px;padding-right:24px}.tour-bubble-desc{font-size:.7rem;line-height:1.6;color:var(--text);margin-bottom:14px}.tour-bubble-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-bubble-nav .btn{flex-shrink:0}.tour-bubble-counter{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tour-bubble:before{content:"";position:absolute;width:0;height:0;border:8px solid transparent}.tour-bubble--bottom:before{bottom:100%;left:50%;margin-left:-8px;border-bottom-color:var(--surface);border-top:none}.tour-bubble--top:before{top:100%;left:50%;margin-left:-8px;border-top-color:var(--surface);border-bottom:none}.tour-bubble--right:before{right:100%;top:50%;margin-top:-8px;border-right-color:var(--surface);border-left:none}.tour-bubble--left:before{left:100%;top:50%;margin-top:-8px;border-left-color:var(--surface);border-right:none}#tutorial-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg-strong);z-index:200}.tutorial-elevated{position:relative;z-index:201!important}.tutorial-inner{display:none;position:fixed;top:var(--tutorial-card-top, 32vh);left:50%;transform:translate(-50%);z-index:202;flex-direction:column;align-items:center;gap:20px;max-width:640px;width:92%;text-align:center;background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:28px 32px;box-sizing:border-box;max-height:80vh;overflow-y:auto}.tutorial-close-btn{position:absolute;top:10px;right:12px;background:transparent;border:none;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s}.tutorial-close-btn:hover{color:var(--text)}.tutorial-close-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tutorial-progress{display:flex;gap:8px;justify-content:center}.tutorial-dot{width:10px;height:10px;border-radius:50%;background:var(--border2);border:1px solid var(--muted);transition:background .2s,box-shadow .2s}.tutorial-dot--active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.tutorial-dot--done{background:var(--muted);border-color:var(--muted)}.tutorial-content{width:100%}.tutorial-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.tutorial-subtitle{font-size:.72rem;line-height:1.6;color:var(--text);max-width:480px;margin:0 auto 6px}.tutorial-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tutorial-footer{display:flex;justify-content:space-between;width:100%;margin-top:8px}.tutorial-footer-btn{background:transparent;border:1px solid var(--muted);color:var(--text);padding:5px 14px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:border-color .15s,color .15s}.tutorial-footer-btn:hover{border-color:var(--accent);color:var(--accent)}.tutorial-footer-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tutorial-footer-btn--cta{border-color:var(--accent);color:var(--accent);font-weight:700}.tutorial-footer-btn--cta:hover{background:var(--accent);color:var(--bg)}.tutorial-mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.tutorial-mode-card{display:flex;flex-direction:column;gap:6px;padding:16px 14px;border:1px solid var(--muted);border-radius:6px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.tutorial-mode-card:hover{border-color:var(--accent);box-shadow:0 0 12px var(--btn-primary-glow)}.tutorial-mode-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tutorial-mode-icon{font-size:1.4rem;line-height:1}.tutorial-mode-label{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--accent);text-transform:uppercase}.tutorial-mode-desc{font-size:.6rem;color:var(--text);line-height:1.5}.tutorial-mode-cats{font-size:.54rem;letter-spacing:.06em;color:var(--text);opacity:.7;margin-top:auto;padding-top:6px;border-top:1px solid var(--border)}@media(max-width:680px){.tutorial-mode-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.tutorial-mode-cards{grid-template-columns:1fr}}.tutorial-inner.tutorial-mode-select-active{max-width:960px}.tutorial-mode-select-active .tutorial-mode-cards{grid-template-columns:repeat(4,1fr)}@media(max-width:1000px){.tutorial-inner.tutorial-mode-select-active{max-width:780px}.tutorial-mode-select-active .tutorial-mode-cards{grid-template-columns:repeat(3,1fr)}.tutorial-mode-select-active .tutorial-mode-desc{display:none}}@media(max-width:680px){.tutorial-inner.tutorial-mode-select-active{max-width:92%}.tutorial-mode-select-active .tutorial-mode-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.tutorial-mode-select-active .tutorial-mode-cards{grid-template-columns:repeat(2,1fr)}.tutorial-mode-select-active .tutorial-mode-card{padding:10px 8px;gap:4px}}.tutorial-pacing-choice{display:flex;flex-direction:column;gap:var(--space-2, 16px);margin-top:var(--space-2, 16px)}.tutorial-pacing-option{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--muted);border-radius:8px;cursor:pointer;text-align:left;background:var(--surface);color:var(--text);font-family:var(--font-body, Inter, sans-serif);font-size:var(--text-sm, .875rem);transition:border-color .15s,box-shadow .15s}.tutorial-pacing-option:hover{border-color:var(--accent);box-shadow:0 0 12px var(--btn-primary-glow)}.tutorial-pacing-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tutorial-pacing-option strong{font-family:var(--font-display);font-size:var(--text-base, 1rem);font-weight:700;color:var(--accent)}.tutorial-pacing-option span{font-size:var(--text-xs, .75rem);color:var(--text-muted);line-height:1.4}#camera-dot.tutorial-camera-highlight{background:var(--accent);box-shadow:0 0 14px var(--accent),0 0 28px var(--accent);animation:tutorial-cam-pulse 1s ease-in-out infinite}@keyframes tutorial-cam-pulse{0%,to{box-shadow:0 0 14px var(--accent),0 0 28px var(--accent)}50%{box-shadow:0 0 20px var(--accent),0 0 40px var(--accent)}}.tutorial-tooltip{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--accent);border-radius:6px;padding:14px 20px;max-width:360px;margin:0 auto;text-align:center}.tutorial-tooltip-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--accent);text-transform:uppercase}.tutorial-tooltip-instruction{font-size:.7rem;line-height:1.5;color:var(--text)}.tutorial-summary{display:flex;flex-direction:column;gap:8px;margin:12px auto 0;max-width:400px;text-align:left}.tutorial-summary-row{display:flex;gap:12px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border)}.tutorial-summary-label{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;min-width:100px;flex-shrink:0}.tutorial-summary-instruction{font-size:.66rem;line-height:1.5;color:var(--text)}.tutorial-markup-indicator{min-height:60px;transition:opacity .3s ease}.tutorial-markup-indicator--fading{opacity:.3}.tutorial-tooltip--floating{animation:tutorial-tooltip-enter .3s ease}@keyframes tutorial-tooltip-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tutorial-nav-arrows{display:flex;justify-content:space-between;width:100%;margin-top:4px}.tutorial-nav-btn{background:transparent;border:2px solid var(--accent);color:var(--accent);width:36px;height:36px;font-size:1.2rem;line-height:1;border-radius:50%;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.tutorial-nav-btn:hover:not(:disabled){background:var(--accent);color:var(--bg)}.tutorial-nav-btn:disabled{opacity:.25;cursor:default}.tutorial-nav-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tutorial-feature-highlight{position:relative;z-index:201!important;box-shadow:0 0 0 3px var(--accent),0 0 20px var(--btn-primary-glow);border-radius:6px;transition:box-shadow .3s ease}.tutorial-ai-features{display:flex;flex-direction:column;gap:10px;margin:12px auto 0;max-width:460px;text-align:left}.tutorial-ai-feature{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border)}.tutorial-ai-feature:last-child{border-bottom:none}.tutorial-ai-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}.tutorial-ai-feature strong{display:block;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--accent);margin-bottom:2px}.tutorial-ai-feature span:not(.tutorial-ai-icon){font-size:.62rem;line-height:1.5;color:var(--text);opacity:.85}.tutorial-cta-box{margin-top:14px;padding:12px 16px;border:1px solid var(--accent);border-radius:6px;background:#7cffd40f}.tutorial-cta-text{font-size:.66rem;line-height:1.6;color:var(--text)}@media(prefers-reduced-motion:reduce){.tutorial-dot,.tutorial-mode-card{transition:none}#camera-dot.tutorial-camera-highlight,.tutorial-tooltip--floating{animation:none}.tutorial-markup-indicator,.tutorial-nav-btn,.tutorial-feature-highlight{transition:none}}.settings-section{padding:8px 0;border-bottom:1px solid var(--border)}.settings-section:last-of-type{border-bottom:none}.settings-section-title{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}.settings-section-desc{font-size:.68rem;line-height:1.6;color:var(--text);margin-bottom:10px}.settings-section--danger{border-top:1px solid var(--accent2);padding-top:12px;margin-top:4px}.modal-field-simple{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap .modal-input{flex:1;padding-right:36px}.password-toggle{position:absolute;right:6px;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;min-height:0}.password-toggle:hover{color:var(--text)}.password-strength{display:flex;align-items:center;gap:6px;font-size:.6rem;margin-top:2px}.password-strength-bar{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:width .2s,background .2s}.password-strength--weak .password-strength-fill{width:33%;background:var(--accent2)}.password-strength--weak span{color:var(--accent2)}.password-strength--fair .password-strength-fill{width:66%;background:var(--pivot)}.password-strength--fair span{color:var(--pivot)}.password-strength--strong .password-strength-fill{width:100%;background:var(--accent)}.password-strength--strong span{color:var(--accent)}.auth-message{font-size:.65rem;line-height:1.5;margin-top:4px}.auth-message.error{color:var(--accent2)}.auth-message.success{color:var(--accent)}.auth-forgot-link{font-size:.62rem;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:4px}.auth-forgot-link:hover{color:var(--accent)}.auth-toggle-text{font-size:.62rem;color:var(--muted);text-align:center;margin:0}.verify-banner{grid-column:1 / -1;padding:6px 16px;background:#ffde5914;border-bottom:1px solid rgba(255,222,89,.2);display:flex;align-items:center;gap:12px;font-size:.68rem;color:var(--pivot)}.verify-banner-text{flex:1}.verify-banner-resend{font-size:.6rem;white-space:nowrap}.verify-banner-dismiss{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:0 4px;min-height:0}.verify-banner-dismiss:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){.password-strength-fill{transition:none}}.mode-picker-modal{width:820px;max-width:94vw;position:relative}.mode-picker-close{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:3px;transition:color .15s,background .15s}.mode-picker-close:hover{color:var(--text);background:var(--hover-overlay)}.mode-picker-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mode-picker-subtitle{font-size:.68rem;color:var(--muted);line-height:1.5;margin:0 0 6px}.mode-picker-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-card{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border:1px solid var(--border2);border-radius:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.mode-card:hover{border-color:var(--accent);box-shadow:0 0 12px var(--btn-primary-glow)}.mode-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mode-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 12px var(--btn-primary-glow)}.mode-card-icon{font-size:1.6rem;line-height:1}.mode-card-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--accent);text-transform:uppercase}.mode-card-desc{font-size:.66rem;color:var(--text);line-height:1.55}.mode-card-cats{font-size:.58rem;letter-spacing:.06em;color:var(--muted);margin-top:auto;padding-top:6px;border-top:1px solid var(--border)}@media(max-width:780px){.mode-picker-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.mode-picker-cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.mode-card{transition:none}}.templates-modal{width:560px;max-width:94vw;max-height:80vh;overflow-y:auto;position:relative}.templates-subtitle{font-size:.68rem;color:var(--muted);line-height:1.7;margin:0 0 14px}.templates-list{display:flex;flex-direction:column;gap:10px}.template-category-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.template-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border2);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.template-item:hover{border-color:var(--accent);background:var(--hover-overlay)}.template-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.template-item-info{flex:1;min-width:0}.template-item-name{font-size:.7rem;font-weight:600;color:var(--text);margin-bottom:2px}.template-item-preview{font-size:.6rem;color:var(--muted);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-item-placeholders{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.template-placeholder-tag{font-size:.54rem;padding:1px 6px;border-radius:3px;background:var(--accent-dim, rgba(255, 138, 0, .12));color:var(--accent);white-space:nowrap}.template-use-btn{flex-shrink:0;font-size:.6rem;padding:4px 10px;border:1px solid var(--accent);border-radius:4px;background:transparent;color:var(--accent);cursor:pointer;transition:background .15s,color .15s;align-self:center}.template-use-btn:hover{background:var(--accent);color:var(--bg)}@media(prefers-reduced-motion:reduce){.template-item,.template-use-btn{transition:none}}.context-modal{width:560px;max-width:92vw;max-height:85vh;overflow-y:auto;border-radius:var(--radius-md)}.context-mode-indicator{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}.context-form{display:flex;flex-direction:column;gap:8px;overflow:visible}.context-form .modal-textarea{min-height:80px;resize:vertical}.context-privacy-note{font-size:.56rem;color:var(--muted);line-height:1.5;margin:0;padding:6px 0;border-top:1px solid var(--border)}.context-scope-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0}.context-scope-option{display:flex;align-items:center;gap:5px;font-size:.64rem;color:var(--text);cursor:pointer}.context-scope-option input[type=radio]{accent-color:var(--accent);cursor:pointer}.context-scope-category-input{width:100%;margin-top:2px;font-size:.7rem}.context-choice{border-top:1px solid var(--border);padding-top:12px}.context-choice-prompt{font-size:.66rem;color:var(--text);line-height:1.6;margin:0 0 10px}.context-choice-actions{display:flex;gap:8px;flex-wrap:wrap}.context-select-scripts{border-top:1px solid var(--border);padding-top:12px}.context-select-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.context-select-list{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:4px;margin-bottom:10px}.context-select-item{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:.68rem;color:var(--text);border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.context-select-item:last-child{border-bottom:none}.context-select-item:hover{background:var(--hover-overlay)}.context-select-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.context-select-item-cat{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:auto;flex-shrink:0}.context-loading{display:flex;align-items:center;gap:10px;padding:14px 0;font-size:.68rem;color:var(--muted)}.context-spinner{width:16px;height:16px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:context-spin .7s linear infinite}@keyframes context-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.context-spinner{animation:none;border-top-color:var(--accent);opacity:.7}}.context-error{padding:10px 0}.context-error p{font-size:.66rem;color:var(--accent2);line-height:1.6;margin:0 0 8px}.revert-bar{padding:8px 14px;border-bottom:1px solid var(--border);background:var(--accent-bg-subtle)}.revert-btn{width:100%;font-size:.6rem;border-color:var(--accent-border-subtle);color:var(--accent)}.revert-btn:hover{border-color:var(--accent)}.panel-header-actions{display:flex;gap:6px;align-items:center}.panel-header-actions .btn{flex:1;text-align:center;font-size:.58rem;padding:3px 6px}#ai-generate-btn{font-size:.58rem;padding:3px 8px;color:var(--accent);border-color:var(--accent-border-subtle);background:var(--accent-bg-subtle)}#ai-generate-btn:hover{border-color:var(--accent);background:transparent}.modal-label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.field-upload-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:3px;color:var(--muted);background:transparent;border:1px solid var(--border2);border-radius:3px;cursor:pointer;transition:color .15s,border-color .15s;flex-shrink:0}.field-upload-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent-border-subtle)}.field-upload-btn:disabled{opacity:.5;cursor:not-allowed}.field-upload-icon{display:block;width:14px;height:14px}.field-upload-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.modal-field.drag-active .modal-textarea{border-color:var(--accent);border-style:dashed;background:var(--accent-bg-subtle)}.modal-field.field-extracting .modal-textarea{opacity:.55;pointer-events:none}.field-extract-status{min-height:0;font-size:.56rem;line-height:1.4;transition:color .2s}.field-extract-status:empty{display:none}.modal-field.field-extracting .field-extract-status{color:var(--muted)}.modal-field.field-has-error .field-extract-status{color:var(--accent2)}@media(prefers-reduced-motion:reduce){.field-upload-btn,.modal-field.drag-active .modal-textarea,.field-extract-status{transition:none}}.context-sliders-section{border-color:var(--border)}.context-sliders{display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px}.context-slider{display:grid;grid-template-columns:1fr;gap:4px}.context-slider-label{font-family:var(--font-mono);font-size:.76rem;color:var(--text)}.context-slider-row{display:flex;align-items:center;gap:8px}.context-slider-end{font-size:.6rem;color:var(--muted);white-space:nowrap;min-width:5em}.context-slider-end:last-of-type{text-align:right}.context-slider-input{flex:1;accent-color:var(--accent);cursor:pointer;height:6px}.context-slider-value{font-size:.7rem;font-family:var(--font-mono);color:var(--accent);min-width:1.6em;text-align:center}@media(prefers-reduced-motion:reduce){.modal-field-summary:before{transition:none}}.speak-btn{position:relative}.speak-btn.recording,.speak-btn.recording:hover{border-color:var(--accent2);color:var(--accent2)}.voice-recording-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent2);margin-right:4px;vertical-align:middle;animation:voice-pulse 1.2s ease-in-out infinite}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.voice-recording-dot{animation:none;opacity:1}}.voice-input-status{font-size:.6rem;color:var(--accent2);margin-left:6px}.speak-btn-unsupported{opacity:.35;cursor:not-allowed}.speak-btn-unsupported:hover{border-color:var(--border2);color:var(--muted)}#diff-view{display:none;position:fixed;inset:0;z-index:100;background:var(--overlay-bg);align-items:center;justify-content:center;flex-direction:column;padding:24px}.diff-title{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin:0 0 16px}.diff-panels{display:flex;gap:16px;width:100%;max-width:820px;flex:1;min-height:0;overflow:hidden}.diff-panel{flex:1;background:var(--surface);border:1px solid var(--border2);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.diff-panel-label{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 14px 6px;flex-shrink:0}.diff-panel-content{padding:8px 14px 14px;font-family:var(--font-mono);font-size:.72rem;line-height:1.8;color:var(--text);overflow-y:auto;flex:1}.diff-word-removed{background:#ff64502e;border-radius:2px;text-decoration:line-through;opacity:.7}.diff-word-added{background:#00d2b42e;border-radius:2px}.diff-actions{display:flex;gap:9px;justify-content:center;margin-top:16px;flex-shrink:0}@media(max-width:640px){.diff-panels{flex-direction:column}.diff-panel{max-height:40vh}}.pack-share-btn{background:none;border:1px solid var(--border);border-radius:3px;color:var(--muted);cursor:pointer;font-size:.72rem;line-height:1;padding:3px 6px;transition:color .15s,border-color .15s}.pack-share-btn:hover{border-color:var(--accent);color:var(--accent)}.share-pack-info{color:var(--text);font-size:.8rem;margin:0 0 4px}.share-privacy-note{color:var(--muted);font-size:.72rem;margin:0 0 16px}.share-context-choice{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text);margin-bottom:12px;cursor:pointer}.share-context-choice input[type=checkbox]{cursor:pointer}.share-context-note{color:var(--muted);font-size:.66rem}.share-link-wrap{display:flex;gap:8px;margin-bottom:8px}.share-link-input{flex:1;font-size:.72rem;-webkit-user-select:all;user-select:all}.share-limit-info{color:var(--muted);font-size:.72rem;margin:2px 0 12px;line-height:1.5}.share-upgrade-link{color:var(--accent);cursor:pointer;text-decoration:none;white-space:nowrap}.share-upgrade-link:hover{text-decoration:underline}.share-error-text{color:var(--accent2);font-size:.8rem;line-height:1.5;margin:0 0 12px}.import-modal{width:380px}.import-pack-name{color:var(--text);font-size:1rem;font-weight:600;margin:0}.import-sender{color:var(--muted);font-size:.76rem;margin:0}.import-sender:empty{display:none}.import-modal .modal-actions{margin-top:4px}.import-success-text{color:var(--text);font-size:.84rem;line-height:1.5;margin:0 0 16px}#liveqa-bar{grid-column:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:6px 0;min-height:32px}#liveqa-ready-actions{display:flex;align-items:center;gap:10px}.liveqa-btn{padding:5px 16px;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border2);border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;background:transparent;color:var(--muted)}.liveqa-btn:hover{color:var(--text);border-color:var(--text)}.liveqa-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.liveqa-record{color:var(--text);border-color:var(--border2)}.liveqa-update{color:var(--accent);border-color:var(--accent);font-size:var(--text-2xs)}.liveqa-update:hover{background:var(--accent);color:var(--btn-primary-text)}.liveqa-update:disabled{opacity:.6;cursor:default}.liveqa-stop{background:var(--accent2);color:var(--btn-primary-text);border-color:var(--accent2);font-weight:600;display:inline-flex;align-items:center;gap:6px}.liveqa-stop:hover{color:var(--btn-primary-text);filter:brightness(1.1)}.liveqa-rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3b30;animation:rec-pulse 1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.liveqa-answer{background:var(--accent);color:var(--btn-primary-text);border-color:var(--accent);font-weight:600;font-size:.72rem;padding:6px 20px}.liveqa-answer:hover{color:var(--btn-primary-text);filter:brightness(1.1)}.liveqa-secondary{color:var(--muted);border-color:var(--border2);font-size:.62rem}.liveqa-link{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;padding:2px 8px;text-decoration:underline;text-underline-offset:2px}.liveqa-link:hover{color:var(--text)}.liveqa-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#liveqa-answering-bar{display:flex;align-items:center;gap:10px;max-width:80%}.liveqa-dim-question{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.liveqa-dim-question:before{content:"Q: ";font-weight:600}.liveqa-status{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);letter-spacing:.06em}.liveqa-rating{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.liveqa-rating-label{font-family:var(--font-mono);font-size:.56rem;color:var(--muted);letter-spacing:.04em}.liveqa-rating-btn{background:none;border:1px solid var(--border2);border-radius:999px;padding:4px 8px;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;min-height:32px;transition:color var(--transition-normal, .15s),border-color var(--transition-normal, .15s),background var(--transition-normal, .15s)}.liveqa-rating-btn:hover{color:var(--text);border-color:var(--text)}.liveqa-rating-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.liveqa-rating-btn.selected{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.liveqa-rating-thanks{font-family:var(--font-mono);font-size:.56rem;color:var(--accent);letter-spacing:.04em}.liveqa-history-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.liveqa-history-toggle{font-size:.54rem;text-decoration:none;opacity:.7}.liveqa-history-toggle:hover{opacity:1}.liveqa-history-list{font-family:var(--font-mono);font-size:.54rem;color:var(--muted);max-height:120px;overflow-y:auto;width:100%;max-width:500px;padding:4px 0}.liveqa-history-entry{display:flex;align-items:center;gap:6px;padding:2px 8px;border-bottom:1px solid var(--border2);line-height:1.6}.liveqa-history-entry:last-child{border-bottom:none}.liveqa-history-index{color:var(--accent);font-weight:600;min-width:20px}.liveqa-history-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liveqa-history-meta{color:var(--muted);opacity:.6;white-space:nowrap}.liveqa-history-rating{cursor:pointer;background:none;border:none;padding:0 2px;font-size:.6rem;color:var(--muted)}.liveqa-history-rating.rated{color:var(--accent)}.liveqa-history-rating:hover{color:var(--text)}.liveqa-history-rating:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.liveqa-history-save{cursor:pointer;background:none;border:1px solid var(--border);border-radius:var(--radius-xs, 4px);padding:0 4px;font-size:.6rem;color:var(--muted);transition:color var(--transition-fast),border-color var(--transition-fast)}.liveqa-history-save:hover{color:var(--accent);border-color:var(--accent)}.liveqa-history-save.saved{color:var(--muted);opacity:.5;cursor:default}.liveqa-history-save:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.liveqa-save,.liveqa-followup{font-size:var(--text-xs, .75rem);padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.liveqa-save:hover,.liveqa-followup:hover{border-color:var(--accent);background:var(--bg)}.liveqa-save:disabled{opacity:.5;cursor:default}.liveqa-save:focus-visible,.liveqa-followup:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.faq-panel{padding:var(--space-1, 4px) var(--space-3, 12px);border-bottom:1px solid var(--border)}.faq-toggle{background:none;border:none;color:var(--text);font-size:var(--text-xs, .75rem);font-weight:500;cursor:pointer;padding:var(--space-1, 4px) 0}.faq-toggle:hover{color:var(--accent)}.faq-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.faq-count{color:var(--muted);margin-left:var(--space-1, 4px)}.faq-list{display:flex;flex-wrap:wrap;gap:var(--space-1, 4px);padding:var(--space-1, 4px) 0}.faq-question-btn{font-size:var(--text-xs, .75rem);padding:var(--space-1, 4px) var(--space-2, 8px);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--transition-fast);max-width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faq-question-btn:hover{border-color:var(--accent)}.faq-question-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.liveqa-dz-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;background:var(--bg)}#liveqa-transcript-overlay{font-family:var(--font-mono);font-size:.9rem;color:var(--text);text-align:center;padding:20px 30px;line-height:1.5;opacity:.85}#liveqa-ready-overlay{gap:16px;padding:10px 20px}.liveqa-question-text{font-family:var(--font-mono);font-size:.82rem;color:var(--text);text-align:center;line-height:1.5;max-width:60%;margin:0}.liveqa-prep-status{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);letter-spacing:.04em}.liveqa-prep-status.ready{color:var(--accent)}.settings-toggle-label{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.68rem;color:var(--text);cursor:pointer}@media(prefers-reduced-motion:reduce){.liveqa-rec-dot{animation:none}}.context-btn{display:flex;align-items:center;gap:5px;font-size:.62rem}.context-indicator{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.context-indicator.empty{border:1.5px dashed var(--muted);background:transparent}.context-indicator.filled{background:var(--accent);border:none}.context-indicator.prepared{background:var(--accent);border:none;box-shadow:0 0 4px var(--accent)}.context-editor-guidance{background:#e0a0201f;border:1px solid var(--warn, #e0a020);border-radius:6px;padding:10px 14px;margin-bottom:12px;font-size:.72rem;color:var(--text);line-height:1.5}.context-editor-link{display:inline;margin-left:.5em;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:inherit}.context-editor-link:hover{opacity:.8}.liveqa-model-toggle{display:flex;flex-direction:column;gap:6px;margin-top:6px}.liveqa-model-option{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text);cursor:pointer}.liveqa-model-option input[type=radio]{accent-color:var(--accent)}#script-player{display:flex;flex-direction:column;grid-column:3;grid-row:2 / -1;background:var(--surface2);border-left:1px solid var(--border);overflow:hidden;z-index:1}.script-player-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.script-player-title{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#script-player-content{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);line-height:1.7;font-size:.72rem;color:var(--text);scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){#script-player-content{scroll-behavior:auto}}.script-player-placeholder{font-family:var(--font-body);font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-relaxed);font-style:italic}.script-player-word{display:inline;cursor:pointer;border-radius:2px;padding:1px 0;transition:background .1s}.script-player-word:hover{background:var(--hover-overlay-strong)}.script-player-word:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.script-player-word.current-word{background:var(--accent-bg-subtle);color:var(--accent);border-bottom:2px solid var(--accent)}.script-player-markup{display:inline;color:var(--muted);opacity:.5;font-size:.9em}.script-player-structural-prefix{display:none}.script-player-header-word{font-weight:var(--weight-bold);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:1.15em}.script-player-bullet-word{color:var(--accent)}.script-player-word.loop-range{background:rgba(var(--accent-rgb, 100, 200, 220),.15);border-bottom:2px solid var(--accent)}.script-player-word.loop-start{background:rgba(var(--accent-rgb, 100, 200, 220),.25);border-bottom:2px dashed var(--accent)}.loop-toggle-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;padding:3px 5px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s;min-height:0}.loop-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.loop-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.loop-toggle-btn.loop-toggle-selecting{border-color:var(--accent);color:var(--accent);animation:loop-pulse 1s ease-in-out infinite}.loop-toggle-btn.loop-toggle-active{background:var(--accent);color:var(--surface);border-color:var(--accent)}@keyframes loop-pulse{0%,to{opacity:1}50%{opacity:.5}}#error-toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:10000;display:flex;flex-direction:column-reverse;gap:var(--space-2);pointer-events:none;max-width:400px}.error-toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:var(--text-xs);color:var(--text);pointer-events:auto;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.error-toast--visible{opacity:1;transform:translateY(0)}.error-toast--exiting{opacity:0;transform:translateY(8px)}.error-toast--warning{border-left:3px solid #f59e0b}.error-toast--error{border-left:3px solid var(--accent2, #ef4444)}.error-toast--critical{border-left:3px solid #dc2626;background:color-mix(in srgb,var(--surface) 95%,#dc2626)}.error-toast-icon{flex-shrink:0;font-size:var(--text-sm)}.error-toast--warning .error-toast-icon{color:#f59e0b}.error-toast--error .error-toast-icon{color:var(--accent2, #ef4444)}.error-toast--critical .error-toast-icon{color:#dc2626}.error-toast-message{flex:1;line-height:1.4}.error-toast-action{flex-shrink:0;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--accent);font-size:var(--text-2xs);cursor:pointer;white-space:nowrap;transition:background .15s}.error-toast-action:hover{background:var(--border)}.error-toast-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-toast-dismiss{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary, var(--text));opacity:.5;cursor:pointer;font-size:var(--text-sm);border-radius:var(--radius-sm);padding:0;transition:opacity .15s}.error-toast-dismiss:hover{opacity:1}.error-toast-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px;opacity:1}@media(prefers-reduced-motion:reduce){.error-toast,.error-toast--exiting{transition:none}}@media(max-width:768px){body{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto 1fr}#side-panel,#side-panel.collapsed,#script-player{display:none}#top-widget-bar,#display-zone,#liveqa-bar,#progress-bar-wrap,#player-controls,#content{grid-column:1}}.walkthrough-overlay{position:fixed;inset:0;z-index:500;background:#00000073;pointer-events:auto}.walkthrough-highlight{position:relative;z-index:501!important;box-shadow:0 0 0 4px var(--accent),0 0 16px #6366f140;border-radius:var(--radius-sm, 6px)}.walkthrough-bubble{position:fixed;z-index:503;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:var(--space-3, 24px);max-width:360px;width:90%;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .3))}.walkthrough-bubble-title{font-family:var(--font-display, Inter, sans-serif);font-size:var(--text-base, 1rem);font-weight:var(--weight-semibold, 600);color:var(--text);margin:0 0 var(--space-1, 8px)}.walkthrough-bubble-desc{font-size:var(--text-sm, .875rem);color:var(--text-muted);margin:0 0 var(--space-3, 24px);line-height:1.5}.walkthrough-bubble-nav{display:flex;gap:var(--space-2, 16px);align-items:center;justify-content:space-between}.walkthrough-bubble-counter{font-size:var(--text-xs, .75rem);color:var(--text-muted)}.walkthrough-bubble-skip{background:none;border:none;color:var(--text-muted);text-decoration:underline;cursor:pointer;font-size:var(--text-xs, .75rem);padding:0}.walkthrough-bubble-skip:hover,.walkthrough-bubble-skip:focus{color:var(--text)}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--surface);border-top:1px solid var(--border2);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-lg)}.consent-banner-inner{max-width:800px;margin:0 auto}.consent-banner-text{font-size:var(--text-sm);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.consent-banner-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.consent-btn{font-size:var(--text-sm);padding:var(--space-1) var(--space-4)}.consent-manage-btn{color:var(--muted);background:none;border:1px solid var(--border2)}.consent-manage-btn:hover{color:var(--text);border-color:var(--accent)}.consent-manage-panel{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.consent-toggle-label{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text);cursor:pointer;line-height:var(--leading-normal)}.consent-toggle-input{margin-top:3px;accent-color:var(--accent);flex-shrink:0}.consent-toggle-disabled{color:var(--muted)}.consent-manage-actions{margin-top:var(--space-2)}.legal-modal{width:640px;max-height:85vh;overflow-y:auto}.legal-draft-notice{font-size:var(--text-xs);color:var(--accent2);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-3);background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:var(--radius-sm);line-height:var(--leading-relaxed)}.legal-content{font-size:var(--text-sm);color:var(--text);line-height:var(--leading-relaxed)}.legal-content h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--accent);margin-top:var(--space-5);margin-bottom:var(--space-2)}.legal-content h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);margin-top:var(--space-3);margin-bottom:var(--space-1)}.legal-content p{margin-bottom:var(--space-2)}.legal-content ul{padding-left:var(--space-5);margin-bottom:var(--space-2)}.legal-content li{margin-bottom:var(--space-1)}.legal-content a{color:var(--accent);text-decoration:underline}.legal-content a:hover{color:var(--text)}.legal-table{width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:var(--text-xs)}.legal-table th,.legal-table td{padding:var(--space-2);text-align:left;border:1px solid var(--border);vertical-align:top}.legal-table th{background:var(--surface2);font-weight:var(--weight-semibold);color:var(--accent)}.legal-table td a{color:var(--accent);text-decoration:underline;word-break:break-all}.app-footer{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface);border-top:1px solid var(--border);font-size:var(--text-2xs)}.consent-banner-visible .app-footer{display:none}.footer-link{color:var(--muted);text-decoration:none;transition:color .15s}.footer-link:hover,.footer-link:focus-visible{color:var(--accent);text-decoration:underline}.footer-link-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer}.footer-separator{color:var(--border2)}#display-zone{grid-column:2;padding:var(--space-4) var(--space-5) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(180deg,var(--display-zone-bg) 70%,transparent);flex-shrink:0;position:relative;z-index:10}#camera-hint{display:flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--muted);letter-spacing:.15em;text-transform:uppercase}#camera-dot{width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 7px var(--accent2);animation:pulse-cam 2.5s ease-in-out infinite}@keyframes pulse-cam{0%,to{opacity:1}50%{opacity:.3}}#word-display{display:flex;align-items:baseline;justify-content:center;font-family:Unbounded,sans-serif;font-size:var(--word-size);font-weight:700;letter-spacing:-.02em;line-height:1;position:relative;min-width:50%;min-height:calc(var(--word-size) * 1.15);transition:font-size .1s}#word-before{color:var(--text)}#word-pivot{color:var(--pivot);position:relative}#word-after{color:var(--text)}#word-pivot:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:2px;height:5px;background:var(--pivot);border-radius:1px}#word-display:before{content:"";position:absolute;top:-5px;bottom:-5px;left:50%;width:1px;background:var(--focus-ring)}#word-display.markup-peak #word-before,#word-display.markup-peak #word-pivot,#word-display.markup-peak #word-after,#word-display.markup-bold #word-before,#word-display.markup-bold #word-pivot,#word-display.markup-bold #word-after{color:var(--emphasis-peak)}#word-display.markup-whisper #word-before,#word-display.markup-whisper #word-pivot,#word-display.markup-whisper #word-after{font-size:calc(var(--word-size) * .65)}#word-display.markup-fast #word-before,#word-display.markup-fast #word-pivot,#word-display.markup-fast #word-after,#word-display.markup-italic #word-before,#word-display.markup-italic #word-pivot,#word-display.markup-italic #word-after{color:var(--accent);font-style:italic}#word-display.markup-slow #word-before,#word-display.markup-slow #word-pivot,#word-display.markup-slow #word-after{letter-spacing:.15em}#word-display.markup-beat #word-pivot{color:var(--emphasis-peak)}#word-display.markup-header #word-before,#word-display.markup-header #word-pivot,#word-display.markup-header #word-after{color:var(--accent);text-transform:uppercase;letter-spacing:.08em}#word-display.markup-bullet #word-before,#word-display.markup-bullet #word-pivot,#word-display.markup-bullet #word-after{color:var(--accent)}@keyframes flash-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.word-flash{animation:flash-in .07s ease-out forwards}#word-display.preview-state{opacity:.8;letter-spacing:.02em}#word-display.countdown-active{opacity:.6;letter-spacing:.05em}@media(prefers-reduced-motion:reduce){#word-display.countdown-active.word-flash{animation:none}}#markup-legend{display:none}#upcoming{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:580px;min-height:20px}.upcoming-word{font-size:.7rem;color:var(--muted);font-weight:300;letter-spacing:.04em}.upcoming-word.next{color:var(--text);opacity:.85}#progress-bar-wrap{grid-column:2;width:100%;height:2px;background:var(--border);flex-shrink:0;position:relative;z-index:10}#progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--pivot));width:0%;transition:width .15s linear;box-shadow:0 0 6px var(--accent)}.mobile-panel-toggle,.mobile-bottom-nav,#mobile-fullscreen-btn{display:none}.mobile-panel-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:79;opacity:0;transition:opacity .2s ease;pointer-events:none}.mobile-panel-overlay.visible{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.mobile-panel-overlay{transition:none}}@media(max-width:1024px)and (min-width:769px){body{grid-template-columns:200px 1fr 200px}}@media(max-width:768px){body{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto 1fr auto;height:100vh;height:100dvh;overflow:hidden}#top-widget-bar,#display-zone,#liveqa-bar,#progress-bar-wrap,#player-controls,#content{grid-column:1}#top-widget-bar{padding:var(--space-1) var(--space-2);gap:var(--space-1)}#top-widget-bar #app-title{font-size:.56rem;margin-right:var(--space-1)}#top-widget-bar #tour-btn{display:none}.mobile-panel-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;background:transparent;border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s;padding:0;flex-shrink:0}.mobile-panel-toggle:hover,.mobile-panel-toggle:focus-visible{color:var(--accent);border-color:var(--accent)}.mobile-panel-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-panel-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-panel-toggle.active{color:var(--accent);border-color:var(--accent);background:var(--accent-bg-subtle)}#mobile-fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;background:transparent;border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s;padding:0;flex-shrink:0}#mobile-fullscreen-btn:hover,#mobile-fullscreen-btn:focus-visible{color:var(--accent);border-color:var(--accent)}#mobile-fullscreen-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#side-panel,#side-panel.collapsed{display:flex;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:80;transform:translate(-100%);transition:transform .25s ease;border-right:1px solid var(--border);grid-column:unset;grid-row:unset}#side-panel.mobile-open{transform:translate(0)}#script-player{display:flex;position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;z-index:80;transform:translate(100%);transition:transform .25s ease;border-left:1px solid var(--border);grid-column:unset;grid-row:unset}#script-player.mobile-open{transform:translate(0)}.mobile-panel-overlay{display:block}@media(prefers-reduced-motion:reduce){#side-panel,#side-panel.collapsed,#script-player{transition:none}}#display-zone{padding:var(--space-3) var(--space-3) var(--space-2);min-height:100px}:root{--word-size: clamp(1.5rem, 8vw, 3.2rem)}#camera-hint{font-size:.52rem;gap:5px}#upcoming{max-width:100%;gap:8px}.upcoming-word{font-size:.62rem}#player-controls{padding:6px 10px;gap:8px}#player-controls .btn{min-height:44px;min-width:44px;padding:var(--space-2) var(--space-3);font-size:.7rem}.kbd-hint{display:none}.pacing-mode-option{min-height:36px;padding:6px 14px;font-size:.6rem}input[type=range]{width:80px;height:6px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}#editor-zone{padding:var(--space-1) var(--space-2) var(--space-2);gap:var(--space-1)}.editor-header{flex-wrap:wrap;gap:4px}#editor-toolbar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px}#editor-toolbar::-webkit-scrollbar{display:none}.markup-toolbar-btn{flex-shrink:0;min-height:36px;padding:var(--space-1) var(--space-2)}textarea{font-size:16px;min-height:120px}#liveqa-bar{padding:4px 10px;gap:6px;flex-wrap:wrap}.liveqa-btn{min-height:44px;padding:8px 14px;font-size:.68rem}.modal{width:95vw;max-width:95vw;max-height:90vh;padding:var(--space-3)}.modal h2{font-size:var(--text-base)}.modal-actions{flex-wrap:wrap}.modal-actions .btn{min-height:44px;flex:1;min-width:100px}.context-modal{width:95vw;max-width:95vw}.mode-picker-cards{grid-template-columns:1fr}.mode-card{min-height:44px}.mobile-bottom-nav{display:flex;grid-column:1;align-items:center;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);padding:4px 0;padding-bottom:max(4px,env(safe-area-inset-bottom));z-index:30;flex-shrink:0}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:6px 12px;min-width:60px;min-height:44px;border-radius:var(--radius-sm);transition:color .15s;-webkit-tap-highlight-color:transparent}.mobile-nav-btn:hover,.mobile-nav-btn:focus-visible{color:var(--accent)}.mobile-nav-btn.active{color:var(--accent)}.mobile-nav-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-nav-label{font-family:var(--font-body);font-size:.5rem;font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase}#guide-panel{max-height:250px}.guide-markup-table{font-size:.58rem}.guide-markup-table th,.guide-markup-table td{padding:4px 6px}#settings-btn .settings-btn-text{display:none}}body.mobile-fullscreen #top-widget-bar,body.mobile-fullscreen #liveqa-bar,body.mobile-fullscreen #content,body.mobile-fullscreen .mobile-bottom-nav,body.mobile-fullscreen #progress-bar-wrap{display:none}body.mobile-fullscreen{grid-template-rows:1fr auto}body.mobile-fullscreen #display-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);min-height:0}body.mobile-fullscreen #display-zone #word-display{font-size:clamp(2rem,12vw,5rem)}body.mobile-fullscreen #player-controls{grid-column:1;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom))}body.mobile-fullscreen #mobile-fullscreen-btn{display:inline-flex}body.mobile-fullscreen #player-controls .btn{min-height:48px;min-width:48px;font-size:.8rem}body.mobile-fullscreen #progress-bar-wrap{display:block;position:fixed;top:0;left:0;right:0;z-index:50}@media(max-width:380px){#top-widget-bar{padding:var(--space-1)}#player-controls{padding:4px 6px;gap:6px}.pacing-mode-option{padding:4px 8px;font-size:.54rem}.ctrl-label{display:none}input[type=range]{width:60px}#display-zone{padding:var(--space-2) var(--space-2) var(--space-1)}}@media(max-width:768px)and (orientation:landscape){#display-zone{padding:var(--space-1) var(--space-3)}#camera-hint{font-size:.48rem}#upcoming{display:none}body.mobile-fullscreen #display-zone{padding:var(--space-2) var(--space-6)}body.mobile-fullscreen #display-zone #word-display{font-size:clamp(1.8rem,8vw,3.5rem)}}@media(pointer:coarse){.btn{min-height:38px;min-width:38px}.script-item{min-height:40px;padding-top:8px;padding-bottom:8px}.pack-selector{min-height:36px;font-size:var(--text-xs)}.pack-action-btn{min-height:32px;min-width:32px;font-size:.62rem;padding:4px 8px}.cat-action-btn{min-height:32px;min-width:32px;padding:4px 6px}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media(max-width:768px){.mobile-bottom-nav{padding-bottom:max(4px,env(safe-area-inset-bottom))}body.mobile-fullscreen #player-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))}}}