*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#070912;--bg-secondary:#101521;--bg-tertiary:#191f2e;--bg-hover:#20283a;--surface-editor:#0f1420eb;--surface-input:#171d2b;--surface-prompter:#020305;--border:#ffffff17;--border-light:#ffffff29;--text-primary:#f7f8fa;--text-secondary:#aab3c3;--text-muted:#707b90;--accent:#65e6c5;--accent-strong:#38d7b0;--accent-dim:#65e6c521;--blue:#7aa7ff;--danger:#ff5d75;--warning:#ffbd59;--radius-sm:9px;--radius-md:14px;--radius-lg:22px;--radius-xl:30px;--radius-full:999px;--shadow-lg:0 24px 70px #0000006b;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font-sans:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#edf1f6;--bg-secondary:#fff;--bg-tertiary:#eef2f7;--bg-hover:#e7ecf3;--surface-editor:#fffffff0;--surface-input:#f0f3f8;--border:#131c2c1a;--border-light:#131c2c2e;--text-primary:#111827;--text-secondary:#4b5565;--text-muted:#7c8799}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #65e6c561}#app{background:radial-gradient(circle at 12% 0%, #456bc724, transparent 34%), var(--bg-primary);flex-direction:column;height:100dvh;display:flex}.app-header{flex:none;justify-content:space-between;align-items:center;height:64px;padding:10px 18px;display:flex}.header-left,.header-right,.header-title-group,.panel-actions,.editor-toolbar-row,.editor-bottom-actions,.editor-stats,.setting-control,.lang-selector{align-items:center;display:flex}.header-left{gap:11px}.header-right{gap:6px}.header-mode-label-mobile{display:none}.header-mode-button{border-color:var(--border);background:var(--surface-input);min-width:74px;padding:6px 12px;font-size:12px}.header-mode-button.active{color:var(--accent);background:linear-gradient(135deg,#65e6c52b,#6791ff1a);border-color:#65e6c58c;box-shadow:0 0 20px #65e6c514}.header-mode-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.header-mode-button.active .header-mode-dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.header-account-button{padding-inline:10px}.account-status-dot{background:var(--warning);border-radius:50%;width:8px;height:8px}.account-status-dot.cloud{background:var(--accent);box-shadow:0 0 9px #65e6c58c}.header-logo{color:#06130f;background:linear-gradient(140deg, var(--accent), #7ea2ff);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 10px 25px #65e6c52e}.header-title-group{flex-direction:column;align-items:flex-start;line-height:1.2}.header-title{letter-spacing:-.02em;font-size:16px;font-weight:760}.header-subtitle{color:var(--text-muted);font-size:11px}.app-content{flex:1;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:14px;min-height:0;padding:0 14px 14px;display:grid}.main-panel{min-width:0;min-height:0;display:flex}.editor-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-editor);min-width:0;min-height:0;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);flex-direction:column;display:flex;overflow:hidden}.editor-panel-header,.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:54px;padding:12px 16px;display:flex}.editor-panel-header h2,.panel-header h2{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:13px;font-weight:700}.editor-panel-body{flex-direction:column;flex:1;gap:11px;min-height:0;padding:14px;display:flex;overflow-y:auto}.mobile-editor-intro{align-items:center;gap:11px;padding:4px 2px 2px;display:none}.mobile-editor-intro strong{font-size:17px;display:block}.mobile-editor-intro p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.mobile-step{background:var(--accent-dim);width:32px;height:32px;color:var(--accent);border-radius:11px;flex:none;place-items:center;font-weight:800;display:grid}.script-link-notice{color:var(--accent);background:#65e6c514;border:1px solid #65e6c547;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45}.script-link-notice.invalid{color:var(--warning);background:#ffbd5914;border-color:#ffbd594d}.editor-toolbar-row,.editor-bottom-actions{flex-wrap:wrap;gap:7px}.editor-title-input,.editor-textarea{border-radius:var(--radius-md);background:var(--surface-input);width:100%;color:var(--text-primary);border:1px solid #0000;outline:none;transition:border-color .16s,background .16s}.editor-title-input{padding:11px 13px;font-size:13px}.editor-textarea{resize:none;-webkit-user-select:text;user-select:text;flex:240px;min-height:180px;padding:15px;font-size:14px;line-height:1.65}.editor-title-input:focus,.editor-textarea:focus{background:var(--bg-tertiary);border-color:#65e6c5ad}.editor-title-input::placeholder,.editor-textarea::placeholder{color:var(--text-muted)}.editor-start-button{background:linear-gradient(135deg, var(--accent), #79a6ff);color:#06120f;cursor:pointer;border:0;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 12px;display:flex;box-shadow:0 15px 32px #65e6c52b}.editor-start-button:disabled{cursor:not-allowed;filter:saturate(.1);opacity:.42;box-shadow:none}.editor-start-icon{background:#ffffff6b;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.editor-start-button>span:nth-child(2){flex-direction:column;flex:1;align-items:flex-start;display:flex}.editor-start-button strong{font-size:16px}.editor-start-button small{opacity:.68}.editor-start-arrow{font-size:20px}.editor-stats{color:var(--text-muted);justify-content:space-between;font-size:11px}.editor-scripts-section{min-height:0}.editor-section-label,.panel-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;font-size:10px;font-weight:700}.editor-scripts-list,.script-list{flex-direction:column;gap:5px;max-height:140px;display:flex;overflow:auto}.editor-script-item,.script-item{background:var(--surface-input);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.editor-script-item.active,.script-item.active{color:var(--accent);background:var(--accent-dim);border-color:#65e6c570}.editor-script-item-name,.script-item-info{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.editor-script-open,.script-item-open{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0}.script-item-open{display:block}.editor-script-item-actions,.script-item-actions{gap:2px;display:flex}.editor-script-empty,.empty-state{color:var(--text-muted);text-align:center;padding:15px;font-size:12px}.btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:650;transition:transform .13s,background .13s,border-color .13s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:#ffffff06}.btn-ghost:hover,.btn-action:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-primary{color:#07120f;background:var(--accent)}.btn-danger{color:#fff;background:var(--danger)}.btn-action{color:var(--text-secondary);border-color:var(--border);background:var(--surface-input)}.btn-action.active,.btn-ghost.active{color:var(--accent);background:var(--accent-dim);border-color:#65e6c56b}.btn-sm{min-height:32px;padding:5px 9px;font-size:11px}.btn-icon{width:36px;min-width:36px;padding:0}.reader-shell{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-width:0;min-height:0;box-shadow:var(--shadow-lg);background:#05070b;grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}:-webkit-any(.reader-shell:fullscreen,.reader-shell:-webkit-full-screen){background:#05070b;border:0;border-radius:0;width:100vw;height:100dvh}:is(.reader-shell:fullscreen,.reader-shell:fullscreen){background:#05070b;border:0;border-radius:0;width:100vw;height:100dvh}.reader-stage{isolation:isolate;min-height:0;position:relative;overflow:hidden}.reader-stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#000000a8,#0000 13% 82%,#000000b3);position:absolute;inset:0}.reader-topbar{z-index:8;padding:calc(10px + var(--safe-top)) 11px 8px;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.reader-icon-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090c13a8;border:1px solid #ffffff1f;border-radius:14px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.reader-topbar-spacer{width:40px;height:40px}.reader-mode-pill{border-radius:var(--radius-full);color:#ffffffb8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;background:#080b11a3;border:1px solid #ffffff1a;align-items:center;gap:7px;max-width:60%;padding:7px 12px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.reader-mode-pill.voice-active{color:var(--accent);border-color:#65e6c561}.reader-live-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%;flex:none}.teleprompter-text-container{z-index:0;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.teleprompter-text-container::-webkit-scrollbar{display:none}.reader-leading-space{min-height:90px}.reader-trailing-space{height:75%;min-height:260px}.teleprompter-text{text-align:center;letter-spacing:.006em;overflow-wrap:anywhere;text-shadow:0 3px 22px #000000e6;width:80%;margin:0 auto;padding:0 12px;font-weight:720;transition:width .18s}.teleprompter-text p{margin:0 0 .52em}.teleprompter-text span{border-radius:.24em;transition:color .16s,background .16s,box-shadow .16s}.teleprompter-text.mirror{transform:scaleX(-1)}.teleprompter-text.flip{transform:scaleY(-1)}.teleprompter-text.mirror.flip{transform:scale(-1)}.teleprompter-empty{color:#ffffff61;text-align:center;place-items:center;height:100%;padding:40px;font-size:18px;display:grid}.reading-zone{z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000,#65e6c512,#0000);border:1px solid #65e6c54d;border-color:#65e6c54d #65e6c5b3;border-radius:20px;transition:top .18s,height .18s;position:absolute;left:5.5%;right:5.5%;transform:translateY(-50%);box-shadow:inset 0 0 30px #65e6c509,0 0 24px #65e6c50e}.reading-zone-notch{border-radius:var(--radius-full);background:var(--accent);width:4px;height:34px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 16px #65e6c5bf}.reading-zone-notch.left{left:-2px}.reading-zone-notch.right{right:-2px}.reader-progress{z-index:7;background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0}.reader-progress span{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--accent), #7ca8ff);height:100%;transition:width .18s linear;display:block}.voice-caption{z-index:7;border-radius:var(--radius-full);color:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#060a10bf;border:1px solid #65e6c54d;align-items:center;gap:8px;max-width:80%;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%)}.voice-caption span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.voice-caption small{color:var(--accent)}.voice-wave{color:var(--accent);font-size:20px;animation:1s ease-in-out infinite voicePulse}.reader-controls{z-index:9;padding:10px 12px calc(10px + var(--safe-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0b0f17f5}.reader-primary-actions{grid-template-columns:repeat(5,minmax(72px,1fr));gap:7px;display:grid}.reader-action{border:1px solid var(--border);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:54px;font-weight:800;display:flex}.reader-action span{font-size:12px}.reader-action.primary{color:#06130f;background:linear-gradient(135deg, var(--accent), #78a5ff);border-color:#0000;box-shadow:0 12px 28px #65e6c526}.reader-action.secondary{color:#ffffffb8;background:#ffffff0b}.reader-action.secondary.active{color:var(--accent);background:var(--accent-dim);border-color:#65e6c570}.reader-action:disabled{opacity:.34;cursor:not-allowed}.reader-settings-toggle{border:1px solid var(--border);width:100%;min-height:54px;color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffff09;border-radius:15px;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;transition:border-color .16s,background .16s;display:flex}.reader-settings-toggle:hover,.reader-settings-toggle[aria-expanded=true]{background:#65e6c50e;border-color:#65e6c54d}.reader-settings-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.reader-settings-title>span:last-child{gap:2px;min-width:0;display:grid}.reader-settings-title strong{color:var(--text-primary);font-size:12px}.reader-settings-title small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.reader-settings-icon{background:var(--surface-input);width:32px;height:32px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.reader-settings-mode{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);text-transform:uppercase;padding:5px 9px;font-size:9px;font-weight:800}.reader-settings-mode.pro{background:var(--accent-dim);color:var(--accent);border-color:#65e6c561}.reader-settings-chevron{width:20px;color:var(--text-muted);text-align:center}.reader-quick-settings{border:1px solid var(--border);background:#05080d99;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:38vh;margin-top:8px;padding:10px;display:grid;overflow-y:auto}.quick-setting-card{min-width:0;color:var(--text-muted);background:#ffffff06;border:1px solid #fff1;border-radius:13px;flex-direction:column;gap:8px;padding:10px 11px;font-size:11px;display:flex}.quick-setting-card>span{justify-content:space-between;gap:8px;display:flex}.reader-quick-settings b{color:var(--accent)}.quick-setting-card.quick-setting-toggle{flex-direction:row;justify-content:space-between;align-items:center}.quick-setting-toggle>span:first-child{gap:2px;display:grid}.quick-setting-toggle small{color:var(--text-muted);font-size:9px}.quick-setting-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick-setting-actions button{border:1px solid var(--border);min-height:42px;color:var(--text-secondary);cursor:pointer;background:#ffffff09;border-radius:12px;font-size:11px;font-weight:700}.quick-setting-actions button.active{background:var(--accent-dim);color:var(--accent);border-color:#65e6c566}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.panel-overlay{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:default;background:#0000009e;border:0;padding:0;position:fixed;inset:0}.panel{z-index:100;border-left:1px solid var(--border);background:var(--bg-secondary);width:min(400px,94vw);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0}.panel-right{right:0}.panel-left{left:0}.panel-body{flex:1;padding:16px;overflow-y:auto}.settings-panel{background:radial-gradient(circle at 100% 0%, #65e6c517, transparent 34%), var(--bg-secondary);border-left-color:#65e6c524;width:min(440px,96vw);height:100dvh;max-height:none;margin:0;padding:0;left:auto;right:0}.settings-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:14px 16px;display:flex}.settings-panel-heading,.settings-mode-copy,.settings-card-heading{align-items:center;gap:11px;min-width:0;display:flex}.settings-heading-icon{background:var(--accent-dim);width:38px;height:38px;color:var(--accent);border:1px solid #65e6c52e;border-radius:13px;flex:none;place-items:center;display:grid}.settings-panel-heading h2,.settings-card-heading h3{color:var(--text-primary);margin:0}.settings-panel-heading h2{font-size:16px}.settings-panel-heading p,.settings-card-heading p{color:var(--text-muted);margin:3px 0 0;font-size:10px}.settings-mode-card{background:linear-gradient(135deg,#65e6c512,#6f8fff0b);border:1px solid #65e6c529;border-radius:18px;gap:12px;margin:12px 16px 0;padding:13px;display:grid}.settings-mode-copy strong,.settings-mode-copy small{display:block}.settings-mode-copy strong{color:var(--text-primary);font-size:13px}.settings-mode-copy small{color:var(--text-muted);margin-top:2px;font-size:10px}.settings-mode-mark{background:var(--surface-input);width:32px;height:32px;color:var(--text-muted);border-radius:11px;flex:none;place-items:center;display:grid}.settings-mode-mark.pro{background:var(--accent-dim);color:var(--accent);box-shadow:0 0 18px #65e6c51f}.mode-segment,.choice-segment{border:1px solid var(--border);background:#03060a5c;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-segment button,.choice-segment button{min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:11px;font-weight:750}.mode-segment button.active,.choice-segment button.active{background:var(--surface-input);color:var(--text-primary);box-shadow:0 5px 16px #00000029}.mode-segment button.active.pro{background:var(--accent-dim);color:var(--accent)}.settings-panel-body{padding-top:12px}.settings-card{border:1px solid var(--border);background:#ffffff06;border-radius:17px;margin-bottom:10px;padding:14px}.settings-card-heading{margin-bottom:13px}.settings-card-heading>span:first-child{background:var(--surface-input);width:30px;height:30px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.settings-card-heading>div{flex:1;min-width:0}.settings-card-heading h3{font-size:13px}.premium-field{color:var(--text-muted);gap:7px;margin-top:11px;font-size:10px;font-weight:650;display:grid}.premium-field select{border:1px solid var(--border);background:var(--surface-input);width:100%;min-height:40px;color:var(--text-primary);cursor:pointer;border-radius:11px;outline:none;padding:0 12px}.premium-field select:focus{border-color:#65e6c580;box-shadow:0 0 0 3px #65e6c514}.premium-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.premium-toggle-row>span:first-child{gap:3px;min-width:0;display:grid}.premium-toggle-row strong{color:var(--text-secondary);font-size:12px}.premium-toggle-row small{color:var(--text-muted);font-size:9px}.premium-ranges{border-top:1px solid var(--border);gap:13px;margin-top:13px;padding-top:13px;display:grid}.premium-ranges label{color:var(--text-muted);gap:7px;font-size:10px;display:grid}.premium-ranges label>span{justify-content:space-between;gap:12px;display:flex}.premium-ranges b{color:var(--accent)}.pro-settings-card{background:linear-gradient(135deg,#65e6c50d,#6f8fff06);border-color:#65e6c533}.pro-chip{border-radius:var(--radius-full);background:var(--accent-dim);color:var(--accent);border:1px solid #65e6c540;padding:4px 7px;font-size:8px;font-weight:850}.pro-upgrade-card{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:linear-gradient(135deg,#65e6c514,#6f8fff0e);border:1px solid #65e6c533;border-radius:17px;grid-template-columns:auto minmax(0,1fr);gap:4px 11px;margin-bottom:10px;padding:14px;display:grid}.pro-upgrade-icon{background:var(--accent-dim);width:34px;height:34px;color:var(--accent);border-radius:11px;grid-row:span 2;place-items:center;display:grid}.pro-upgrade-card strong,.pro-upgrade-card small{display:block}.pro-upgrade-card strong{color:var(--text-primary);font-size:12px}.pro-upgrade-card small{color:var(--text-muted);margin-top:3px;font-size:9px;line-height:1.45}.pro-upgrade-card>span:last-child{color:var(--accent);grid-column:2;margin-top:5px;font-size:10px;font-weight:750}.hotkeys-card summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;list-style:none;display:grid}.hotkeys-card summary::-webkit-details-marker{display:none}.hotkeys-card summary>span:first-child{background:var(--surface-input);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.hotkeys-card summary strong,.hotkeys-card summary small{display:block}.hotkeys-card summary strong{color:var(--text-primary);font-size:12px}.hotkeys-card summary small{color:var(--text-muted);margin-top:2px;font-size:9px}.hotkeys-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;padding-top:13px;display:grid}.hotkeys-grid>div{min-width:0;color:var(--text-muted);align-items:center;gap:7px;font-size:9px;display:flex}.hotkeys-grid kbd{border:1px solid var(--border);background:var(--surface-input);min-width:32px;color:var(--text-secondary);text-align:center;border-radius:7px;padding:4px 6px;font-size:9px}.settings-reset-button{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:13px;font-size:10px}.settings-reset-button:hover{color:var(--danger);border-color:#ff5d7542}.panel-section{margin-bottom:24px}.setting-row{justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.setting-label{color:var(--text-secondary);font-size:13px}.panel-range-stack{border:1px solid var(--border);background:var(--surface-input);border-radius:14px;gap:14px;margin-top:10px;padding:13px;display:grid}.panel-range-stack label{color:var(--text-secondary);gap:7px;font-size:12px;display:grid}.panel-range-stack label>span{justify-content:space-between;display:flex}.panel-range-stack b{color:var(--accent)}.toggle-switch{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.toggle-switch input{opacity:0;position:absolute}.toggle-track{border-radius:var(--radius-full);background:var(--border-light);width:38px;height:22px;position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-track{background:var(--accent-strong)}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px)}.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.template-card{border:1px solid var(--border);background:var(--surface-input);color:var(--text-secondary);text-align:center;cursor:pointer;border-radius:13px;padding:13px}.template-card-icon{font-size:22px}.script-item-meta{color:var(--text-muted);font-size:10px}.account-panel .panel-header{align-items:flex-start}.account-panel .panel-header p{color:var(--text-muted);margin:3px 0 0;font-size:11px}.profile-card{border:1px solid var(--border);background:var(--surface-input);border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;display:grid}.profile-avatar{background:linear-gradient(135deg, var(--accent), #7aa7ff);color:#07120f;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.profile-card strong,.profile-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-card strong{font-size:13px}.profile-card div:nth-child(2) span{color:var(--text-muted);margin-top:2px;font-size:10px}.sync-badge{border-radius:var(--radius-full);color:var(--warning);text-transform:uppercase;background:#ffbd591f;padding:4px 7px;font-size:9px;font-weight:800}.sync-badge.online{background:var(--accent-dim);color:var(--accent)}.account-section{margin-top:22px}.account-section h3{margin:0 0 6px;font-size:16px}.account-section p{color:var(--text-secondary);margin:0 0 15px;font-size:12px;line-height:1.55}.account-email-field{color:var(--text-muted);gap:6px;margin-bottom:10px;font-size:11px;display:grid}.account-email-field input{border:1px solid var(--border);background:var(--surface-input);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:12px}.account-wide-button{width:100%}.account-message{color:var(--accent)!important;margin-top:10px!important}.cloud-setup-note{background:#ffbd590e;border:1px solid #ffbd5933;border-radius:17px;padding:16px}.account-checklist{color:var(--text-secondary);gap:7px;font-size:12px;display:grid}.account-checklist span:first-letter{color:var(--accent)}.video-recorder{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-height:0;box-shadow:var(--shadow-lg);background:#020305;position:relative;overflow:hidden}:-webkit-any(.video-recorder:fullscreen,.video-recorder:-webkit-full-screen){border:0;border-radius:0;width:100vw;height:100dvh}:is(.video-recorder:fullscreen,.video-recorder:fullscreen){border:0;border-radius:0;width:100vw;height:100dvh}.video-preview-container{background:#050505;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.video-camera-feed{object-fit:contain;background:#050505;width:100%;height:100%}.video-camera-feed.mirrored{transform:scaleX(-1)}.video-text-overlay-shell{z-index:4;width:86%;height:38%;min-height:140px;position:absolute;top:14%;left:50%;transform:translate(-50%)}.video-text-overlay{box-sizing:border-box;text-align:center;text-shadow:0 2px 12px #000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);scrollbar-width:none;overscroll-behavior:contain;border:1px solid #ffffff1f;border-radius:18px;width:100%;height:100%;padding:14px 16px;font-weight:760;line-height:1.45;overflow:hidden auto}.video-overlay-actions{z-index:2;gap:8px;display:flex;position:absolute;bottom:12px;left:12px}.video-overlay-actions button,.video-overlay-resize-handle{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a0fb8;border:1px solid #ffffff2b;border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.video-overlay-resize-handle{z-index:3;color:#fff;cursor:nwse-resize;touch-action:none;text-shadow:0 2px 6px #000000e6;background:0 0;border:0;position:absolute;bottom:4px;right:4px}.video-text-overlay::-webkit-scrollbar{display:none}.video-text-content{white-space:pre-wrap}.video-text-content p{margin:0 0 .9em}.video-text-content .active-word{color:#03110d;background:#65e6c5eb;border-radius:.24em;margin-inline:-.06em;padding:.04em .14em;box-shadow:0 0 18px #65e6c552}.video-text-content:after{content:"";height:clamp(100px,24vh,260px);display:block}.video-topbar{top:calc(12px + var(--safe-top));z-index:7;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.video-format-picker{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06090ebd;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex}.video-format-picker button{color:#ffffff9e;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:32px;padding:4px 11px;font-size:11px;font-weight:750}.video-format-picker button.active{color:var(--accent);background:linear-gradient(135deg,#65e6c540,#6f8fff26)}.video-format-picker button:disabled{opacity:.45;cursor:not-allowed}.video-output-badge{color:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06090eb3;border:1px solid #ffffff1c;border-radius:12px;gap:1px;min-width:0;padding:6px 10px;display:grid}.video-output-badge strong,.video-output-badge span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-output-badge strong{font-size:10px}.video-output-badge span{color:#ffffff75;font-size:8px}.video-live-timer{color:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-variant-numeric:tabular-nums;white-space:nowrap;background:#06090eb3;border:1px solid #ffffff1c;border-radius:12px;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:10px;font-weight:760;display:inline-flex}.video-live-timer>span{background:#ffffff47;border-radius:50%;width:6px;height:6px}.video-live-timer.recording>span{background:var(--danger);animation:1.25s ease-in-out infinite recordPulse;box-shadow:0 0 10px #ff5d75d9}.video-settings-button{color:#ffffffc7;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06090eb8;border:1px solid #ffffff21;border-radius:13px;align-items:center;gap:6px;min-height:42px;margin-left:auto;padding:0 13px;font-size:11px;font-weight:750;display:inline-flex}.video-settings-button.active{color:var(--accent);background:#65e6c524;border-color:#65e6c56b}.video-settings-sheet{left:14px;right:14px;bottom:calc(104px + var(--safe-bottom));z-index:8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080c13eb;border:1px solid #65e6c52e;border-radius:20px;max-height:min(54vh,520px);padding:14px;position:absolute;overflow-y:auto;box-shadow:0 24px 70px #0000007a}.video-settings-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.video-settings-header>div:first-child{min-width:0}.video-settings-header strong,.video-settings-header small{display:block}.video-settings-header strong{color:#fff;font-size:13px}.video-settings-header small{color:#ffffff6b;margin-top:2px;font-size:9px}.video-mode-segment,.video-choice-segment,.video-delay-options{background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:3px;display:grid}.video-mode-segment button,.video-choice-segment button,.video-delay-options button{color:#ffffff85;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:30px;padding:3px 9px;font-size:9px;font-weight:750}.video-mode-segment button.active,.video-choice-segment button.active,.video-delay-options button.active{color:#fff;background:#ffffff17}.video-mode-segment button.active.pro{color:var(--accent);background:#65e6c529}.video-sheet-close{color:#ffffffad;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;width:34px;height:34px}.video-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.video-setting-card{color:#ffffff80;background:#ffffff08;border:1px solid #ffffff13;border-radius:13px;gap:8px;min-width:0;padding:10px;font-size:9px;display:grid}.video-setting-card>span{justify-content:space-between;gap:8px;display:flex}.video-setting-card b{color:var(--accent)}.video-color-options{align-items:center;gap:7px;display:flex}.video-color-options button,.video-color-options input[type=color]{cursor:pointer;border:2px solid #ffffff29;border-radius:50%;width:27px;height:27px;padding:0}.video-color-options button.active{border-color:var(--accent);box-shadow:0 0 0 3px #65e6c51f}.video-controls{z-index:9;padding:22px 16px calc(18px + var(--safe-bottom));background:linear-gradient(#0000,#000000eb);align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-controls.clean{justify-content:center}.video-controls.clean .video-control-spacer{display:none}.video-controls.clean .video-finish-button{position:absolute;right:16px}.video-control-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0fb3;border:1px solid #ffffff24;border-radius:15px;place-items:center;width:46px;height:46px;font-size:18px;display:grid}.video-control-button:hover{background:#65e6c51a;border-color:#65e6c561}.video-control-button.active{color:var(--accent);background:#65e6c52e;border-color:#65e6c59e;box-shadow:0 0 20px #65e6c526}.video-control-spacer{flex:1}.video-record-btn{color:#fff;cursor:pointer;background:#ffffff14;border:3px solid #ffffffdb;border-radius:50%;place-items:center;width:72px;height:72px;padding:5px;display:grid;box-shadow:0 12px 34px #00000061}.video-record-btn span{background:linear-gradient(145deg,#ff5d79,#f22c53);border-radius:50%;place-items:center;width:54px;height:54px;font-size:18px;display:grid}.video-record-btn:disabled{opacity:.35;cursor:not-allowed}.video-record-btn.recording{animation:1.2s infinite recordPulse}.video-finish-button{color:#ffffffe0;border-color:#fff3;font-size:20px}.clean-recording .video-topbar{justify-content:center}.clean-recording .video-live-timer{background:#070a0f6b;border-color:#ffffff14;min-height:40px;padding-inline:14px;font-size:13px}.clean-recording .video-record-btn.recording{animation:none}.clean-recording .video-voice-status{display:none}.video-duration-badge{top:calc(66px + var(--safe-top));z-index:7;border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-variant-numeric:tabular-nums;background:#06090eb8;border:1px solid #ffffff1f;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:750;display:flex;position:absolute;right:14px}.video-duration-badge>span{background:var(--warning);border-radius:50%;width:8px;height:8px}.video-duration-badge.recording>span{background:var(--danger);box-shadow:0 0 10px var(--danger)}.video-paused-badge,.video-scroll-countdown{z-index:8;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06090ec2;border:1px solid #ffffff24;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-record-countdown{z-index:30;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04070c7a;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.video-record-countdown strong{text-shadow:0 10px 36px #00000061;font-size:clamp(82px,22vw,150px);font-weight:350;line-height:1;animation:.95s both countdownPop}.video-record-countdown button{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a0f6b;border:1px solid #fff3;border-radius:14px;min-height:42px;padding:8px 18px;font-weight:720}.video-text-editor{z-index:40;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;padding:calc(14px + var(--safe-top)) 14px calc(14px + var(--safe-bottom));color:#fff;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#090c11fa;border:0;flex-direction:column;gap:14px;margin:0;display:flex;position:absolute;inset:0}.video-text-editor-grabber{background:#ffffff3d;border-radius:999px;align-self:center;width:44px;height:5px}.video-text-editor header{grid-template-columns:64px 1fr 64px;align-items:center;display:grid}.video-text-editor h2{text-align:center;margin:0;font-size:19px}.video-text-editor-cancel,.video-text-editor-done{cursor:pointer;border-radius:14px;min-height:42px;padding:8px 11px}.video-text-editor-cancel{color:#ffffff9e;background:0 0;border:0;justify-self:start;font-size:17px}.video-text-editor-done{color:var(--accent);background:#65e6c51f;border:1px solid #65e6c552;justify-self:end;font-weight:760}.video-text-editor textarea{box-sizing:border-box;resize:none;color:#fff;width:100%;min-height:0;font:inherit;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;outline:none;flex:1;padding:17px;font-size:16px;line-height:1.55}.video-text-editor textarea:focus{border-color:#65e6c57a;box-shadow:0 0 0 3px #65e6c514}.video-paused-badge{border-radius:var(--radius-full);padding:10px 16px;font-size:13px;font-weight:800}.video-scroll-countdown{border-radius:20px;place-items:center;gap:4px;min-width:150px;padding:15px;display:grid}.video-scroll-countdown strong{color:var(--accent);font-size:38px}.video-scroll-countdown span{color:#ffffff9e;font-size:10px}.video-voice-status{left:50%;bottom:calc(98px + var(--safe-bottom));z-index:7;border-radius:var(--radius-full);color:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);white-space:nowrap;background:#06090ec7;border:1px solid #65e6c54d;align-items:center;gap:8px;max-width:min(72%,560px);padding:8px 13px;font-size:10px;font-weight:700;display:flex;position:absolute;overflow:hidden;transform:translate(-50%)}.video-voice-status>span:last-child{text-overflow:ellipsis;overflow:hidden}.video-error-state{z-index:20;color:#ffffffc2;text-align:center;background:#020305e0;place-content:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.video-recorder-fallback{color:var(--text-secondary);text-align:center;place-content:center;justify-items:center;gap:13px;padding:24px;display:grid}.video-recorder-fallback>span{opacity:.45;font-size:48px}.video-preview-screen{z-index:8;background:radial-gradient(circle at 50% 20%,#65e6c514,#0000 30%),#020305f7;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.video-preview-screen video{background:#000;border:1px solid #ffffff1f;border-radius:20px;width:auto;max-width:min(100%,760px);max-height:58vh;box-shadow:0 24px 70px #0000007a}.video-preview-screen video.portrait{aspect-ratio:9/16}.video-preview-screen video.landscape{aspect-ratio:16/9}.video-preview-heading{color:#fff;align-items:center;gap:10px;display:flex}.video-preview-heading>span{background:var(--accent-dim);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.video-preview-heading h2,.video-preview-heading p{margin:0}.video-preview-heading h2{font-size:17px}.video-preview-heading p{color:#ffffff7a;margin-top:2px;font-size:10px}.video-preview-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.video-save-hint{color:#ffffff94;text-align:center;max-width:520px;margin:-3px 0 0;font-size:11px;line-height:1.45}.video-save-hint.warning{color:#ffdfaee6;background:#ffbe5c14;border:1px solid #ffbe5c38;border-radius:12px;padding:9px 12px}.video-primary-button,.video-secondary-button{cursor:pointer;border-radius:13px;min-height:42px;padding:9px 15px;font-size:11px;font-weight:750}.video-primary-button{background:linear-gradient(135deg, var(--accent), #78a5ff);color:#06130f;border:0}.video-primary-button:disabled{opacity:.58;cursor:wait}.video-secondary-button{color:#ffffffc2;background:#ffffff0a;border:1px solid #ffffff21}.voice-scroller{border-radius:var(--radius-lg);background:#020305;place-items:center;width:100%;display:grid}.focus-exit-hint{display:none}@keyframes voicePulse{50%{opacity:.35;transform:scaleX(1.25)}}@keyframes recordPulse{50%{box-shadow:0 0 0 10px #ff5d7529}}@keyframes countdownPop{0%{opacity:0;transform:scale(1.25)}28%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.92)}}@media (width<=820px){.app-header{height:calc(58px + var(--safe-top));padding:calc(8px + var(--safe-top)) 11px 8px}.header-logo{width:34px;height:34px}.header-title{font-size:14px}.header-subtitle,.header-tool-button span,.header-account-button span:last-child{display:none}.header-tool-button{width:36px;min-width:36px;padding:0}.header-language,.header-mode-label-full{display:none}.header-mode-label-mobile{display:inline}.header-mode-button{width:54px;min-width:54px;padding-inline:8px!important}.app-content{min-height:0;padding:8px 8px calc(8px + var(--safe-bottom));display:block}#app[data-mode=edit] .main-panel{display:none}#app[data-mode=edit] .editor-panel{height:100%}#app.reader-active .app-header,#app.reader-active .editor-panel{display:none}#app.reader-active .app-content{height:100dvh;padding:0}#app.reader-active .main-panel{width:100%;height:100%}.mobile-editor-intro{display:flex}.editor-panel-header,.editor-scripts-section,.editor-script-empty{display:none}.editor-panel-body{padding:12px}.editor-textarea{flex-basis:220px;min-height:190px;font-size:16px}.reader-shell,.video-recorder{border:0;border-radius:0;height:100dvh}.video-topbar{top:calc(8px + var(--safe-top));gap:5px;left:8px;right:8px}.video-format-picker{flex:none}.video-format-picker button{min-height:30px;padding-inline:8px;font-size:10px}.video-output-badge{max-width:74px;padding:5px 7px}.video-output-badge strong{display:none}.video-output-badge span{font-size:8px}.video-live-timer{min-height:34px;padding-inline:7px;font-size:9px}.video-settings-button{min-width:38px;min-height:38px;margin-left:0;padding-inline:9px}.video-settings-button span,.video-fullscreen-button{display:none}.reader-icon-button,.reader-mode-pill,.voice-caption,.reader-controls,.video-text-overlay,.video-overlay-actions button,.video-format-picker,.video-output-badge,.video-live-timer,.video-settings-button,.video-settings-sheet,.video-control-button,.video-duration-badge,.video-paused-badge,.video-scroll-countdown,.video-record-countdown,.video-record-countdown button,.video-text-editor{-webkit-backdrop-filter:none;backdrop-filter:none}.video-text-overlay{border-radius:16px;padding:11px 12px}.video-text-overlay-shell{min-height:130px}.video-overlay-actions{bottom:9px;left:9px}.video-overlay-actions button,.video-overlay-resize-handle{width:38px;height:38px}.video-settings-sheet{left:8px;right:8px;bottom:calc(98px + var(--safe-bottom));border-radius:18px;max-height:55vh;padding:12px}.video-settings-header{grid-template-columns:minmax(0,1fr) auto}.video-mode-segment{grid-area:2/1/auto/-1}.video-sheet-close{grid-area:1/2}.video-settings-grid{grid-template-columns:1fr 1fr}.video-controls{padding:18px 12px calc(14px + var(--safe-bottom))}.video-controls.clean .video-finish-button{right:12px}.video-voice-status{bottom:calc(92px + var(--safe-bottom));max-width:82%}.video-control-button{border-radius:14px;width:44px;height:44px}.video-record-btn{width:68px;height:68px}.video-record-btn span{width:50px;height:50px}.video-preview-screen{padding:calc(18px + var(--safe-top)) 14px calc(18px + var(--safe-bottom))}.video-preview-screen video{max-height:54vh}.reader-primary-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.desktop-action{display:none}.reader-action{flex-direction:column;gap:2px;min-height:58px;font-size:18px}.reader-action span{font-size:10px}.reader-quick-settings{grid-template-columns:1fr 1fr;max-height:42vh;overflow-y:auto}.settings-panel{width:100%}.panel{border:1px solid var(--border);border-bottom:0;border-radius:24px 24px 0 0;width:100%;max-height:84dvh;top:auto}.panel-left,.panel-right{left:0;right:0}}@media (width<=420px),(height<=720px){.editor-toolbar-row,.editor-bottom-actions,.editor-stats{font-size:10px}.editor-panel-body{gap:8px}.editor-start-button{z-index:5;min-height:56px;position:sticky;bottom:0}.reader-controls{padding-top:7px}.reader-action{min-height:52px}.reader-settings-toggle{min-height:48px;padding:6px 9px}.reader-settings-title small{display:none}.reader-settings-icon{width:28px;height:28px}.reader-settings-mode{padding:4px 7px}.reader-quick-settings{max-height:36vh}}