:root{--bg: #ffffff;--bg-soft: #f7f7f5;--surface: #ffffff;--border: #e6e5e1;--text: #2b2a27;--muted: #82817b;--accent: #c2511f;--accent-soft: #fbeee7;--radius: 10px;--sidebar-w: 340px;--reading: 18px;color-scheme:light}:root[data-theme=dark]{--bg: #1b1b19;--bg-soft: #232321;--surface: #2a2a27;--border: #3a3a35;--text: #e9e8e3;--muted: #9b998f;--accent: #e2682f;--accent-soft: #3a2a20;color-scheme:dark}:root[data-theme=dark] .seg--focus{background:#5a4a1e}:root[data-theme=dark] .seg--active{background:#1f5b32;box-shadow:inset 3px 0 #4ade80}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}button{font:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.boot,.placeholder,.login{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted)}.placeholder{flex-direction:column;gap:8px;text-align:center;padding:24px}.btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:9px 14px;font-weight:600}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{width:100%}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn--small{padding:5px 10px;font-size:13px;font-weight:500}.error{color:#b3261e;font-size:14px}.muted{color:var(--muted)}.app-shell{display:flex;flex-direction:column;height:100%}.app{flex:1;min-height:0;display:grid;grid-template-columns:var(--sidebar-w) 1fr}.app--no-list{grid-template-columns:1fr}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar__icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);width:32px;height:32px;border-radius:7px;cursor:pointer}.topbar__icon:hover{background:var(--bg-soft);color:var(--accent)}.topbar__icon[aria-pressed=true]{color:var(--accent)}.topbar__center{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:8px;overflow:hidden;white-space:nowrap}.topbar__title{font-weight:600;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis}.topbar__title:hover{color:var(--accent);text-decoration:underline}.topbar__channel{color:var(--muted);font-size:14px;flex:0 0 auto}.topbar__right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.icon-btn{background:transparent;border:none;color:var(--muted);font-size:16px;line-height:1;padding:2px 7px;border-radius:6px;cursor:pointer}.icon-btn:hover{background:var(--surface);color:var(--accent)}.sidebar{border-right:1px solid var(--border);background:var(--bg-soft);display:flex;flex-direction:column;min-height:0}.sidebar__top{padding:14px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border)}.sidebar__header{display:flex;align-items:center;justify-content:space-between}.sidebar__heading{font-weight:700;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.search,.filters select,.modal input,.login input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font:inherit}.filters{display:flex;gap:8px}.filters select{flex:1;min-width:0}.list{overflow-y:auto;flex:1;padding:8px;display:flex;flex-direction:column;gap:4px}.empty{color:var(--muted);padding:16px;text-align:center;font-size:14px}.row{position:relative;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.row:hover{background:var(--surface)}.row--active{background:var(--surface);border-color:var(--border)}.row__title{font-weight:600;font-size:14px;line-height:1.3;padding-right:22px}.row__channel{font-size:12px;color:var(--text);opacity:.8}.row__sub,.row__meta{font-size:12px;color:var(--muted);display:flex;gap:6px}.row__meta{justify-content:space-between}.row__tags{display:flex;flex-wrap:wrap;gap:4px}.row__delete{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:13px;line-height:1;padding:2px 4px;border-radius:6px;opacity:0;transition:opacity .1s}.row:hover .row__delete,.row:focus-within .row__delete{opacity:.55}.row__delete:hover{opacity:1;background:var(--accent-soft)}.folder{display:flex;flex-direction:column;gap:4px}.folder__new{align-self:flex-start;margin:2px 4px 4px}.folder__head{display:flex;align-items:center;gap:4px;border-radius:var(--radius);padding:2px}.folder__head.drop--over{background:var(--accent-soft);outline:2px dashed var(--accent)}.folder__toggle{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:transparent;border:none;text-align:left;padding:5px 6px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.folder__toggle--static{cursor:default}.folder__caret{font-size:10px;width:10px}.folder__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder__count{color:var(--muted);font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:0 6px;font-size:11px}.folder__actions{display:flex;gap:2px;opacity:0;transition:opacity .1s}.folder__head:hover .folder__actions{opacity:1}.empty--folder{font-size:12px;padding:6px 10px 10px 22px;opacity:.8}.status{font-weight:600}.status--done{color:#1a7f37}.status--processing{color:var(--accent)}.status--queued{color:var(--muted)}.status--failed{color:#b3261e}.progress{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px}.progress__bar{height:8px;border-radius:999px;overflow:hidden;background:var(--bg-soft);border:1px solid var(--border)}.progress__fill{height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease}.progress__bar--indeterminate .progress__fill{width:40%;transition:none;animation:progress-slide 1.2s ease-in-out infinite}@keyframes progress-slide{0%{margin-left:-40%}to{margin-left:100%}}.progress__label{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.hit{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.hit:hover{border-color:var(--accent)}.hit__title{font-size:13px;font-weight:600}.hit__snippet{font-size:13px;color:var(--text)}.hit__snippet b{background:var(--accent-soft)}.hit__speaker{font-size:12px;color:var(--muted)}.sidebar__logout{margin:10px}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 9px;font-size:12px}.tag--mini{font-size:11px;padding:1px 7px}.main{overflow-y:auto;min-height:0}.workspace{max-width:920px;margin:0 auto;padding:28px 28px 80px}.workspace--with-outline{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:start}.workspace__main{min-width:0}.outline{position:sticky;top:20px;font-size:13px}.outline__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.outline__title{font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.outline ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.outline button{width:100%;text-align:left;background:transparent;border:none;border-left:2px solid var(--border);padding:5px 10px;color:var(--text);display:flex;flex-direction:column;gap:1px;line-height:1.3}.outline button:hover{border-left-color:var(--accent);color:var(--accent)}.outline__time{color:var(--muted);font-size:11px}@media(max-width:980px){.workspace--with-outline{grid-template-columns:1fr}.outline{position:static;margin-bottom:16px}}.video-region{margin-bottom:24px}.video-sentinel{height:1px}.video-placeholder{padding-top:56.25%;border-radius:var(--radius);background:var(--bg-soft);border:1px dashed var(--border)}.video{position:relative;padding-top:56.25%;border-radius:var(--radius);overflow:hidden;background:#000}.video__frame{position:absolute;top:0;right:0;bottom:0;left:0}.video__shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;border:none;padding:0;margin:0;cursor:pointer}.video__frame iframe,.video__frame>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video--none{background:var(--bg-soft);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px;margin-bottom:24px}.video--floating{position:fixed;left:24px;bottom:24px;z-index:40;width:420px;max-width:70vw;padding-top:0;height:236px;box-shadow:0 8px 30px #00000047}.video__dock{position:absolute;top:6px;right:6px;z-index:3;width:26px;height:26px;line-height:1;border:none;border-radius:6px;background:#0009;color:#fff;font-size:16px}.video__dock:hover{background:#000000d9}.video__resize{position:absolute;bottom:0;right:0;z-index:3;width:18px;height:18px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.55) 50%);border-bottom-right-radius:var(--radius)}.video__drag{position:absolute;top:6px;left:6px;z-index:3;display:flex;align-items:center;justify-content:center;width:26px;height:26px;line-height:1;border-radius:6px;background:#0009;color:#fff;font-size:15px;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.video__drag:hover{background:#000000d9}@media(max-width:640px){.video--floating{width:200px;height:112px;left:12px;bottom:12px}}.reader__head h1{font-size:26px;line-height:1.2;margin:0 0 8px}.reader__meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;flex-wrap:wrap;margin-bottom:8px}.reader__tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:24px}.reader__summary{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:24px}.reader__summary-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}.reader__summary p{margin:0;line-height:1.6}.reader__enrich{margin-bottom:24px}.transcript{font-size:var(--reading);line-height:1.75}.chapter{font-size:20px;font-weight:700;margin:32px 0 12px;scroll-margin-top:16px}.speaker{display:inline-block;background:transparent;border:none;color:var(--accent);font-weight:600;font-size:14px;padding:0;margin:14px 0 2px}.speaker:hover{text-decoration:underline}.para{margin:0 0 16px}.ts{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);background:transparent;border:none;padding:0 5px 0 0;vertical-align:1px;white-space:nowrap}.ts:not(:disabled):hover{color:var(--accent)}.ts:disabled{cursor:default}.seg{border-radius:4px;transition:background-color .15s ease}.seg--seekable{cursor:pointer}.seg--seekable:hover{background:var(--accent-soft)}.seg--focus{background:#fff4cc}.seg--active{background:#aef0bf;box-shadow:inset 3px 0 #1a7f37;padding-left:4px}.view-controls{position:fixed;right:24px;bottom:24px;z-index:46;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.view-controls__actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .12s ease,transform .12s ease}.view-controls:hover .view-controls__actions{opacity:1;pointer-events:auto;transform:none}.view-controls__fab{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #0000002e;font-size:20px;line-height:1;color:var(--muted)}.view-controls__fab:hover{color:var(--accent);border-color:var(--accent)}.vc-action{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:9px 14px;font-weight:600;font-size:13px;white-space:nowrap;box-shadow:0 6px 20px #0003}.vc-action:hover{filter:brightness(1.05)}.vc-theme{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #0000002e;font-size:16px;line-height:1;color:var(--text)}.vc-theme:hover{border-color:var(--accent)}@media(max-width:640px){.view-controls{right:12px;bottom:12px}}.workspace--split{max-width:none}.workspace--split .reader{flex:1 1 auto;min-width:0;min-height:0}.workspace__main.ws--text-right,.workspace__main.ws--text-left{display:flex;flex-direction:row;gap:24px;align-items:flex-start}.workspace__main.ws--text-left{flex-direction:row-reverse}.workspace__main.ws--text-top,.workspace__main.ws--text-bottom{display:flex;flex-direction:column;gap:16px}.workspace__main.ws--text-top{flex-direction:column-reverse}.video-region--docked{margin-bottom:0;overflow:hidden;background:var(--bg);display:grid;place-items:center}.ws--text-right .video-region,.ws--text-left .video-region{flex:none;width:calc(var(--split) * 100%);height:100vh;position:sticky;top:0;align-self:flex-start}.ws--text-top .video-region,.ws--text-bottom .video-region{flex:none;width:100%;height:calc(var(--split) * 100vh);position:sticky}.ws--text-bottom .video-region{top:0}.ws--text-top .video-region{bottom:0}.video--docked{padding-top:0;height:auto;aspect-ratio:16 / 9}.ws--text-right .video--docked,.ws--text-left .video--docked{width:min(100%,calc(100vh * 16 / 9))}.ws--text-top .video--docked,.ws--text-bottom .video--docked{width:min(100%,calc(var(--split) * 100vh * 16 / 9))}.ws-divider{flex:none;position:relative}.ws--text-right .ws-divider,.ws--text-left .ws-divider{width:8px;align-self:stretch;cursor:col-resize;position:sticky;top:16px}.ws--text-top .ws-divider,.ws--text-bottom .ws-divider{height:8px;align-self:stretch;cursor:row-resize;z-index:3}.ws--text-bottom .ws-divider{position:sticky;top:calc(var(--split) * 100vh)}.ws--text-top .ws-divider{position:sticky;bottom:calc(var(--split) * 100vh)}.ws-divider:before{content:"";position:absolute;background:var(--border)}.ws--text-right .ws-divider:before,.ws--text-left .ws-divider:before{top:0;bottom:0;left:50%;width:2px;transform:translate(-50%)}.ws--text-top .ws-divider:before,.ws--text-bottom .ws-divider:before{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.ws-divider:hover:before{background:var(--accent)}.layout-toggle{position:relative}.layout-toggle__btn{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #0000002e;font-size:16px;color:var(--text)}.layout-toggle__btn:hover{border-color:var(--accent);color:var(--accent)}.layout-toggle__menu{position:absolute;right:0;bottom:52px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #0000002e;padding:6px;display:flex;flex-direction:column;gap:2px;width:max-content}.lt-opt{display:flex;align-items:center;gap:10px;background:transparent;border:none;border-radius:6px;padding:7px 10px;font-size:13px;text-align:left;color:var(--text);white-space:nowrap}.lt-opt:hover{background:var(--bg-soft)}.lt-opt--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.lt-ico{position:relative;display:flex;width:28px;height:20px;flex:none;border:1px solid var(--border);border-radius:3px;overflow:hidden;background:var(--bg-soft)}.lt-ico i{display:block}.lt-ico__v{background:var(--accent);flex:none}.lt-ico__t{background:var(--surface);flex:1}.lt-ico--text-right{flex-direction:row}.lt-ico--text-left{flex-direction:row-reverse}.lt-ico--text-bottom{flex-direction:column}.lt-ico--text-top{flex-direction:column-reverse}.lt-ico--text-right .lt-ico__v,.lt-ico--text-left .lt-ico__v{width:40%}.lt-ico--text-top .lt-ico__v,.lt-ico--text-bottom .lt-ico__v{height:40%}.lt-ico--centered .lt-ico__t{display:none}.lt-ico--centered .lt-ico__v{position:absolute;left:3px;bottom:3px;width:11px;height:8px;border-radius:2px}.notes{margin-top:36px;padding-top:20px;border-top:1px solid var(--border)}.notes label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.notes textarea{width:100%;min-height:90px;padding:11px;border:1px solid var(--border);border-radius:var(--radius);font:inherit;resize:vertical}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px}.modal__card,.login__card{background:var(--surface);border-radius:14px;padding:24px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 40px #0000002e}.modal__card h2,.login__card h1{margin:0}.modal__card label,.login__card label{display:flex;flex-direction:column;gap:6px;font-size:14px}.modal__actions{display:flex;justify-content:flex-end;gap:10px}.login__card{text-align:center;align-items:stretch}