@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-white: #fff;--color-surface-100: #f5f5f5;--color-slate-900: #0f172a;--color-slate-800: #1e293b;--color-slate-700: #334155;--color-slate-600: #475569;--color-slate-200: #e2e8f0;--color-blue-600: #2563eb;--chrome-font-size: .86rem;--chrome-padding-v: 8px;--chrome-padding-h: 12px;--dialog-overlay-bg: rgba(0, 0, 0, .38);--dialog-overlay-padding: 16px;--dialog-card-max-height: calc(100vh - 24px) ;--dialog-card-padding: 0;--dialog-topbar-gap: 10px;--dialog-topbar-padding: 8px 10px;--dialog-topbar-blur: blur(6px);--dialog-body-padding: 10px;--dialog-drag-x: 0px;--dialog-drag-y: 0px}body{margin:0;font-family:var(--ui-font);line-height:var(--ui-line-height);background:var(--bg);color:var(--color-slate-800)}header{position:sticky;top:0;z-index:1200;padding:var(--chrome-padding-v) var(--chrome-padding-h);border-bottom:1px solid var(--chrome-border);background:var(--chrome-bg);font-size:var(--chrome-font-size)}.modal.hidden{display:none}.modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:var(--dialog-overlay-padding);background:var(--dialog-overlay-bg)}.modal-card{width:min(560px,96vw);border:1px solid var(--border);border-radius:var(--dialog-card-radius);background:var(--bg);box-shadow:var(--dialog-card-shadow);padding:14px}.modal-card h3{margin:4px 0 10px;font-size:1.05rem}.modal-card p{margin:0 0 12px;color:var(--muted)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.dialog-card{padding:var(--dialog-card-padding);max-height:var(--dialog-card-max-height);--drag-x: var(--dialog-drag-x);--drag-y: var(--dialog-drag-y);transform:translate(var(--drag-x),var(--drag-y))}.dialog-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--dialog-topbar-gap);padding:var(--dialog-topbar-padding);background:var(--dialog-topbar-bg);backdrop-filter:var(--dialog-topbar-blur);border-bottom:1px solid var(--border);border-radius:var(--dialog-card-radius) var(--dialog-card-radius) 0 0}.dialog-drag-handle{cursor:grab;user-select:none}.dialog-drag-handle:active{cursor:grabbing}.dialog-title{font-size:.85rem;font-weight:700}.dialog-grip{color:var(--muted);letter-spacing:2px;font-size:.95rem;line-height:1}.dialog-body{padding:var(--dialog-body-padding);font-size:.85rem;line-height:var(--dialog-body-line-height)}:root{--sidebar-width-expanded: 256px;--sidebar-width-collapsed: 72px;--sidebar-header-height: 48px;--transition-speed: .3s;--sidebar-toggle-bg: transparent;--sidebar-toggle-border: transparent;--sidebar-toggle-shadow: none;--sidebar-toggle-radius: 50%;--sidebar-item-icon-size: 20px}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden;width:100%;height:100vh;height:100dvh}.app-container{display:flex;height:100vh;height:100dvh;width:100%;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);height:100%;display:flex;flex-direction:column;flex-shrink:0;transition:width var(--transition-speed) ease;border-right:1px solid var(--border);z-index:100}.sidebar.expanded{width:var(--sidebar-width-expanded);border-top-right-radius:var(--sidebar-view-edge-radius, 0);border-bottom-right-radius:var(--sidebar-view-edge-radius, 0)}.sidebar:not(.expanded){width:var(--sidebar-width-collapsed)}.sidebar-header{height:var(--sidebar-header-height);display:flex;align-items:center;justify-content:var(--sidebar-header-justify);padding:0 var(--sidebar-header-padding-x)}.sidebar-header .sidebar-brand{display:none;align-items:center;gap:8px;color:var(--text-color);line-height:1;min-width:0}.sidebar.expanded .sidebar-header .sidebar-brand{display:var(--sidebar-brand-display);margin-left:var(--sidebar-item-padding-x);margin-right:auto}.sidebar-header .sidebar-brand .material-symbols-outlined{font-size:var(--sidebar-item-icon-size)}.sidebar-header .sidebar-brand-title{font-size:var(--sidebar-item-font-size);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar:not(.expanded) .sidebar-header{justify-content:center;padding:12px 0;height:var(--sidebar-header-height);width:100%}.sidebar:not(.expanded) .sidebar-header .sidebar-brand{display:none}.sidebar:not(.expanded) .sidebar-header .icon-btn{margin-left:auto;margin-right:auto}.sidebar-header .icon-btn{width:var(--sidebar-toggle-size);height:var(--sidebar-toggle-size);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--sidebar-toggle-radius);border:1px solid var(--sidebar-toggle-border);background-color:var(--sidebar-toggle-bg);box-shadow:var(--sidebar-toggle-shadow);color:var(--sidebar-toggle-color);font-size:var(--sidebar-toggle-font-size);font-weight:700;line-height:1}.sidebar-header .icon-btn .toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.sidebar-header .icon-btn .toggle-icon svg{width:20px;height:20px}.sidebar-header .icon-btn .toggle-icon.material-symbols-outlined{font-size:20px;font-variation-settings:"opsz" 24,"wght" var(--sidebar-toggle-icon-weight),"FILL" 0,"GRAD" var(--sidebar-toggle-icon-grad)}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--text-color);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:var(--hover-bg)}.sidebar-content{flex:1;overflow:hidden;padding:12px;display:flex;flex-direction:column}.nav-links{list-style:none;padding:0;margin:0}.nav-links li{display:flex;align-items:center;padding:0 var(--sidebar-item-padding-x);height:var(--sidebar-item-height);border-radius:var(--sidebar-item-radius);cursor:pointer;color:var(--text-color);margin-bottom:4px;transition:background-color .2s;white-space:nowrap;overflow:hidden;font-size:var(--sidebar-item-font-size)}.nav-links li:hover{background-color:var(--hover-bg)}.nav-links li.active{background-color:var(--active-bg);color:var(--active-text);font-weight:500}.nav-links li .material-symbols-outlined{font-size:var(--sidebar-item-icon-size);margin-right:var(--sidebar-item-icon-gap);flex-shrink:0}.nav-links li .link-text{opacity:1;transition:opacity .2s}.sidebar:not(.expanded) .nav-links li{padding:0;justify-content:center;width:40px;margin-left:auto;margin-right:auto}.sidebar:not(.expanded) .nav-links li .material-symbols-outlined{margin-right:0}.sidebar:not(.expanded) .link-text{opacity:0;width:0;display:none}.main-content{flex:1;overflow:auto;height:100vh;height:100dvh;background-color:var(--bg)}@media(max-width:600px){.sidebar{position:fixed;top:0;left:0;z-index:1000;height:100vh;height:100dvh;transition:none}.sidebar:not(.expanded){width:100%;height:var(--sidebar-header-height);overflow:visible;border-right:none;border-bottom:1px solid var(--border)}.sidebar:not(.expanded) .sidebar-content{display:none}.sidebar:not(.expanded) .sidebar-header{justify-content:flex-start;padding:0 var(--sidebar-header-padding-x)}.sidebar:not(.expanded) .sidebar-header .icon-btn{order:0;margin-left:0;margin-right:0}.sidebar:not(.expanded) .sidebar-header .sidebar-brand{display:flex;order:1;margin-left:8px;margin-right:0}.sidebar:not(.expanded) .sidebar-header .sidebar-brand .material-symbols-outlined{display:none}.sidebar.expanded{width:var(--sidebar-width-expanded);box-shadow:2px 0 8px #00000026}.sidebar:not(.expanded)~.main-content{width:100%;margin-left:0;margin-top:var(--sidebar-header-height);height:calc(100vh - var(--sidebar-header-height));height:calc(100dvh - var(--sidebar-header-height))}[data-tooltip]:before,[data-tooltip]:after{display:none!important}}:root{--ui-font: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;--ui-line-height: 1.56;--dialog-body-line-height: 1.52;--bg: #f5f7fa;--panel: #ffffff;--border: #dde5ee;--muted: #5b6778;--primary: #245fcb;--chrome-bg: #ffffff;--chrome-border: #e5ebf2;--sidebar-bg: #fcfdff;--hover-bg: #f3f6fa;--active-bg: #e9f1ff;--active-text: #163a68;--text-color: #3b495b;--sidebar-toggle-color: #7c8ea3;--sidebar-toggle-font-size: 1.08rem;--sidebar-toggle-size: 36px;--sidebar-toggle-icon-weight: 200;--sidebar-toggle-icon-grad: -100;--sidebar-header-justify: flex-end;--sidebar-header-padding-x: 8px;--sidebar-brand-display: inline-flex;--sidebar-item-height: 42px;--sidebar-item-radius: 12px;--sidebar-item-padding-x: 14px;--sidebar-item-font-size: .87rem;--sidebar-item-icon-gap: 10px;--dialog-card-radius: 16px;--dialog-card-shadow: 0 18px 36px rgba(15, 23, 42, .15);--dialog-topbar-bg: rgba(248, 250, 252, .96)}.sidebar-header .icon-btn .toggle-icon.material-symbols-outlined{font-size:0}.sidebar-header .icon-btn .toggle-icon.material-symbols-outlined:before{content:"";display:block;width:20px;height:20px;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.sidebar.expanded .sidebar-header .icon-btn .toggle-icon.material-symbols-outlined:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">%0A  <rect x="3.5" y="4" width="17" height="16" rx="3.5" />%0A  <path d="M8.5 4.9V19.1" />%0A</svg>%0A');-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">%0A  <rect x="3.5" y="4" width="17" height="16" rx="3.5" />%0A  <path d="M8.5 4.9V19.1" />%0A</svg>%0A')}.sidebar:not(.expanded) .sidebar-header .icon-btn .toggle-icon.material-symbols-outlined:before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">%0A  <rect x="3.5" y="4" width="17" height="16" rx="3.5" />%0A  <path d="M15.5 4.9V19.1" />%0A</svg>%0A');-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">%0A  <rect x="3.5" y="4" width="17" height="16" rx="3.5" />%0A  <path d="M15.5 4.9V19.1" />%0A</svg>%0A')}*{box-sizing:border-box}:root{--ui-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;--border: #e2e8f0;--border-strong: #ddd;--meta: #1f7a3b;--muted: #666;--bg: #fff;--panel: #fafafa;--mode-active: #e5e7eb;--active: #d0e7ff;--primary: #1f6feb;--done-bg: #f1f5f9;--done-bar: #cbd5e1;--color-slate-900: #0f172a;--color-slate-800: #1e293b;--color-slate-700: #334155;--color-slate-600: #475569;--color-slate-500: #64748b;--color-slate-400: #94a3b8;--color-slate-300: #cbd5e1;--color-slate-200: #e2e8f0;--color-sky-100: #dbeafe;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-red-500: #ef4444;--color-border-soft: #dbe2ea;--color-error-text: #a11;--color-error-bg: #fff2f2;--color-error-border: #ffd5d5;--color-danger-strong: #b00020;--color-danger-text: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-bg-hover: #fee2e2;--color-danger-border-hover: #fca5a5;--color-warning-bg: #fff7e6;--color-warning-border: #ffd7a8;--color-warning-text: #8a4b00;--color-black: #000;--color-white: #fff;--color-ink-900: #111;--color-ink-700: #333;--color-ink-500: #888;--color-border-100: #eee;--color-border-200: #e0e0e0;--color-border-300: #d1d5db;--color-border-subtle: #e8edf3;--color-border-focus-soft: #cfd8e3;--color-active-border: #9ac2ff;--color-active-border-strong: #9ac6f6;--color-surface-100: #f5f5f5;--color-surface-upload: #fcfdfe;--color-surface-upload-hover: #f8faff;--color-surface-upload-active: #eff6ff;--color-muted-400: #8b8f98;--color-gray-500: #999;--color-gray-700: #374151;--color-ink-950: #111827;--color-danger-700: #991b1b;--color-warning-700: #854d0e;--color-warning-800: #92400e;--color-warning-bg-soft: #fef9c3;--color-warning-bg-strong: #fef3c7;--color-success-text: #166534;--color-success-text-strong: #065f46;--color-success-bg: #dcfce7;--color-success-bg-strong: #d1fae5;--color-success-accent: #22c55e;--color-paused-bg: #ede9fe;--color-paused-text: #5b21b6;--color-finished-bg: #e0e7ff;--color-finished-text: #3730a3;--color-info-text: #1d4ed8;--color-surface-200: #f3f4f6;--color-warm-partial-border: #eadfc9;--color-warm-partial-bg: #f7f1e4;--color-zinc-700: #3f3f46;--color-warm-focus: #d6c6a2;--color-vad-idle-border: #e7dfd0;--color-vad-idle-bg: #fcfaf5;--color-vad-idle-text: #8a806b;--color-vad-speech-border: #b7e8c9;--color-vad-speech-bg: #f2fbf6;--color-vad-speech-text: #3f7253;--color-vad-hangover-border: #ecdcb2;--color-vad-hangover-bg: #fbf8ef;--color-vad-hangover-text: #7b6740;--chrome-bg: #f8fafc;--chrome-border: var(--border);--chrome-font-size: .86rem;--chrome-padding-v: 8px;--chrome-padding-h: 12px;--control-border: 1px solid var(--border-strong);--control-bg: var(--panel);--control-radius-md: 10px;--control-pad-y: 6px;--control-pad-x: 10px;--control-height-md: 30px;--control-focus-ring: 0 0 0 2px rgba(31, 111, 235, .18);--input-border: 1px solid var(--border);--input-radius-md: 10px;--input-height-md: 30px;--input-pad-inline: 10px}body{font-family:var(--ui-font);margin:0;display:flex;flex-direction:column;height:100vh;background:var(--bg)}input,textarea,button,select{font-family:inherit}header,.live-header{padding:var(--chrome-padding-v) var(--chrome-padding-h);border-bottom:1px solid var(--chrome-border);position:sticky;top:0;z-index:1200;background:var(--chrome-bg);font-size:var(--chrome-font-size)}:root{--accent-blue: var(--color-blue-500);--accent-blue-hover: var(--color-blue-600);--accent-red: var(--color-red-500);--border-color: var(--color-border-soft);--chrome-height: 40px;--dp-left: 16px;--dp-top: 80px;--rp-left: 16px;--rp-top: 80px;--text: var(--color-slate-800);--text-main: var(--color-slate-800);--text-secondary: var(--color-slate-600)}.modal.delete-project-modal{align-items:flex-start;justify-content:flex-start;padding:0}.delete-project-card{position:absolute;left:var(--dp-left, 16px);top:var(--dp-top, 80px);width:min(420px,calc(100vw - 20px));padding:12px}.delete-project-card h3{margin:2px 0 8px;font-size:.94rem;font-weight:500}.delete-project-card p{margin:0 0 10px;font-size:.86rem;line-height:1.4;color:var(--muted)}.modal.rename-project-modal{align-items:flex-start;justify-content:flex-start;padding:0}.rename-project-card{position:absolute;left:var(--rp-left, 16px);top:var(--rp-top, 80px);width:min(460px,calc(100vw - 20px));padding:12px}.rename-project-card h3{margin:2px 0 10px;font-size:.94rem;font-weight:500}.rename-project-label{display:block;font-size:.84rem;color:var(--muted);margin-bottom:6px}.rename-project-card input[type=text]{width:100%;border:1px solid var(--border);border-radius:8px;font-size:.9rem;padding:8px 10px;margin-bottom:10px}.rename-project-card p{margin:0 0 10px;font-size:.84rem;line-height:1.4;color:var(--muted);white-space:normal;word-break:break-word}.modal{z-index:14000}.danger-soft{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.danger-soft:hover{background:var(--color-danger-bg-hover);border-color:var(--color-danger-border-hover)}@media(max-width:600px){body{height:100dvh}.modal.delete-project-modal{align-items:center;justify-content:center;padding:16px}.delete-project-card{position:relative;left:auto;top:auto;width:min(420px,96vw);padding:12px}.modal.rename-project-modal{align-items:center;justify-content:center;padding:16px}.rename-project-card{position:relative;left:auto;top:auto;width:min(460px,96vw);padding:12px}}.header-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:0 0 auto}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1 1 auto;flex-wrap:nowrap}.file-btn{width:auto!important;max-width:220px;justify-content:center;text-align:center}.mode-toggle,.mode-btn,.file-btn{font-size:inherit}.file-btn{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);cursor:pointer;user-select:none;white-space:nowrap}.file-btn:hover{filter:brightness(.98)}header button{margin-right:0}.header-actions{display:inline-flex;align-items:center;gap:10px;position:relative}.pill{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:.82rem;white-space:nowrap;user-select:none;background:var(--bg)}header label{white-space:nowrap}header input[type=file]{max-width:220px;font-size:.92rem}header input[type=file]::file-selector-button .icon{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px}header input[type=file]::file-selector-button:hover{filter:brightness(.98)}header input[type=file]::-webkit-file-upload-button{margin-right:8px;padding:var(--control-pad-y) var(--control-pad-x);border:var(--control-border);border-radius:var(--control-radius-md);background:var(--control-bg);cursor:pointer}header input[type=file]::-webkit-file-upload-button:hover{filter:brightness(.98)}.spacer{flex:1 1 auto;min-width:0}main{display:flex;flex-direction:column;flex:1;min-height:0}#segments{flex:1;overflow-y:auto;padding:8px 12px 12px;border-bottom:1px solid var(--border);outline:none}.segment{display:flex;align-items:flex-start;gap:3px;padding:4px;margin-bottom:0;border-bottom:1px solid var(--color-border-100)}.segment.active{background:var(--active);border-bottom-color:var(--color-active-border)}.segment.done{background:var(--done-bg);box-shadow:inset 3px 0 0 var(--done-bar);margin-bottom:0;border-bottom-color:var(--done-bg)}.segment.done.active{background:var(--active);border-bottom-color:var(--color-active-border)}.segment.done .text-input,.segment.done .speaker-input,.segment.done .speaker-dd-btn,.segment.done .time-input{background:var(--done-bg)!important}.segment.done .icon-btn{background:var(--done-bg)}.segment.done .text-input,.segment.done .speaker-input,.segment.done .time-input{opacity:.82}.segment.done.active .text-input,.segment.done.active .speaker-input,.segment.done.active .time-input{opacity:1}.done-btn{width:30px;height:30px;flex:0 0 30px;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;color:inherit;padding:0;line-height:1;display:inline-flex;align-items:center;justify-content:center}.done-btn:hover{border-color:var(--color-border-300);background:#00000005}.done-btn[aria-pressed=true]{border-color:var(--color-slate-400);background:#94a3b81a}.done-btn[data-loopmark]{position:relative}.done-btn[data-loopmark]:after{content:attr(data-loopmark);position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:999px;border:1px solid rgba(148,163,184,.95);background:#e2e8f0f2;color:#1e293bf2;font-size:9px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.segment.active .done-btn[data-loopmark]:after{border-color:#3b82f6e6;background:#bfdbfef2;color:#1e40aff2}.done-btn[data-repeatmark]{position:relative}.done-btn[data-repeatmark]:before{content:attr(data-repeatmark);position:absolute;top:-3px;left:-3px;width:12px;height:12px;border-radius:999px;border:1px solid rgba(148,163,184,.95);background:#e2e8f0f2;color:#1e293bf2;font-size:9px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.segment.active .done-btn[data-repeatmark]:before{border-color:#3b82f6e6;background:#bfdbfef2;color:#1e40aff2}#loopPill{cursor:pointer}.svc-settings-wrap{padding:20px;display:flex;flex-direction:column;gap:12px;max-width:1100px}.svc-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.svc-settings-title{margin:0;font-size:1.3rem;line-height:1.2}.svc-settings-subtitle{margin:6px 0 0;color:var(--muted);font-size:.92rem}.svc-settings-status{font-size:.9rem}.svc-settings-tabs{display:flex;gap:8px;flex-wrap:wrap}.svc-settings-tab{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.9rem}.svc-settings-tab.active{background:var(--active);border-color:var(--color-active-border-strong);font-weight:600}.svc-settings-panel{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:14px;display:flex;flex-direction:column;gap:10px;min-height:220px}.svc-settings-empty{color:var(--muted);font-size:.92rem}.svc-settings-meta{display:grid;grid-template-columns:1fr;gap:4px;font-size:.9rem;color:var(--color-ink-900)}.svc-settings-path{font-family:inherit;font-size:inherit;word-break:break-word;overflow-wrap:anywhere}.svc-settings-error{color:var(--color-error-text);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:8px;padding:8px 10px;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.svc-settings-json{margin:0;border:1px solid var(--border);border-radius:8px;background:var(--chrome-bg);padding:10px;overflow:auto;font-size:.84rem;line-height:1.45;max-height:65vh}.bench-matrix-wrap{display:flex;flex-direction:column;gap:14px;padding:18px;min-height:100%;box-sizing:border-box}.bench-matrix-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.bench-matrix-title{margin:0;font-size:1.4rem;line-height:1.15}.bench-matrix-subtitle{margin:6px 0 0;color:var(--muted);max-width:78ch}.bench-matrix-actions,.bench-matrix-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bench-matrix-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.bench-matrix-status,.bench-matrix-current{font-size:.95rem}.bench-matrix-filters .is-active{border-color:var(--accent-blue, var(--color-blue-500));color:var(--accent-blue, var(--color-blue-500));background:#3b82f614}.bench-matrix-table-wrap{overflow:auto;border:1px solid var(--color-border-soft);border-radius:14px;background:var(--color-white)}.bench-matrix-table{width:100%;border-collapse:collapse;min-width:1120px}.bench-matrix-table th,.bench-matrix-table td{padding:9px 10px;border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;font-size:.92rem;line-height:1.35}.bench-matrix-table th{position:sticky;top:0;z-index:1;background:#f8fafc;font-weight:700;white-space:nowrap}.bench-matrix-table tbody tr:nth-child(2n){background:#fcfdff}.bench-matrix-empty{color:var(--muted);text-align:center;padding:18px 12px}.bench-matrix-reasons,.bench-matrix-session{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.84rem}.tv-seg{color:var(--color-slate-700);cursor:pointer;transition:color .15s,background-color .15s}.tv-seg:hover{background-color:var(--done-bg);color:var(--color-slate-900)}.tv-seg.active{background-color:var(--color-sky-100);color:var(--color-slate-900);font-weight:500}.segment.active .text-input{font-weight:500;color:var(--color-slate-900)}.segment.active .speaker-input{font-weight:600;color:var(--meta)}.segment.active .time,.segment.active .time-input{font-weight:500}.time-input{width:78px;height:var(--input-height-md);padding:5px 7px;border:var(--input-border);background:var(--bg);color:var(--meta);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82em;line-height:1.6;border-radius:var(--input-radius-md);outline:none;box-sizing:border-box}.time-input:focus{box-shadow:var(--control-focus-ring)}.time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82em;width:78px;flex:0 0 auto;line-height:1.6;text-align:right;padding:5px 7px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--meta);box-sizing:border-box}.speaker-wrap{display:inline-flex;align-items:stretch;flex:0 0 auto;gap:0}.speaker-input{width:108px;flex:0 0 auto;font-size:.85rem;padding:5px 7px;border:1px solid var(--border);border-right:none;border-radius:10px 0 0 10px;background:var(--bg);color:var(--meta);outline:none}.speaker-input:focus{box-shadow:0 0 0 2px #1f6feb2e}.speaker-dd-btn{padding:5px;min-width:22px;border:1px solid var(--border);border-left:none;border-radius:0 10px 10px 0;background:var(--panel);color:var(--meta);line-height:1}.speaker-dd-btn:hover{filter:brightness(.98)}.speaker-dd-btn:active{transform:translateY(1px)}.speaker-dropdown{position:fixed;z-index:5000;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #0000002e;max-height:280px;overflow:auto;min-width:200px;padding:6px 0}.speaker-option{padding:8px 12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.speaker-option:hover,.speaker-option.active{background:var(--active)}.text-input{flex:1 1 auto;min-height:var(--input-height-md);height:var(--input-height-md);resize:none;overflow:hidden;font-size:.85rem;line-height:1.2;padding:5px 7px;border:var(--input-border);border-radius:var(--input-radius-md);background:var(--bg);outline:none;color:var(--color-slate-700);font-weight:400}.text-input:focus{box-shadow:var(--control-focus-ring)}button{flex:0 0 auto;margin-right:8px;padding:var(--control-pad-y) var(--control-pad-x);border:var(--control-border);background:var(--control-bg);border-radius:var(--control-radius-md);cursor:pointer}button:focus-visible{outline:none;box-shadow:var(--control-focus-ring)}button:hover{filter:brightness(.98)}button:disabled{opacity:.55;cursor:not-allowed}.icon-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-strong);background:var(--chrome-bg);font-size:14px;line-height:1;user-select:none}.icon-btn:hover{filter:brightness(.985)}.icon-btn:active{transform:translateY(1px)}.icon-btn.play,.icon-btn.split{background:var(--chrome-bg);border-color:var(--border-strong);color:var(--color-slate-500)}.mini{padding:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:.95em;line-height:1;border-radius:10px}.btn-small{padding:4px 10px;min-width:84px;height:30px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}#helpModal #closeHelpBtn{min-width:auto;height:28px;padding:0 10px}.col-buttons{display:flex;gap:6px;align-items:flex-start}#player-container{position:relative;padding:8px 12px;background:var(--bg);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:5}.primary{background:var(--primary);border-color:var(--primary);color:#fff}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;padding:2px 6px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.settings-card,.find-card,.help-card,.filter-card,.export-card,.live-audio-panel-card,.history-card{overflow:hidden;display:flex;flex-direction:column}.history-card{max-height:var(--dialog-card-max-height)}.history-topbar{background:var(--dialog-topbar-bg);backdrop-filter:var(--dialog-topbar-blur);border-bottom:1px solid var(--border)}.settings-card{width:min(520px,calc(100vw - 24px))}.settings-body,.find-body,.help-body{overflow:auto}.settings-hint{margin-top:6px;font-size:.82rem;line-height:1.35}.settings-option-sep{height:14px}.settings-actions{display:flex;justify-content:flex-end;margin-top:12px}.settings-close{padding:4px 10px;min-width:70px;height:var(--control-height-md);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.find-card{width:fit-content;max-width:min(560px,calc(100vw - 24px))}.find-row{display:grid;grid-template-columns:90px auto;align-items:center;gap:10px;margin:8px 0}.find-row label{font-weight:600}.find-row input{height:var(--input-height-md);border-radius:var(--input-radius-md);border:var(--input-border);padding:0 var(--input-pad-inline);font:inherit;font-size:1em;background:var(--bg);width:clamp(200px,42vw,310px);max-width:310px;justify-self:start}.find-options,.find-scope{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:10px}.find-options .chk,.find-scope .rad{display:inline-flex;gap:6px;align-items:center;user-select:none}.find-actions{display:grid;grid-template-columns:108px 92px 118px 1fr 70px;grid-template-rows:auto auto;column-gap:8px;row-gap:4px;margin-top:12px;width:100%;align-items:center}#findNextBtn{width:108px;grid-column:1;grid-row:1}#replaceBtn{width:92px;grid-column:2;grid-row:1}#replaceAllBtn{width:118px;grid-column:3;grid-row:1}#closeFindBtn{width:70px;grid-column:5;grid-row:1;justify-self:end;padding:4px 10px;height:var(--control-height-md);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}#findStatus{grid-column:1 / 5;grid-row:2;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:clip;color:var(--muted);line-height:1.15}#findStatus.error{color:var(--color-danger-strong)}.history-card{max-width:860px;width:min(860px,calc(100vw - 24px))}.history-topbar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:8px}.history-close{padding:4px 10px;font-size:.88rem;border-radius:10px;min-width:88px;white-space:nowrap}.history-body{padding:10px;overflow:auto}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0}.history-head{font-size:.85rem;font-weight:600;margin:6px 0;display:flex;align-items:baseline;justify-content:space-between}.history-list{border:1px solid var(--border);border-radius:12px;background:var(--panel);max-height:220px;overflow:auto;overflow-x:hidden;padding:6px}.history-item{width:100%;max-width:100%;box-sizing:border-box;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 7px;margin:0;border:1px solid transparent;background:transparent;border-radius:10px;cursor:pointer;font:inherit;font-size:.78rem;line-height:1.2}.history-item:hover{background:#0000000a}.history-item.active{border-color:var(--color-border-focus-soft);background:#00000008}.history-item .left{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item .right{flex:0 0 auto;color:var(--muted);font-size:.85em}.history-details{margin-top:10px}.history-pre{border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:10px;max-height:220px;overflow:auto;font-size:.78rem;line-height:1.35;white-space:pre-wrap;word-break:break-word}.muted{color:var(--muted)}.footer-right{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.footer-right button{margin-right:0}.help-card{width:min(560px,96vw)}.help-body{flex:1 1 auto}.help-actions{display:flex;justify-content:flex-end;gap:10px;padding:var(--dialog-body-padding);border-top:1px solid var(--border);background:var(--dialog-topbar-bg);backdrop-filter:var(--dialog-topbar-blur);border-radius:0 0 var(--dialog-card-radius) var(--dialog-card-radius)}.help-actions button{margin-right:0}.help-grid{display:grid;grid-template-columns:180px 1fr;gap:8px 12px;align-items:start}.help-key{white-space:nowrap}.filter-bar{border-bottom:1px solid var(--border);background:var(--panel);padding:6px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:.82rem}.filter-bar.hidden{display:none}.filter-bar-left{display:flex;align-items:center;gap:8px;min-width:0}.filter-bar-right{display:flex;align-items:center;gap:8px}.filter-bar-right button{margin-right:0}.filter-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;font-size:.75rem;white-space:nowrap;user-select:none;background:var(--bg);max-width:320px;overflow:hidden;text-overflow:ellipsis}.filter-chip .x{border:none;background:transparent;padding:0 2px;margin:0;cursor:pointer;font-size:14px;line-height:1;color:var(--muted)}.filter-chip .x:hover{color:var(--color-black)}.segment.filtered-out{display:none!important}.segment.forced-visible{outline:2px solid rgba(255,193,7,.45);outline-offset:-2px}.filter-notice{background:var(--color-warning-bg);border-bottom:1px solid var(--color-warning-border);padding:8px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between}.filter-notice.hidden{display:none}.filter-notice-text{color:var(--color-warning-text);font-size:.82rem}.filter-notice-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-card{width:min(640px,calc(100vw - 24px))}.filter-body{overflow:visible}.filter-section{padding:10px 0;border-bottom:1px solid var(--color-border-100)}.filter-section:last-child{border-bottom:none}.filter-head{font-weight:700;font-size:.85rem}.filter-speakers{margin-top:8px;border:1px solid var(--border);border-radius:12px;padding:8px 10px;max-height:150px;overflow:auto;background:var(--bg)}.filter-speakers .chk{display:flex;gap:8px;align-items:center;margin:4px 0}.filter-inline{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.filter-actions{display:flex;justify-content:space-between;gap:8px;padding-top:10px}.export-card{width:min(420px,calc(100vw - 24px))}.export-body{overflow:auto}.export-lead{font-weight:600;margin-bottom:10px}.export-hint{margin:-2px 0 10px;font-size:.85rem;line-height:1.3}.export-format-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.export-format{display:inline-flex;align-items:center;gap:8px;user-select:none;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.export-format-disabled{opacity:.55}.export-actions{display:flex;justify-content:flex-end;gap:8px}.mode-toggle{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--color-white);box-shadow:0 1px #00000005;margin-right:8px}.mode-toggle button{margin-right:0}.mode-btn{border:0;background:transparent;padding:6px 10px;cursor:pointer;font:inherit;color:var(--text);line-height:1}.mode-btn:hover{filter:brightness(.98)}.mode-btn.active{background:var(--mode-active);font-weight:600}#textView{flex:1;overflow-y:auto;padding:10px 12px 12px;border-bottom:1px solid var(--border);outline:none}.tv-speaker{width:130px;flex:0 0 auto;font-size:.85rem;font-weight:600;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-text{white-space:pre-wrap;line-height:1.5;font-size:14px}.tv-seg{border-radius:6px;padding:0 2px;cursor:pointer}.tv-seg:hover{background:#7daaff2e}.tv-seg.active{background:var(--active)}.tv-seg[data-loopmark],.tv-seg[data-repeatmark]{position:relative}.tv-seg[data-loopmark*=B]:after{content:"B";display:inline-flex;vertical-align:text-top;margin-left:2px;width:12px;height:12px;border-radius:999px;border:1px solid rgba(148,163,184,.95);background:#e2e8f0f2;color:#1e293bf2;font-size:9px;line-height:1;align-items:center;justify-content:center;pointer-events:none}.tv-seg[data-loopmark*=A]:before{content:"A";display:inline-flex;vertical-align:text-top;margin-right:2px;width:12px;height:12px;border-radius:999px;border:1px solid rgba(148,163,184,.95);background:#e2e8f0f2;color:#1e293bf2;font-size:9px;line-height:1;align-items:center;justify-content:center;pointer-events:none}.tv-seg[data-repeatmark]:before{content:attr(data-repeatmark);display:inline-flex;vertical-align:text-top;margin-right:2px;width:12px;height:12px;border-radius:999px;border:1px solid rgba(148,163,184,.95);background:#e2e8f0f2;color:#1e293bf2;font-size:9px;line-height:1;align-items:center;justify-content:center;pointer-events:none}.tv-seg[data-repeatmark][data-loopmark*=A]:before{content:attr(data-repeatmark) " A";width:auto;padding:0 4px;gap:2px}.tv-seg.active[data-loopmark]:after,.tv-seg.active[data-repeatmark]:before{border-color:#3b82f6e6;background:#bfdbfef2}.tv-seg.done{background:var(--done-bg);box-shadow:inset 0 -2px 0 var(--done-bar)}.tv-seg.done.active{background:var(--active);box-shadow:inset 0 -2px 0 var(--done-bar)}.toast{position:fixed;right:12px;bottom:12px;background:var(--color-ink-900);color:var(--color-white);padding:8px 12px;border-radius:10px;font:inherit;font-size:13px;line-height:1.2;box-shadow:0 6px 18px #0000002e;opacity:0;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;z-index:9999;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}#docViewContainer{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}#textView{flex:1;overflow-y:auto;padding:10px 12px 12px;border-bottom:1px solid var(--border);outline:none;min-width:0}#topicsView{width:300px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;padding:16px;font-size:.9rem}.topics-header{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--color-ink-700)}.topics-list{display:flex;flex-direction:column;gap:0}.topic-item{display:flex;flex-direction:row;gap:10px;padding:10px 8px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.topic-item:hover{background:var(--mode-active)}.topic-item.active{background:#3b82f614;border-left:3px solid var(--accent)}.topic-item.active .topic-title{color:var(--accent);font-weight:700}.topic-time{font-family:monospace;font-size:.8em;color:var(--muted);flex-shrink:0;padding-top:2px}.topic-content{min-width:0}.topic-title{font-weight:600;margin-bottom:2px;line-height:1.3}.topic-desc{font-size:.85em;color:var(--muted);line-height:1.4}:root{--tv-meta-width: 210px}.tv-block{display:grid;grid-template-columns:var(--tv-meta-width) 1fr;column-gap:8px;margin:10px 0 14px}.tv-block.tv-block-paragraph-continue{grid-template-columns:var(--tv-meta-width) 1fr;margin-top:0}.tv-block.tv-block-before-paragraph-continue{margin-bottom:6px}.tv-meta{align-self:start}.tv-meta.tv-meta-empty{visibility:hidden;pointer-events:none}.tv-meta-row{display:flex;align-items:baseline;gap:6px;background:var(--bg)}.tv-time{width:72px;flex:0 0 auto;text-align:right;padding-right:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82em;line-height:1.6;color:var(--color-black);white-space:nowrap}.tv-speaker{width:124px;flex:0 0 auto;font-size:.85rem;font-weight:600;color:var(--color-black);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}.tv-text{white-space:pre-wrap;line-height:1.5;font-size:14px;color:var(--color-ink-900);font-family:var(--ui-font);min-width:0}.tv-seg{cursor:text;border-radius:3px;padding:1px 0}.tv-seg:hover{background:#00000008}.tv-seg.active{background:var(--active);box-shadow:0 0 0 2px var(--active)}.tv-seg.done{color:var(--color-ink-500)}#textView.tv-compact-meta .tv-block,#textView.tv-compact-meta .tv-block.tv-block-paragraph-continue{grid-template-columns:1fr;row-gap:4px}#textView.tv-compact-meta .tv-meta{width:100%;text-align:left;margin-bottom:0}#textView.tv-compact-meta .tv-meta.tv-meta-empty{display:none}#textView.tv-compact-meta .tv-meta-row{gap:8px;flex-wrap:wrap}#textView.tv-compact-meta .tv-time{width:auto;text-align:left;padding-right:0}#textView.tv-compact-meta .tv-speaker{width:auto;max-width:100%}body.mobile #docViewContainer{flex-direction:column}body.mobile #textView{padding:16px;width:100%;order:1}body.mobile .doc-view-splitter{order:2}body.mobile #topicsView{width:100%;border-left:none;border-top:none;order:3}body.mobile .tv-block{display:block;margin-bottom:20px;gap:0}body.mobile .tv-meta{width:100%;text-align:left;margin-bottom:4px;display:flex;flex-direction:row;align-items:baseline;gap:10px}body.mobile .tv-time{display:inline;font-size:.8rem}body.mobile .tv-speaker{display:inline;font-size:.9rem}body.mobile .desktop-only,body.desktop .mobile-only{display:none!important}body.mobile .header-actions{gap:4px}.upload-zone{border:2px dashed var(--color-slate-200);border-radius:16px;background:var(--color-surface-upload);padding:48px 24px;text-align:center;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.upload-zone:hover{border-color:var(--primary);background:var(--color-surface-upload-hover)}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{color:var(--color-slate-400);transition:color .2s ease}.upload-zone:hover .upload-icon{color:var(--primary);transform:translateY(-2px)}.upload-zone.drag-over{border-color:var(--primary);background:var(--color-surface-upload-active);transform:scale(1.02)}.upload-hint{font-size:14px;color:var(--color-slate-500);margin:0}.file-confirm-box{display:flex;align-items:center;background:linear-gradient(135deg,var(--bg) 0%,var(--color-surface-upload-hover) 100%);border:1px solid var(--color-slate-200);border-radius:14px;padding:16px;gap:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:0}.file-icon-styled{flex-shrink:0;width:48px;height:48px;background:var(--color-surface-upload-active);color:var(--primary);display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--color-sky-100);box-shadow:inset 0 2px 4px #2563eb08}.file-info{flex:1;display:flex;flex-direction:column;min-width:0}.file-name-label{font-size:15px;font-weight:600;color:var(--color-slate-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.change-file-link{background:none;border:none;padding:0;margin:4px 0 0;color:var(--color-slate-500);font-size:13px;cursor:pointer;text-align:left;transition:color .2s ease;width:fit-content;font-weight:500}.change-file-link:hover{color:var(--primary);text-decoration:underline}#startUploadBtn.primary{padding:12px 24px;font-size:15px;font-weight:600;border-radius:10px;letter-spacing:.01em;box-shadow:0 4px 6px -1px #2563eb1a;transition:opacity .2s ease}#startUploadBtn.primary:hover{opacity:.9}.header-more-trigger{display:inline-flex;align-items:center;gap:6px}.header-more-trigger .material-symbols-outlined{font-size:18px}.header-more-menu{display:none;position:absolute;top:100%;right:0;background:var(--bg);border:1px solid var(--border);box-shadow:0 12px 30px #0f172a29;border-radius:12px;flex-direction:column;padding:6px;min-width:220px;z-index:1000;margin-top:8px}.header-more-menu.show-menu{display:flex}.header-more-menu .more-menu-item{width:100%;text-align:left;margin:0;justify-content:flex-start;display:flex;align-items:center;padding:9px 10px;border:none;border-radius:8px;background:transparent;color:var(--color-slate-900);font-size:.9rem;cursor:pointer;white-space:nowrap;user-select:none}.header-more-menu .more-menu-item:hover{background:#f3f4f6}.header-more-menu .more-menu-item.muted{color:var(--color-slate-500)}.header-more-menu .more-menu-separator{height:1px;margin:4px;background:var(--border)}#customPlayer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.custom-player-wrapper{display:flex;align-items:center;width:100%;gap:12px;padding:4px 8px;box-sizing:border-box}.cp-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;color:var(--text);display:flex;align-items:center;justify-content:center}.cp-btn:hover{background:#0000000d}.cp-time-current,.cp-time-total{font-family:monospace;font-size:.85rem;color:var(--muted);min-width:45px;text-align:center}.cp-timeline-wrapper{flex:1;position:relative;height:32px;display:flex;align-items:center}.cp-timeline{-webkit-appearance:none;appearance:none;width:100%;height:100%;background:transparent;border-radius:2px;outline:none;cursor:pointer;position:relative;z-index:3;margin:0;box-shadow:none;border:none}.cp-timeline::-webkit-slider-runnable-track{background:transparent;border:none;box-shadow:none}.cp-timeline::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:transparent;border:none;box-shadow:none;cursor:pointer;margin-top:0}.cp-timeline::-moz-range-track{background:transparent;border:none}.cp-timeline::-moz-range-thumb{height:16px;width:16px;border:none;background:transparent;box-shadow:none;cursor:pointer}.cp-progress-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);height:6px;background:var(--primary);width:0%;border-radius:3px;pointer-events:none;z-index:2}.cp-track-bg{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:6px;background:var(--color-slate-200);border-radius:3px;z-index:1}body.mobile #player-container{position:fixed!important;bottom:0!important;left:0!important;width:100%!important;z-index:9999!important;border-top:1px solid var(--border);background:var(--panel);box-shadow:0 -2px 10px #0000000d;display:flex!important}body.mobile #docViewContainer{padding-bottom:0;height:calc(100dvh - var(--mobile-player-height, 0px));box-sizing:border-box;overflow:hidden}body.mobile #textView{padding-bottom:12px}body.mobile .tv-meta,body.mobile .tv-block,body.mobile .tv-text{padding-left:0!important;margin-left:0!important}body.mobile #textView{flex:6 1 0%!important;overflow-y:auto!important;padding-bottom:20px!important;min-height:0;padding-left:0!important;margin-left:0!important;padding-right:0!important}body.mobile>header,body.mobile header{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}@media(max-width:600px){.main-content>header{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}}body.mobile #docViewContainer{flex-direction:column!important;--tv-split-ratio: .6}body.mobile #textView{flex:none!important;height:calc(var(--tv-split-ratio) * (100% - 12px))!important;overflow-y:auto!important;padding:10px!important;min-height:60px!important}body.mobile #topicsView{flex:1 1 0%!important;width:100%!important;border-left:none!important;border-top:none!important;min-height:80px!important;overflow-y:auto!important;display:block!important;padding-bottom:12px}body.mobile #topicsView.hidden{display:none!important}body.mobile #docViewContainer.no-topics #textView{flex:1 1 auto!important;height:100%!important;min-height:0!important}body.mobile #docViewContainer.no-topics{padding-bottom:0!important}.doc-view-splitter.hidden{display:none!important}.doc-view-splitter{flex:0 0 auto;height:12px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--color-surface-100);border-top:1px solid var(--border, var(--color-border-200));border-bottom:1px solid var(--border, var(--color-border-200));z-index:10;position:relative}.doc-view-splitter-grip{width:32px;height:3px;border-radius:2px;background:var(--color-gray-500);opacity:.7;transition:opacity .15s}.doc-view-splitter:active .doc-view-splitter-grip,.doc-view-splitter.dragging .doc-view-splitter-grip{opacity:1;background:var(--color-gray-700)}body.mobile .cp-speed{display:none!important}body.mobile .custom-player-wrapper{gap:6px;padding:0 4px}body.mobile .cp-play{margin-right:0}body.mobile .cp-timeline-wrapper{flex:1 1 auto;margin:0 4px}.cp-speed{font-family:inherit;font-size:.75rem;border-radius:4px;padding:2px;border:1px solid var(--border);background:var(--bg);cursor:pointer;margin-left:8px;width:auto;text-align:center;text-align-last:center}#moreMenuBtn{font-size:inherit;font-weight:inherit;padding:4px 10px}.hidden{display:none!important}.live-wrap{display:flex;flex-direction:column;min-height:100%;height:auto;box-sizing:border-box;gap:0}.live-main{display:flex;flex-direction:column;min-height:100%;height:auto;flex:1 1 auto;box-sizing:border-box;gap:0}.live-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.live-header .header-left,.live-header .header-right{display:flex;align-items:center;gap:10px;min-width:0}.live-header .header-left{flex:1 1 0}.live-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--chrome-padding-v) var(--chrome-padding-h);background:var(--chrome-bg);border-top:1px solid var(--chrome-border);position:sticky;bottom:0;z-index:1200}.live-bottom-bar .controls-left,.live-bottom-bar .controls-right{display:flex;align-items:center;min-width:0}.live-bottom-bar .controls-left{display:flex;align-items:center;gap:10px;flex:1 1 0;flex-wrap:nowrap}.live-language-picker{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.live-language-picker .live-audio-settings-btn{width:auto;height:auto;border:0;border-radius:0;background:transparent;color:var(--muted, var(--color-slate-500));display:inline-flex;align-items:center;justify-content:center;padding:0 2px;line-height:1;font-size:inherit;cursor:pointer;flex:0 0 auto;transition:color .15s ease,opacity .15s ease;opacity:.9}.live-language-picker .live-audio-settings-btn:hover{color:var(--color-slate-600);opacity:1}.live-language-picker .live-audio-settings-btn:focus{outline:none;color:var(--accent-blue, var(--color-blue-500))}.live-language-picker .live-audio-settings-btn .material-symbols-outlined{font-size:19px;line-height:1}.live-language-picker.is-compact{flex-wrap:nowrap;align-items:center}.live-language-picker .live-language-select{width:96px;min-width:86px;max-width:220px;padding:5px 28px 5px 10px;border-radius:999px;border:1px solid var(--border-color, var(--color-border-soft));background-color:var(--chrome-bg);color:var(--text-main, var(--color-slate-800));font-size:.78rem;font-weight:600;line-height:1.2;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23475569' d='M1.2.3 5 4.1 8.8.3 10 1.5 5 6 0 1.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px;box-shadow:0 1px 2px #0f172a0f;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;text-overflow:ellipsis}.live-language-picker .live-language-select:hover{background-color:var(--color-white);border-color:var(--color-slate-300)}.live-language-picker .live-language-select:focus{outline:none;border-color:var(--accent-blue, var(--color-blue-500));box-shadow:0 0 0 3px #3b82f633;background-color:var(--color-white)}.live-language-picker .live-language-select:disabled{opacity:.6;cursor:not-allowed}.live-bottom-bar .controls-center{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto}.live-bottom-bar .controls-right{justify-content:flex-end;gap:6px;flex:1 1 0}.live-audio-panel{position:fixed;left:12px;bottom:calc(var(--chrome-height) + 12px);z-index:1700;max-width:calc(100vw - 24px);pointer-events:none}.live-audio-panel-card{pointer-events:auto;width:min(560px,calc(100vw - 24px));max-height:min(70vh,560px);border-radius:var(--dialog-card-radius);background:color-mix(in oklab,var(--bg, var(--color-white)) 94%,var(--chrome-bg) 6%);border:1px solid var(--border, var(--mode-active));box-shadow:0 18px 36px #0f172a38}.live-audio-panel-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border-subtle)}.live-audio-panel-actions-right{display:flex;align-items:center;gap:6px}.live-audio-panel-record,.live-audio-panel-reset,.live-audio-panel-close{height:28px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 10px}.live-audio-panel-record{min-width:110px}.live-audio-panel-reset{min-width:120px}.live-audio-panel-close{min-width:64px}.live-vu-meter-wrap{margin-top:2px;margin-bottom:4px}.live-vu-meter-label{font-size:13px;color:var(--text-secondary, #64748b);margin-bottom:4px}.live-vu-meter-bar{width:100%;height:20px;background:#0000001a;border-radius:4px;overflow:hidden}.live-vu-meter-bar canvas{display:block;width:100%;height:100%}.live-audio-panel-body{overflow:auto;display:flex;flex-direction:column;gap:8px}.live-audio-panel-hint{color:var(--muted, var(--color-slate-500));font-size:.74rem;line-height:1.35;margin-top:12px;margin-bottom:2px}.live-audio-pregain{display:grid;grid-template-columns:1fr;gap:6px;margin:2px 0 4px}.live-audio-pregain-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-audio-pregain-head>label{color:var(--text-main, var(--color-slate-900));font-weight:600;font-size:.78rem}.live-audio-pregain input[type=range]{width:100%;margin:0}.live-audio-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;align-items:center;margin-top:2px}.live-audio-toggle{display:inline-flex;align-items:center;gap:6px;margin:0;min-width:0;font-size:.78rem;font-weight:400;line-height:1.25;user-select:none}.live-audio-toggle input[type=checkbox]{margin:0;flex:0 0 auto;width:14px;height:14px;vertical-align:middle}.live-audio-toggle>span{min-width:0;white-space:normal}.live-audio-ui-value{font-weight:500;color:var(--color-slate-600)}.live-audio-sep{height:1px;background:var(--color-border-subtle);margin:4px 0}.live-audio-kv{display:grid;grid-template-columns:170px 1fr;gap:8px;font-size:.76rem;line-height:1.35}.live-audio-kv>span:first-child{font-weight:500;color:var(--muted, var(--color-slate-500))}.live-audio-kv>span:last-child{word-break:break-word;white-space:normal;text-align:right;font-weight:400;color:var(--text-main, var(--color-slate-900))}.live-content-area{position:relative;flex:1;min-height:0;overflow-y:auto;padding:8px 12px;font-size:1.1rem;line-height:1.7;color:var(--text, var(--color-slate-800))}.live-demo-overlay{position:absolute;inset:8px 12px;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#f5f7fab8;backdrop-filter:blur(2px);border-radius:16px}.live-demo-overlay.hidden{display:none}.live-demo-dialog{width:min(620px,100%);background:#fffffffa;border:1px solid var(--border, var(--color-slate-200));border-radius:18px;box-shadow:0 20px 44px #0f172a24;padding:18px 18px 16px}.live-demo-eyebrow{margin-bottom:8px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue, var(--color-blue-500))}.live-demo-dialog h2{margin:0 0 8px;font-size:1.25rem;line-height:1.25;color:var(--text-main, var(--color-slate-900))}.live-demo-copy{margin:0 0 14px;font-size:.95rem;line-height:1.5;color:var(--muted, var(--color-slate-500))}.live-demo-option{border:1px solid var(--border, var(--color-slate-200));border-radius:14px;padding:14px;background:#ffffffeb}.live-demo-option+.live-demo-option{margin-top:12px}.live-demo-option p{margin:10px 0 0;font-size:.88rem;line-height:1.5;color:var(--muted, var(--color-slate-500))}.live-placeholder{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--color-slate-400);font-size:1.1rem;text-align:center}.live-final-text{width:100%;min-height:0;max-height:100%;overflow-y:auto;white-space:normal;word-break:break-word}.live-softbreak-gap{display:block;height:.32em}.live-softbreak-gap-speaker{height:.72em}.live-speaker-label{display:block;font-style:italic;font-size:1em;color:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;margin:0;user-select:none}.timer{font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:600;color:var(--text-main, var(--color-slate-800));line-height:1;display:flex;align-items:center}.timer.timer-top{font-size:1.2rem}.timer.timer-bottom-desktop{font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--text-primary, #1e293b);min-width:40px;text-align:center}@media(max-width:600px){.timer.timer-bottom-desktop{display:none!important}}.live-float-listening,.live-float-paused{display:none}.live-float-listening:not(.hidden),.live-float-paused:not(.hidden){display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-primary-start{background-color:var(--accent-blue, var(--color-blue-500));color:#fff;width:64px;height:64px;border-radius:50%;border:none;box-shadow:0 4px 12px #3b82f64d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .15s}.btn-primary-start:hover{background-color:var(--accent-blue-hover, var(--color-blue-600));transform:scale(1.05)}.btn-primary-start:active{transform:scale(.98)}.btn-primary-start:after{content:"";width:20px;height:20px;background-color:#fff;border-radius:50%}.live-demo-primary,.live-demo-secondary,.live-demo-skip{width:auto;height:auto;min-height:42px;border-radius:12px;padding:10px 14px;box-shadow:none;transform:none;font-size:.92rem;font-weight:600}.live-demo-primary:after{content:none}.live-demo-primary:hover{transform:none}.live-demo-actions{display:flex;justify-content:flex-end;margin-top:14px}.btn-secondary,.btn-danger,.btn-outline{font-weight:500;font-size:.9rem;cursor:pointer;transition:background-color .15s}.btn-secondary,.btn-danger{padding:8px 16px;border-radius:8px;border:none}.btn-secondary{background-color:var(--done-bg);color:var(--text-main, var(--color-slate-800))}.btn-secondary:hover{background-color:var(--color-slate-200)}.btn-danger{background-color:var(--color-danger-bg);color:var(--accent-red, var(--color-red-500))}.btn-danger:hover{background-color:var(--color-danger-bg-hover)}.btn-outline{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, var(--color-slate-200));background-color:var(--color-white);color:var(--text-main, var(--color-slate-800))}.btn-outline.btn-compact{padding:6px 10px;font-size:.85rem}.btn-outline:hover:not([disabled]){background-color:var(--chrome-bg)}.btn-outline[disabled]{opacity:.45;cursor:not-allowed}.live-float-processing-text{color:var(--color-slate-500);font-size:.95rem;font-weight:500}.live-status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:.875rem;font-weight:500;transition:background-color .3s,color .3s;gap:8px}.live-vad-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.69rem;font-weight:500;line-height:1;border:1px solid var(--color-vad-idle-border);background:var(--color-vad-idle-bg);color:var(--color-vad-idle-text);white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease;opacity:.88}.live-vad-badge.vad-speech{border-color:var(--color-vad-speech-border);background:var(--color-vad-speech-bg);color:var(--color-vad-speech-text)}.live-vad-badge.vad-hangover{border-color:var(--color-vad-hangover-border);background:var(--color-vad-hangover-bg);color:var(--color-vad-hangover-text)}.live-status-badge.status-idle{background-color:var(--done-bg);color:var(--color-slate-500)}.live-status-badge.status-connecting,.live-status-badge.status-finalizing{background-color:var(--color-warning-bg-soft);color:var(--color-warning-700)}.live-status-badge.status-listening{background-color:var(--color-success-bg);color:var(--color-success-text)}.live-status-badge.status-listening:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--color-success-accent);flex-shrink:0;animation:live-pulse-green 2s infinite}@keyframes live-pulse-green{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.live-status-badge.status-paused{background-color:var(--color-paused-bg);color:var(--color-paused-text)}.live-status-badge.status-finished{background-color:var(--color-finished-bg);color:var(--color-finished-text)}.live-status-badge.status-error{background-color:var(--color-danger-bg-hover);color:var(--color-danger-700)}.live-dev-section{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:12px;padding:24px 16px 48px;align-items:stretch;border-top:1px solid var(--border);background:var(--panel)}.live-card{border:1px solid var(--border);border-radius:14px;background:var(--color-white);padding:14px;min-height:0;box-shadow:0 8px 20px #0f172a08}.live-controls{display:flex;flex-direction:column;gap:12px;height:100%}.live-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:28px;padding:0 12px;border-radius:999px;font-size:.72rem;letter-spacing:.04em;font-weight:700;text-transform:uppercase;color:var(--color-ink-950);background:var(--mode-active);white-space:nowrap}.live-status-badge.idle,.live-status-badge.disconnected{background:var(--mode-active);color:var(--color-gray-700)}.live-status-badge.connecting{background:var(--color-warning-bg-strong);color:var(--color-warning-800)}.live-status-badge.connected,.live-status-badge.ready{background:var(--color-sky-100);color:var(--color-info-text)}.live-status-badge.listening{background:var(--color-success-bg-strong);color:var(--color-success-text-strong)}.live-status-badge.paused{background:var(--color-paused-bg);color:var(--color-paused-text)}.live-status-badge.ended{background:var(--color-surface-200);color:var(--color-gray-700)}.live-status-badge.error{background:var(--color-danger-bg-hover);color:var(--color-danger-700)}.live-secondary-row{display:grid;grid-template-columns:1fr;gap:8px}.live-secondary-row.live-secondary-row-2up{grid-template-columns:repeat(2,minmax(0,1fr))}.live-secondary-row button{width:100%}.live-secondary-row button[disabled]{opacity:.55;cursor:not-allowed}.live-session-row{display:flex;flex-direction:column;gap:4px}.live-session-row .muted{font-size:.75rem;line-height:1.2;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.live-select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--color-white);color:var(--text);padding:7px 10px;font-size:.85rem;line-height:1.4;box-shadow:none}.live-select:disabled{opacity:.65;cursor:not-allowed}.live-file-picker{display:flex;flex-direction:column;gap:6px}.live-file-input{display:none}.live-file-name{min-height:18px;color:var(--muted);font-size:.8rem;line-height:1.4;word-break:break-word}.live-session-row code{font-family:inherit;font-size:.85rem;line-height:1.4;word-break:break-all;background:var(--color-white);border:1px solid var(--border);border-radius:8px;padding:6px 8px}.live-run-panels{display:grid;grid-template-columns:1fr;gap:10px;overflow:hidden;align-content:start;overflow-anchor:none}.live-label{font-size:.75rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.live-partial-row,.live-run-panel-card{border:1px solid var(--color-warm-partial-border);border-radius:10px;padding:10px 12px;background:var(--color-warm-partial-bg)}.live-run-panel-card{min-height:0;display:flex;flex-direction:column}.live-run-panel-card-wide{grid-column:auto}.live-partial-text{margin-top:6px;min-height:22px;color:var(--color-zinc-700);font-size:.85rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.live-partial-text[data-empty="1"]:before{content:attr(data-placeholder);color:var(--color-muted-400)}.live-quality-report{font-size:.85rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;overflow:visible}.live-engine-stale-line{color:var(--color-muted-400)}.live-final-text{width:100%;flex:1 1 auto;padding:12px;font-size:.94rem;line-height:1.55;color:var(--text);overflow-y:auto;white-space:normal;word-break:break-word}.live-final-text-main{color:inherit;white-space:pre-wrap}.live-final-text-preview{color:var(--color-muted-400);font-style:italic;opacity:.92;white-space:pre-wrap}.live-final-text:focus{outline:none;border-color:var(--color-warm-focus);box-shadow:0 0 0 3px #d6c6a233}@media(max-width:980px){.live-controls{order:2}.live-run-panels{order:3;grid-column:auto;grid-template-columns:1fr}.live-run-panel-card-wide{grid-column:auto}.live-final-text{min-height:0}}@media(max-width:640px){body.mobile .live-wrap,.live-wrap{min-height:100%!important;height:auto!important;max-height:none!important}body.mobile .live-main,.live-main{min-height:100%!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important}body.mobile .live-header,.live-header{display:flex!important;flex:0 0 auto!important;min-height:44px!important;max-height:44px!important;padding:8px 12px!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:100!important}body.mobile .live-bottom-bar,.live-bottom-bar{flex-wrap:nowrap!important;flex:0 0 auto!important;padding:6px 8px!important;gap:4px!important;min-height:48px!important;max-height:48px!important;position:relative!important;z-index:100!important}.live-bottom-bar .controls-left{flex:0 0 auto;gap:6px}.live-language-picker{gap:2px}.live-language-picker .live-audio-settings-btn{padding:0 1px}.live-language-picker .live-audio-settings-btn .material-symbols-outlined{font-size:18px}.live-language-picker .live-language-select{min-width:100px;max-width:100px;padding:4px 16px 4px 8px;font-size:.7rem}.live-bottom-bar .controls-center{flex:0 0 auto;order:0;margin-bottom:0;margin-left:22px;margin-right:8px;justify-content:center}.live-bottom-bar .controls-right{flex:0 0 auto;justify-content:flex-end;margin-left:auto;margin-right:-4px}.live-audio-panel{left:8px;bottom:56px;max-width:calc(100vw - 16px)}.live-audio-panel-card{width:min(520px,calc(100vw - 16px));max-height:85vh}.live-audio-panel-body{font-size:.78rem;padding:8px}.live-audio-toggles{grid-template-columns:1fr}.live-bottom-bar button{padding:6px 10px;font-size:.85rem}.live-float-listening:not(.hidden),.live-float-paused:not(.hidden){gap:4px}.btn-dev-toggle{padding:4px 8px!important;font-size:1.1rem!important}.btn-dev-toggle .dev-toggle-text{display:none}.live-float-finished button{padding:6px 8px;font-size:.8rem}body.mobile .live-float-finished #liveDownloadPcBtn{display:none!important}body.mobile .live-content-area,.live-content-area{flex:1 1 auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;position:relative!important}.live-demo-overlay{position:fixed;inset:0;z-index:11000;padding:12px;background:transparent;backdrop-filter:none;border-radius:0}.live-demo-dialog{max-height:calc(100dvh - 24px);overflow-y:auto;padding:14px}.live-demo-dialog h2{font-size:1.1rem}.live-demo-primary,.live-demo-secondary,.live-demo-skip{width:100%}.live-demo-actions{justify-content:stretch}body.mobile .live-placeholder,.live-placeholder{flex:1 1 auto!important;min-height:0!important;height:auto!important;justify-content:center;transform:translateY(-14%)}.live-dev-section{grid-template-columns:1fr}.live-status-badge{font-size:.75rem;padding:4px 8px}.live-vad-badge{font-size:.64rem;padding:2px 6px}.timer-top{font-size:1rem}}.intro-view{max-width:800px;margin:0 auto;padding:40px 20px 0;font-family:Inter,sans-serif}.landing-page{--landing-topbar-height: 56px;--landing-topbar-offset: calc(var(--landing-topbar-height) + env(safe-area-inset-top, 0px));display:block;height:auto;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#fff 28rem)}.landing-view{display:block;flex:none;min-height:auto;padding-top:var(--landing-topbar-offset);padding-bottom:64px}.landing-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:fixed;top:0;left:50%;transform:translate(-50%);width:min(800px,calc(100vw - 40px));height:var(--landing-topbar-offset);box-sizing:border-box;z-index:60;padding:env(safe-area-inset-top,0px) 20px 0;margin-bottom:0;background:#f8fbffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.landing-brand{color:var(--text-color);text-decoration:none;font-size:1rem;font-weight:700;letter-spacing:-.01em}.landing-nav-link{color:var(--primary);text-decoration:none;font-weight:600}.landing-nav-link:hover{text-decoration:underline}.landing-kicker{margin:0 0 12px;color:var(--primary);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.landing-hero h1{max-width:760px;margin-left:auto;margin-right:auto}.intro-hero{text-align:center;margin-bottom:40px;padding:24px 0 20px}.intro-hero h1{font-size:2.5rem;margin:0 0 16px;letter-spacing:-.02em}.intro-subtitle{font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.landing-hero-actions{margin-top:28px}.landing-hero-btn{display:inline-block;padding:12px 30px;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;font-size:1rem;border-radius:8px;transition:background-color .15s ease}.landing-hero-btn:hover{background:#1d4ed8}.intro-tabs-container{position:sticky;top:var(--landing-topbar-offset);z-index:55;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:0 20px;margin:0 -20px}.intro-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.intro-tabs::-webkit-scrollbar{display:none}.intro-tab{padding:16px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap}.intro-tab:hover{color:var(--text-color)}.intro-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.intro-content{display:flex;flex-direction:column;gap:0;padding-bottom:40px}.intro-section{display:flex;flex-direction:column;gap:24px;padding:48px 20px;margin:0 -20px;scroll-margin-top:80px}.intro-section:nth-child(2n){background:#f4f6fa;border-top:1px solid #e8ecf2;border-bottom:1px solid #e8ecf2}.intro-text h2{font-size:1.5rem;margin:0 0 16px}.intro-text p{font-size:1.05rem;line-height:1.6;color:var(--text-color);margin:0 0 24px}.intro-media{align-items:center;gap:12px;margin-top:16px;width:100%}.intro-media{display:flex;flex-direction:column}.intro-screenshot-placeholder{width:100%;aspect-ratio:16 / 9;background:#f0f2f6;border:1px solid #d0d6e0;border-radius:12px;overflow:hidden;padding:10px;box-shadow:0 4px 16px #1217210f;transition:box-shadow .2s ease,border-color .2s ease}.intro-screenshot-image{width:100%;height:100%;display:block;object-fit:contain;object-position:top center;background:#fff;border-radius:6px;cursor:zoom-in}.intro-media:hover .intro-screenshot-placeholder{border-color:#bcc5d3;box-shadow:0 6px 22px #1217211a}.intro-media-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem}.intro-link{display:inline-block;padding:6px 16px;color:var(--primary);text-decoration:none;font-weight:500;font-size:.88rem;border:1px solid var(--primary);border-radius:6px;transition:background-color .15s ease,color .15s ease}.intro-link:hover{background:var(--primary);color:#fff}.intro-hint{font-size:.8rem;margin:0}.intro-hero h1,.intro-text h2{font-weight:600;color:#1a1a2e}.intro-subtitle,.intro-hint{color:var(--text-secondary)}@media(max-width:600px){.landing-page{--landing-topbar-height: 52px}.intro-view{padding:20px 16px 0;max-width:100%}.landing-view{padding-top:var(--landing-topbar-offset);padding-bottom:40px}.landing-topbar{width:calc(100vw - 32px);padding:0 16px}.intro-hero{padding:20px 0 16px;margin-bottom:24px}.intro-hero h1{font-size:1.75rem;margin:0 0 12px}.intro-subtitle{font-size:.95rem;padding:0 8px}.landing-hero-actions{margin-top:20px}.landing-hero-btn{padding:10px 24px;font-size:.93rem}.intro-tabs-container{padding:0 16px;margin:0 -16px;position:sticky;top:var(--landing-topbar-offset)}.intro-tabs-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,rgba(255,255,255,.95));pointer-events:none}.intro-tab{padding:12px;font-size:.85rem}.intro-content{padding-bottom:24px}.intro-section{padding:32px 16px;margin:0 -16px;scroll-margin-top:60px}.intro-text h2{font-size:1.25rem;margin:0 0 12px}.intro-text p{font-size:.95rem;line-height:1.5;margin:0 0 16px}.intro-media{margin-top:8px}.intro-screenshot-placeholder{aspect-ratio:16 / 9;padding:8px}.intro-media-caption{font-size:.85rem;flex-wrap:wrap;justify-content:center;text-align:center}.intro-hint{display:block;width:100%;margin-top:4px;margin-left:0!important}}@media(min-width:768px){.intro-section{flex-direction:row;align-items:flex-start;gap:60px}.intro-section:nth-child(2n){flex-direction:row-reverse}.intro-text{flex:1;margin-top:-2px}.intro-media{flex:1;margin-top:0}}body.landing-dialog-open{overflow:hidden}.landing-mobile-dialog{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a7a;z-index:14020}.landing-mobile-dialog-card{width:min(420px,100%);padding:24px;border-radius:20px;background:#fff;box-shadow:0 24px 80px #0f172a3d}.landing-mobile-dialog-card h2{margin:0 0 12px;font-size:1.2rem;color:var(--text-color)}.landing-mobile-dialog-card p{margin:0;color:var(--text-secondary);line-height:1.55}.landing-mobile-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.landing-mobile-dialog-link,.landing-mobile-dialog-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.landing-mobile-dialog-link{background:var(--primary);border:1px solid var(--primary);color:#fff}.landing-mobile-dialog-link:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.landing-mobile-dialog-close{background:#fff;border:1px solid #cbd5e1;color:var(--text-color)}.landing-mobile-dialog-close:hover{background:#f8fafc;border-color:#94a3b8}@media(max-width:600px){.intro-screenshot-image{cursor:default}.landing-screenshot-lightbox{display:none!important}.landing-mobile-dialog{padding:16px}.landing-mobile-dialog-card{padding:20px;border-radius:18px}.landing-mobile-dialog-actions{flex-direction:column;align-items:stretch}.landing-mobile-dialog-link,.landing-mobile-dialog-close{width:100%}}body.landing-lightbox-open{overflow:hidden}.landing-screenshot-lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;background:#0f172ac7;z-index:14040}.landing-screenshot-lightbox-image{display:block;max-width:min(1400px,calc(100vw - 96px));max-height:calc(100vh - 96px);width:auto;height:auto;border-radius:16px;box-shadow:0 24px 80px #0f172a73;background:#fff}.landing-screenshot-lightbox-close{position:absolute;top:24px;right:24px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0f172ab8;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.landing-screenshot-lightbox-close:hover{background:#1e293beb;border-color:#ffffff61}#app-sidebar .sidebar-content>.nav-links>li{height:38px!important;margin-bottom:0!important;font-size:.85rem!important;padding-left:8px!important}#app-sidebar:not(.expanded) .sidebar-content>.nav-links>li{padding-left:0!important}#app-sidebar .sidebar-content>.nav-links>li .material-symbols-outlined{font-size:20px!important}@media(min-width:601px){#app-sidebar:not(.expanded){width:66px!important}}#app-sidebar .projects-separator{padding:10px 16px 10px 8px!important;margin-top:8px!important;color:var(--text-secondary)!important;font-size:.75rem!important;letter-spacing:.05em!important;font-weight:500!important}#app-sidebar .sidebar-content{padding-top:6px!important}#app-sidebar .projects-list .projects-empty{padding:8px 14px!important;opacity:.6!important;font-size:.85rem!important}@media(max-width:600px){#app-sidebar{z-index:10050!important}}