:root{color-scheme:dark;--bg-0: #14120f;--bg-1: #1b1814;--bg-2: #221e19;--bg-3: #2b261f;--line: #36302720;--line-solid: #3a342b;--ink-1: #ede6da;--ink-2: #b3a999;--ink-3: #7c7264;--paper: #f4ecdd;--paper-ink: #2a2620;--paper-ink-2: #6b6354;--accent: #e8a87c;--accent-ink: #241710;--read-font: "Newsreader", Georgia, serif;--read-size: 18px;--read-leading: 1.72;--pad: 44px;--danger: #e8918a;--live: #5ec8bd;--live-ink: #0f1f1d;--radius: 14px;--ui: "Hanken Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--ui);background:var(--bg-0);color:var(--ink-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#root{height:100vh}::selection{background:color-mix(in oklab,var(--accent) 38%,transparent);color:var(--ink-1)}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.scroll::-webkit-scrollbar{width:11px;height:11px}.scroll::-webkit-scrollbar-thumb{background:#3a342b;border-radius:20px;border:3px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{background:#4a4338;background-clip:padding-box;border:3px solid transparent}.scroll::-webkit-scrollbar-track{background:transparent}@keyframes shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{opacity:.55}50%{opacity:1}}.reader{height:100vh;display:flex;flex-direction:column;overflow:hidden}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:26px;height:26px;border-radius:7px;overflow:hidden;display:flex;box-shadow:0 1px #ffffff0d inset,0 2px 6px #0006}.logo-mark>i{flex:1}.logo-mark>i:first-child{background:var(--paper)}.logo-mark>i:last-child{background:var(--accent)}.logo-text{font-weight:700;font-size:15px;letter-spacing:-.01em;white-space:nowrap;line-height:1}.toolbar{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:11px 18px;background:var(--bg-2);border-bottom:1px solid var(--line-solid);position:relative;z-index:20}.back-btn{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:5px 13px 5px 10px;background:transparent;border:1px solid var(--line-solid);border-radius:999px;color:var(--ink-2);font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.back-arrow{font-size:14px;line-height:1;transition:transform .15s}.back-btn:hover{background:var(--bg-3);border-color:color-mix(in oklab,var(--accent) 45%,var(--line-solid));color:var(--ink-1)}.back-btn:hover .back-arrow{transform:translate(-2px)}.back-btn:active{transform:translateY(1px)}.back-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 30%,transparent)}.toolbar-divider{width:1px;height:24px;background:var(--line-solid);flex-shrink:0}.toolbar-spacer{flex:1}.doc-meta{display:flex;flex-direction:column;min-width:0;margin-left:2px}.doc-title{font-size:13px;font-weight:600;color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.doc-sub{font-size:11px;color:var(--ink-3)}.chip-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;background:transparent;border:1px solid var(--line-solid);border-radius:10px;color:var(--ink-2);font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.chip-btn:hover{background:var(--bg-3);color:var(--ink-1)}.progress-rail{flex-shrink:0;height:2px;background:var(--bg-1);position:relative;z-index:19}.progress-fill{height:100%;background:var(--accent);transition:width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px color-mix(in oklab,var(--accent) 60%,transparent)}.panes{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);min-height:0}.paper-pane{height:100%;overflow:auto;background:var(--bg-1);position:relative}.pane-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:14px 18px;color:var(--ink-3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pane-head.original{background:linear-gradient(var(--bg-1),color-mix(in oklab,var(--bg-1) 70%,transparent) 80%,transparent)}.pane-head .pane-head-ico{display:flex;color:var(--ink-2)}.pane-head-label{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.pane-head-label.accent{color:var(--accent)}.pane-head-sub{font-size:11.5px;color:var(--ink-3)}.pane-head-hint{margin-left:auto;font-size:11px;color:var(--ink-3);opacity:.7;white-space:nowrap}.paper-wrap{display:block;padding:4px 32px 56px}.paper-card{position:relative;width:100%;max-width:560px;margin:0 auto;border-radius:4px;overflow:hidden;background:var(--paper);box-shadow:0 1px 1px #00000040,0 18px 50px -12px #0009;animation:fadeUp .3s ease}.paper-card canvas{width:100%;height:auto;display:block}.render-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--paper-ink-2);font-size:13px;min-height:640px}.render-spark{display:flex;animation:pulseGlow 1.4s ease-in-out infinite}.render-error{margin:40px auto;text-align:center;color:var(--danger);font-size:14px}.translation-pane{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-0);border-left:1px solid var(--line-solid)}.translation-head{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;flex-shrink:0}.translation-head-labels{display:flex;align-items:baseline;gap:9px}.translation-head-actions{display:flex;align-items:center;gap:12px}.translation-head-actions .pane-head-hint{margin-left:0}.result-tabs{display:flex;gap:4px}.result-tab{padding:6px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;cursor:pointer}.result-tab.active{color:var(--accent);border-color:var(--line-solid);background:var(--bg-2)}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--line-solid);background:var(--bg-2);color:var(--ink-2);font-size:12px;font-weight:500}.copy-btn.copied{color:var(--accent)}.translation-body{flex:1;overflow:auto;padding:10px var(--pad) 60px}.translation-col{max-width:560px;margin:0 auto}.translation-col.wide{max-width:640px}.read-text{animation:fadeUp .34s ease;font-family:Inter,system-ui,sans-serif;font-size:var(--read-size);line-height:var(--read-leading);color:var(--ink-1)}.read-text p{margin:0;text-align:justify;text-indent:1.5em;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty}.read-text p+p{margin-top:1.05em}.read-text p:first-child{text-indent:0}.harakat-text{font-family:Noto Naskh Arabic,Amiri,serif;line-height:2.1}.harakat-text p{text-align:right;text-indent:0}.harakat-text p+p{margin-top:1.05em}.idle-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:420px;gap:18px;animation:fadeUp .3s ease}.idle-icon{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--accent) 14%,var(--bg-1));color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.idle-icon>span{transform:scale(1.4);display:flex}.idle-title{font-size:16px;font-weight:600;color:var(--ink-1)}.idle-sub{font-size:13.5px;color:var(--ink-3);margin-top:6px;max-width:300px;line-height:1.5}.cta{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:11px;border:none;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;box-shadow:0 6px 20px -6px color-mix(in oklab,var(--accent) 60%,transparent);transition:filter .15s}.cta:hover{filter:brightness(1.05)}.cta.secondary{background:var(--bg-2);color:var(--ink-1);border:1px solid var(--line-solid);box-shadow:none}.kbd-hint{font-size:11.5px;color:var(--ink-3);margin-top:2px}kbd{display:inline-block;padding:1px 6px;border-radius:5px;background:var(--bg-2);border:1px solid var(--line-solid);font-family:var(--ui);font-size:11px}.loading-block{animation:fadeUp .25s ease}.loading-label{display:flex;align-items:center;gap:9px;color:var(--accent);margin-bottom:26px;font-size:13px;font-weight:500}.loading-label span:last-child{color:var(--ink-2)}.shimmer-group{display:flex;flex-direction:column;gap:13px;margin-bottom:26px}.shimmer{display:block;height:13px;border-radius:6px;background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 40%,var(--bg-2) 80%);background-size:960px 100%;animation:shimmer 1.6s linear infinite}.error-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:420px;gap:16px;animation:fadeUp .3s ease}.error-icon{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--danger) 13%,var(--bg-1));color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 28%,transparent)}.error-title{font-size:15.5px;font-weight:600;color:var(--ink-1)}.error-sub{font-size:13.5px;color:var(--ink-3);margin-top:6px;max-width:340px;line-height:1.5}.error-actions{display:flex;gap:10px}.model-selector{position:relative}.model-trigger{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 11px 8px 13px;background:var(--bg-2);border:1px solid var(--line-solid);border-radius:10px;color:var(--ink-1);font-size:13px;font-weight:500}.model-dot{width:6px;height:6px;border-radius:99px;background:var(--accent)}.model-chev{color:var(--ink-3);display:flex;transition:transform .18s}.model-chev.open{transform:rotate(180deg)}.model-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-2);border:1px solid var(--line-solid);border-radius:12px;padding:6px;box-shadow:0 16px 40px #00000080;z-index:40;animation:pop .14s ease}.model-menu-label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:6px 9px 5px}.model-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;background:transparent;border:none;border-radius:8px;color:var(--ink-1);text-align:left}.model-row:hover,.model-row.selected{background:var(--bg-3)}.model-row-label{font-size:13px;font-weight:500}.model-row-note{font-size:11px;color:var(--ink-3);margin-top:1px}.model-check{color:var(--accent);display:flex}.page-controls{display:flex;align-items:center;gap:8px}.nav-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--line-solid);background:var(--bg-2);color:var(--ink-1);transition:background .15s,color .15s}.nav-btn:hover:not(:disabled){background:var(--bg-3)}.nav-btn:disabled{color:var(--ink-3);opacity:.5;cursor:default}.page-box{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--line-solid);border-radius:9px;padding:5px 11px;font-size:13px;color:var(--ink-2)}.page-input{width:30px;text-align:center;background:transparent;border:none;color:var(--ink-1);font-size:13px;font-weight:600;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.page-input::-webkit-inner-spin-button,.page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-total{color:var(--ink-3)}.empty{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.empty-inner{width:100%;max-width:560px;text-align:center;animation:fadeUp .4s ease}.empty-logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:30px}.empty-logo .logo-mark{width:38px;height:38px;border-radius:10px;box-shadow:0 2px 10px #00000080}.empty-logo .logo-text{font-size:22px;letter-spacing:-.02em}.empty-title{font-family:var(--read-font);font-weight:500;font-size:34px;line-height:1.2;margin:0 0 14px;letter-spacing:-.01em;color:var(--ink-1)}.empty-title em{color:var(--accent);font-style:italic}.empty-sub{font-size:15px;color:var(--ink-3);line-height:1.6;margin:0 auto 34px;max-width:440px}.empty-error{margin-top:18px;display:flex;align-items:center;gap:8px;justify-content:center;color:var(--danger);font-size:13px}.dropzone{display:block;cursor:pointer;padding:40px 28px;border-radius:18px;border:1.5px dashed var(--line-solid);background:var(--bg-1);transition:all .18s}.dropzone.drag{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,var(--bg-1))}.dropzone input[type=file]{display:none}.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.dropzone-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--line-solid);color:var(--accent)}.dropzone-icon>span{transform:scale(1.25);display:flex}.dropzone-title{font-size:15px;font-weight:600;color:var(--ink-1)}.dropzone-title .browse{color:var(--accent)}.dropzone-sub{font-size:12.5px;color:var(--ink-3)}.upload-chip input[type=file]{display:none}.twk-toggle-btn{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line-solid);background:var(--bg-2);color:var(--ink-2);box-shadow:0 8px 24px #00000073;transition:color .15s,background .15s}.twk-toggle-btn:hover{color:var(--ink-1);background:var(--bg-3)}.twk-panel{position:fixed;right:18px;bottom:18px;z-index:61;width:280px;background:var(--bg-2);border:1px solid var(--line-solid);border-radius:var(--radius);box-shadow:0 20px 60px #0000008c;animation:pop .16s ease;overflow:hidden}.twk-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 16px;border-bottom:1px solid var(--line-solid)}.twk-hd b{font-size:13px;font-weight:600}.twk-x{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--line-solid);background:var(--bg-1);color:var(--ink-2);border-radius:7px}.twk-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px}.twk-sect{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.twk-row{display:flex;flex-direction:column;gap:7px}.twk-lbl{display:flex;justify-content:space-between;align-items:baseline;color:var(--ink-2);font-size:12px;font-weight:500}.twk-val{color:var(--ink-3);font-variant-numeric:tabular-nums}.twk-field{width:100%;height:30px;padding:0 9px;border:1px solid var(--line-solid);border-radius:8px;background:var(--bg-1);color:var(--ink-1);font-size:12.5px;outline:none}.twk-slider{width:100%;height:4px;border-radius:999px;background:var(--bg-3);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.twk-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.twk-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.twk-seg{display:flex;padding:2px;border-radius:9px;background:var(--bg-1);border:1px solid var(--line-solid);gap:2px}.twk-seg button{flex:1;border:none;background:transparent;color:var(--ink-2);font-size:12px;font-weight:500;padding:6px 8px;border-radius:7px;text-transform:capitalize}.twk-seg button.on{background:var(--bg-3);color:var(--ink-1)}.twk-chips{display:flex;gap:8px}.twk-chip{position:relative;flex:1;height:30px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 0 1px #00000040}.twk-chip.on{box-shadow:0 0 0 2px var(--ink-1)}.twk-chip .twk-chip-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}@media(max-width:760px){.panes{grid-template-columns:1fr}.translation-pane{border-left:none;border-top:1px solid var(--line-solid)}.toolbar{flex-wrap:wrap}.toolbar .harakat-ticks{display:none}}.video-reader{height:100vh;display:flex;flex-direction:column;overflow:hidden}.video-dock{position:relative}.video-dock .video-frame{width:100%;aspect-ratio:16 / 9;max-height:260px}.video-dock.collapsed .video-frame{display:none}.video-controls{position:absolute;top:8px;right:8px;display:flex;gap:8px}.video-toggle,.video-play{padding:5px 13px;border-radius:999px;border:1px solid color-mix(in oklab,var(--ink-1) 18%,transparent);background:color-mix(in oklab,var(--bg-0) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-1);font-family:var(--ui);font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.video-toggle:hover,.video-play:hover{background:color-mix(in oklab,var(--bg-0) 88%,transparent);border-color:color-mix(in oklab,var(--accent) 55%,transparent)}.video-toggle:active,.video-play:active{transform:translateY(1px)}.video-toggle:focus-visible,.video-play:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 30%,transparent)}.transcript-wrap{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.transcript-panes{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:4px;align-content:start;overflow-y:auto}.transcript-row{padding:8px 12px;border-radius:8px;cursor:pointer;scroll-margin-top:12px}.transcript-row.active{background:#7f7f7f24}.transcript-meta{display:flex;gap:8px;align-items:baseline;font-size:12px;opacity:.7}.transcript-text{margin:4px 0 0;line-height:1.7}.transcript-source{text-align:start}.word-live{background:color-mix(in oklab,var(--live) 26%,transparent);color:var(--live);border-radius:4px;padding:0 2px;margin:0 -2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .12s linear,color .12s linear}@media(prefers-reduced-motion:reduce){.word-live{transition:none}}.transcript-gap{grid-column:1 / -1;display:flex;gap:12px;align-items:center;padding:8px 12px;margin:6px 0;border-radius:8px;border:1px dashed currentColor;opacity:.85}.follow-resume{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:2;padding:6px 14px;border-radius:999px;border:1px solid var(--line-solid);background:var(--bg-2);color:var(--ink-2);font-family:var(--ui);font-size:12px;cursor:pointer;box-shadow:0 4px 14px #00000059}.follow-resume:hover{background:var(--bg-3);color:var(--ink-1)}.harakat-ticks{align-self:center;margin-right:8px;min-width:0;overflow:hidden;padding-right:10px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent)}.harakat-toggle{padding:6px 14px;margin-right:10px;white-space:nowrap;border-radius:999px;border:1px solid var(--line-solid);background:var(--bg-2);color:var(--ink-2);font-family:var(--ui);font-size:12px;cursor:pointer}.harakat-toggle:hover:not(:disabled){background:var(--bg-3);color:var(--ink-1)}.harakat-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.harakat-toggle:disabled{opacity:.55;cursor:default}.trial-bar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 16px}.trial-bar button{flex-shrink:0;padding:7px 16px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-family:var(--ui);font-size:13px;font-weight:600;transition:filter .18s,transform .06s}.trial-bar button:hover:not(:disabled){filter:brightness(1.08)}.trial-bar button:active:not(:disabled){transform:translateY(1px)}.trial-bar button:disabled{opacity:.55;cursor:default}.trial-bar button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.run-panel{font-size:12px;padding:6px 16px}.run-ticks{display:inline-flex;gap:3px;margin-right:10px;vertical-align:middle}.run-tick{font-size:11px;line-height:1;transition:color .22s ease,opacity .22s ease}.run-tick.pending{color:var(--ink-3);opacity:.35}.run-tick.running{color:var(--ink-2);opacity:1;animation:tick-pulse 1.4s ease-in-out infinite}.run-tick.done{color:var(--accent);opacity:1}.run-tick.failed{color:var(--danger);opacity:1}@keyframes tick-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.run-tick.running{animation:none}}.run-panel table{width:100%;border-collapse:collapse}.run-checks{color:#b45309}.run-retry{padding:2px 10px;border-radius:6px;border:1px solid var(--line-solid);background:var(--bg-1);color:inherit;font:inherit;cursor:pointer}.run-retry:hover{background:var(--bg-2)}.video-error{padding:10px 16px;color:#b91c1c}.video-warning{padding:10px 16px;color:#b45309}.video-input{display:flex;gap:10px;flex-wrap:wrap}.video-input input{flex:1;min-width:0;padding:12px 16px;border-radius:12px;border:1.5px solid var(--line-solid);background:var(--bg-1);color:var(--ink-1);font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}.video-input input::placeholder{color:var(--ink-3)}.video-input input:hover{border-color:color-mix(in oklab,var(--accent) 35%,var(--line-solid))}.video-input input:focus{outline:none;border-color:var(--accent);background:color-mix(in oklab,var(--accent) 6%,var(--bg-1));box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}.video-input button{padding:12px 22px;border-radius:12px;border:1.5px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;transition:filter .18s,transform .06s}.video-input button:hover{filter:brightness(1.08)}.video-input button:active{transform:translateY(1px)}.video-input button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.video-input-error{flex-basis:100%;color:var(--danger);font-size:13px;text-align:start}.empty-or{display:flex;align-items:center;gap:12px;margin:22px 0 12px;color:var(--ink-3);font-size:12.5px}.empty-or:before,.empty-or:after{content:"";flex:1;height:1px;background:var(--line-solid)}.quota-bar{display:inline-flex;gap:14px;align-items:center;margin-left:auto;margin-right:12px}.quota{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:var(--ink-3)}.quota-name{color:var(--ink-2);font-weight:600}.quota-track{width:46px;height:4px;border-radius:2px;background:var(--bg-3);overflow:hidden}.quota-fill{display:block;height:100%;background:var(--accent)}.quota-low .quota-fill{background:var(--danger)}.quota-low .quota-text{color:var(--danger)}.quota-bar .quota:has(.quota-track){min-width:210px}.status-strip{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding:8px 18px;background:var(--bg-2);border-bottom:1px solid var(--line-solid);font-size:12px}.status-step{display:inline-flex;align-items:baseline;gap:7px;min-width:0}.status-mark{width:1em;text-align:center;font-weight:700;flex-shrink:0}.status-name{font-weight:600;color:var(--ink-2);white-space:nowrap}.status-detail{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-idle{opacity:.5}.status-running .status-mark{color:var(--live)}.status-done .status-mark{color:var(--accent)}.status-warn .status-mark{color:#e0af68}.status-failed .status-mark{color:var(--danger)}.status-warn .status-detail,.status-failed .status-detail{color:var(--ink-2)}.ext-setup{flex-shrink:0;padding:14px 18px;background:var(--bg-2);border-bottom:1px solid var(--line-solid);font-size:13px;line-height:1.6}.ext-lead{margin:0 0 10px;color:var(--ink-2)}.ext-lead strong{color:var(--ink-1)}.ext-steps{margin:0;padding-left:20px;color:var(--ink-2)}.ext-steps li{margin-bottom:6px}.ext-steps code{background:var(--bg-3);padding:1px 5px;border-radius:5px;font-size:12px;-webkit-user-select:all;user-select:all}.ext-dl{display:inline-block;padding:5px 12px;background:var(--accent);color:var(--accent-ink);border-radius:9px;font-weight:600;text-decoration:none}.ext-recheck{padding:3px 10px;background:transparent;border:1px solid var(--line-solid);border-radius:8px;color:var(--ink-2);font-size:12px}.ext-recheck:hover{background:var(--bg-3);color:var(--ink-1)}.ext-note{margin:10px 0 0;color:var(--ink-3);font-size:12px}.transcript-tools{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:8px 18px;background:var(--bg-1);border-bottom:1px solid var(--line);position:relative;z-index:4}.transcript-tools button{justify-self:start;padding:4px 11px;background:transparent;border:1px solid var(--line-solid);border-radius:8px;color:var(--ink-3);font-size:12px;transition:background .15s,color .15s}.transcript-tools button:hover{background:var(--bg-3);color:var(--ink-1)}.tool-group{display:flex;align-items:center;gap:8px;justify-self:start}.autoscroll-btn.on{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-solid));color:var(--accent)}.copy-failed{grid-column:1 / -1;color:var(--danger);font-size:12px}.ext-preview{display:flex;align-items:baseline;gap:10px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line-solid)}.ext-preview-btn{flex-shrink:0;padding:4px 11px;background:transparent;border:1px solid var(--line-solid);border-radius:8px;color:var(--ink-2);font-size:12px}.ext-preview-btn:hover{background:var(--bg-3);color:var(--ink-1)}.ext-preview .ext-note{margin:0}.listen-body{display:grid;grid-template-columns:336px 1fr}@media(max-width:900px){.listen-body{grid-template-columns:1fr}}.listen-controls{padding:18px 20px;border-right:1px solid var(--line-solid);background:var(--bg-1)}.listen-panes{padding:18px 20px;min-width:0}.listen-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.listen-hint{font-size:11.5px;line-height:1.5;color:var(--ink-3);margin:6px 0 0}.listen-empty{color:var(--ink-3);font-style:italic;font-family:var(--ui);font-size:14px}.listen-pill{font-size:12px;font-weight:500;padding:3px 12px;border-radius:999px;border:1px solid var(--line-solid);color:var(--ink-3)}.listen-pill.live{color:var(--live);border-color:color-mix(in oklab,var(--live) 45%,var(--line-solid))}.listen-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.listen-level{height:5px;background:var(--bg-3);border-radius:999px;overflow:hidden;margin-top:12px}.listen-level>div{height:100%;background:var(--live);transition:width .08s linear}.listen-transcript{background:var(--bg-1);border:1px solid var(--line-solid);border-radius:var(--radius);padding:18px 20px;min-height:240px;max-height:52vh;overflow-y:auto;font-family:var(--read-font);font-size:17px;line-height:1.7}.listen-line{margin:0 0 12px}.listen-time{font-family:var(--ui);color:var(--ink-3);font-size:11px;font-variant-numeric:tabular-nums;margin-right:10px}.listen-tr{display:block;color:var(--ink-2);font-size:15px;margin:3px 0 0 46px;font-style:italic}.listen-marker{font-family:var(--ui);color:var(--accent);font-size:11px;font-style:italic;margin:0 0 12px}.listen-line[dir=rtl]{font-family:Noto Naskh Arabic,Amiri,serif;line-height:2.1;text-align:right}.listen-line[dir=rtl] .listen-tr{text-align:left;direction:ltr;margin:3px 46px 0 0;font-family:var(--read-font)}.listen-notes{background:var(--bg-1);border:1px solid var(--line-solid);border-radius:var(--radius);padding:18px 20px;margin-top:14px;white-space:pre-wrap;font-family:var(--read-font);font-size:16px;line-height:1.65}.listen-alert{margin:0 20px 14px;padding:10px 14px;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--danger) 45%,var(--line-solid));color:var(--danger);font-size:13px}.listen-redo{margin:0 20px 14px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--line-solid)}.listen-redo>.listen-hint:first-child{margin-top:0}.listen{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.listen .listen-body{flex:1;min-height:0}.listen .listen-controls,.listen .listen-panes{overflow-y:auto}@media(max-width:900px){.listen{height:auto;min-height:100dvh;overflow:visible}.listen .listen-controls,.listen .listen-panes{overflow-y:visible}}.listen-controls label{display:block;margin:15px 0 5px;font-size:12px;font-weight:500;color:var(--ink-3)}.listen-controls>label:first-of-type{margin-top:0}.listen input[type=password],.listen input[type=text],.listen select{width:100%;padding:9px 11px;background:var(--bg-2);color:var(--ink-1);border:1px solid var(--line-solid);border-radius:10px;font:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.listen select{cursor:pointer}.listen input:focus,.listen select:focus{outline:none;border-color:color-mix(in oklab,var(--accent) 55%,var(--line-solid));box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}.listen ::placeholder{color:var(--ink-3)}.listen-row button,.listen-session-actions button{padding:8px 16px;border-radius:999px;border:1px solid var(--line-solid);background:transparent;color:var(--ink-2);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.listen-row button:hover:not(:disabled),.listen-session-actions button:hover:not(:disabled){background:var(--bg-3);color:var(--ink-1);border-color:color-mix(in oklab,var(--accent) 45%,var(--line-solid))}.listen-row button:active:not(:disabled),.listen-session-actions button:active:not(:disabled){transform:translateY(1px)}.listen-row button:focus-visible,.listen-session-actions button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 30%,transparent)}.listen-row button:disabled,.listen-session-actions button:disabled{opacity:.38;cursor:not-allowed}.listen-row button.listen-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.listen-row button.listen-primary:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 88%,white);border-color:color-mix(in oklab,var(--accent) 88%,white);color:var(--accent-ink)}.listen-row button.listen-stop,.listen-session-actions button.listen-stop{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 40%,var(--line-solid))}.listen-row button.listen-stop:hover:not(:disabled),.listen-session-actions button.listen-stop:hover:not(:disabled){background:color-mix(in oklab,var(--danger) 12%,transparent);color:var(--danger);border-color:var(--danger)}.listen-row input{flex:1 1 180px;width:auto}.listen-panes h2{margin:24px 0 10px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.listen-panes h2:first-child{margin-top:0}.listen-redo{margin:0 20px 14px;padding:12px 16px;background:var(--bg-1);border:1px solid var(--line-solid);border-radius:var(--radius)}.listen-redo .listen-hint{margin-top:0}.listen-redo .listen-row{margin-top:10px}.listen-stats{display:grid;grid-template-columns:1fr auto;gap:7px 14px;margin-top:18px;font-size:12px;color:var(--ink-3)}.listen-stats b{color:var(--ink-2);font-weight:600;font-variant-numeric:tabular-nums}.listen-meter-label{display:flex!important;align-items:center;gap:7px}.listen-dot{width:6px;height:6px;border-radius:999px;background:var(--live);animation:listen-pulse 1.6s ease-in-out infinite}.listen-dot.paused{background:var(--ink-3);animation:none}@keyframes listen-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.listen-dot{animation:none}}.listen-advanced{margin:14px 0 4px;border:1px solid var(--line-solid);border-radius:var(--radius);background:var(--bg-1);padding:0 12px}.listen-advanced summary{cursor:pointer;padding:10px 0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);list-style:none}.listen-advanced summary::-webkit-details-marker{display:none}.listen-advanced summary:before{content:"›";display:inline-block;width:14px;transition:transform .15s ease}.listen-advanced[open] summary:before{transform:rotate(90deg)}.listen-advanced[open]{padding-bottom:10px}.listen-check{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px;color:var(--ink-1);cursor:pointer}.listen-check input{width:auto;margin:0;accent-color:var(--accent);cursor:pointer}.listen-follow{position:sticky;bottom:6px;left:50%;display:block;margin:6px auto 0;background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-family:var(--ui);cursor:pointer;box-shadow:0 4px 14px #0007}.listen-sessions{margin-top:22px}.listen-session{display:flex;align-items:center;gap:8px;border:1px solid var(--line-solid);border-radius:var(--radius);background:var(--bg-1);padding:8px 10px;margin-bottom:8px}.listen-session.current{border-color:var(--live)}.listen-session-open{flex:1;display:block;text-align:left;background:none;border:none;padding:0;cursor:pointer;font-family:var(--ui);min-width:0}.listen-session-title{display:block;color:var(--ink-1);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listen-session-meta{display:block;color:var(--ink-3);font-size:11px;margin-top:2px}.listen-session-actions{display:flex;gap:6px;flex-shrink:0}.listen-session-actions button{font-size:11px;padding:4px 10px}.listen-session-rename{width:100%;font:inherit;font-size:14px}.ext-file-btn{display:inline-block;cursor:pointer;border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.ext-file-btn:hover{filter:brightness(1.08)}.ext-file-btn input{display:none}.ext-file-btn.is-disabled{opacity:.55;cursor:default;filter:none}.trial-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.trial-actions .ext-file-btn{padding:7px 16px;border-radius:999px;font-family:var(--ui);font-size:13px;font-weight:600;background:transparent;color:var(--ink-1);border:1px solid var(--line-solid)}.trial-actions .ext-file-btn:hover:not(.is-disabled){background:var(--bg-3)}.key-form{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px}.key-row{display:flex;flex-direction:column;gap:5px}.key-row>span{font-size:12px;color:var(--ink-2);font-weight:600}.key-row em{font-style:normal;font-weight:400;color:var(--ink-3)}.key-row input{padding:9px 12px;border-radius:10px;border:1px solid var(--line-solid);background:var(--bg-1);color:var(--ink-1);font-size:13px}.key-row input:focus-visible{outline:none;border-color:color-mix(in oklab,var(--accent) 55%,var(--line-solid));box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.key-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.key-save{flex-shrink:0;padding:8px 18px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-family:var(--ui);font-size:13px;font-weight:600;transition:filter .18s,transform .06s}.key-save:hover{filter:brightness(1.08)}.key-save:active{transform:translateY(1px)}.empty-listen{margin-top:30px;padding:16px 18px 14px;border:1px solid var(--line-solid);border-radius:var(--radius);background:var(--bg-1);text-align:left}.empty-listen-head{display:flex;align-items:center;gap:8px;color:var(--ink-1);font-size:14px;font-weight:600}.empty-listen-dot{width:7px;height:7px;border-radius:999px;background:var(--live)}.empty-listen-sub{margin:5px 0 13px;color:var(--ink-3);font-size:12.5px;line-height:1.55}.empty-listen-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.empty-listen-row button{display:block;text-align:left;padding:11px 13px;border:1px solid var(--line-solid);border-radius:10px;background:var(--bg-2);color:var(--ink-2);font-family:var(--ui);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.empty-listen-row button:hover{background:var(--bg-3);border-color:color-mix(in oklab,var(--accent) 45%,var(--line-solid));color:var(--ink-1)}.empty-listen-row button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.empty-listen-row b{display:block;color:var(--ink-1);font-size:13.5px;font-weight:600}.empty-listen-row span{display:block;margin-top:3px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}@media(max-width:520px){.empty-listen-row{grid-template-columns:1fr}}