*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text)}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100dvh;background:var(--bg);display:flex;flex-direction:column}button,input{font:inherit;background:none;border:none;cursor:pointer;color:inherit}input[type=text],input[type=search],input:not([type]){cursor:text}img{display:block}a{color:inherit;text-decoration:none}:root{color-scheme:dark;--bg:#000000;--bg-elev:#111111;--text:#F2EDE4;--text-sub:#aaaaaa;--text-muted:#777777;--track-bg:#3a3a3a;--track-fill:#ffcf00;--accent:#ffcf00;--border:rgba(255,255,255,.08);--row-hover:rgba(255,255,255,.05)}.app-layout{display:flex;flex-direction:column;flex:1;min-height:0}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.app-nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:var(--bg);border-bottom:1px solid var(--border)}.app-brand{font-size:16px;font-weight:800;letter-spacing:-.2px;color:var(--text)}.app-nav-links{display:flex;align-items:center;gap:4px}.app-nav-link{padding:6px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-sub);transition:background .12s,color .12s}.app-nav-link:hover{background:var(--row-hover);color:var(--text)}.app-nav-link--active{color:var(--text);background:var(--bg-elev)}@media (max-width: 699px){.app-nav{padding:4px 10px;gap:8px;min-height:36px}.app-brand{font-size:13px}.app-nav-links{gap:0}.app-nav-link{padding:4px 8px;font-size:12px;border-radius:6px}}.app-main--player{padding:0}.screen-pad{padding:24px 20px;max-width:960px;margin:0 auto;width:100%}.screen-title{font-size:28px;font-weight:800;letter-spacing:-.4px;margin-bottom:20px}.back-link{display:inline-block;margin-bottom:14px;font-size:14px;color:var(--text-sub)}.back-link:hover{color:var(--text)}.msg-error{color:#c0392b;padding:12px;border-radius:8px;background:#c0392b14}.msg-muted{color:var(--text-muted);font-size:14px}.streamer-list,.vod-list{list-style:none;display:flex;flex-direction:column;gap:6px}.streamer-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;transition:background .12s}.streamer-row:hover{background:var(--row-hover)}.streamer-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;object-fit:cover;background:var(--bg-elev)}.streamer-avatar--placeholder{background:#c0392b}.streamer-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.streamer-name{font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.streamer-sub{font-size:13px;color:var(--text-sub)}.badge{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:4px}.badge--live{background:#c0392b;color:#fff}.badge--processing{background:var(--bg-elev);color:var(--text-sub)}.vod-row{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;transition:background .12s}.vod-row:hover{background:var(--row-hover)}.vod-title{font-size:15px;font-weight:600;color:var(--text);line-height:1.3}.vod-sub{font-size:13px;color:var(--text-sub)}.player-stage--hidden{position:fixed;left:-9999px;top:0;width:320px;height:180px;pointer-events:none}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:var(--left-col-px, 320px) 6px minmax(560px,1fr) 6px var(--right-col-px, 320px);padding:16px;background:var(--bg);overflow:hidden;position:relative}.workspace-player-slot{position:relative;min-width:560px;min-height:340px;background:#000;border-radius:10px;overflow:hidden}.twitch-embed{position:absolute;top:0;right:0;bottom:0;left:0}.twitch-embed iframe{width:100%;height:100%;border:0;display:block}.twitch-embed--empty{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.dock-zone{display:flex;flex-direction:column;min-width:0;min-height:0;border-radius:10px;transition:background .12s,outline-color .12s;outline:2px dashed transparent;outline-offset:-4px}.dock-zone--drop-target{background:color-mix(in srgb,var(--accent) 8%,transparent);outline-color:var(--accent)}.dock-zone--split:not(.dock-zone--has-min)>.dock-pane:first-of-type{flex:0 0 calc(var(--zone-split, .5) * 100% - 3px)}.dock-zone--split:not(.dock-zone--has-min)>.dock-pane:last-of-type{flex:1 1 0}.dock-zone--has-min .panel-divider--y{display:none}.dock-pane{display:flex;flex-direction:column;flex:1 1 0;min-height:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;overflow:hidden}.dock-pane--minimized{flex:0 0 32px!important}.search-panel{display:flex;flex-direction:column;min-height:0;flex:1;gap:8px;padding:8px}.search-panel-input-row{flex-shrink:0;display:flex}.search-panel-input{width:100%;padding:8px 10px;font-size:13px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .12s,box-shadow .12s}.search-panel-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.search-panel-empty{font-size:12px;color:var(--text-muted);padding:8px 4px;text-align:center}.search-panel-results{list-style:none;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0}.search-panel-hit{display:flex}.search-panel-hit-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border-radius:6px;text-align:left;color:var(--text-sub);transition:background .12s,color .12s}.search-panel-hit-btn:hover{background:var(--row-hover);color:var(--text)}.search-panel-hit-kind{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted)}.search-panel-hit--chapter .search-panel-hit-kind{color:var(--accent)}.search-panel-hit-text{font-size:13px;line-height:1.4;color:var(--text)}.search-panel-hit-text mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text);border-radius:2px;padding:0 1px}.search-panel-hit-time{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.dock-pane-titlebar{flex-shrink:0;height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:var(--bg);border-bottom:1px solid var(--border);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.dock-pane-titlebar:active{cursor:grabbing}.dock-pane-title{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-sub)}.dock-pane-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-size:13px;color:var(--text-sub);background:transparent;cursor:pointer;transition:background .12s,color .12s}.dock-pane-toggle:hover{background:var(--row-hover);color:var(--text)}.dock-pane-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.panel-divider{background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:none;transition:background .12s}.panel-divider--collapsed{width:0;height:0;pointer-events:none}.workspace-edge{position:absolute;top:8px;bottom:8px;width:80px;display:none;pointer-events:none;border:2px dashed var(--border);background:#ffffff0a;border-radius:8px;z-index:5}.workspace-edge--left{left:8px}.workspace-edge--right{right:8px}.workspace-player-slot--dragging .workspace-edge{display:block}.workspace-player-slot--dragging.workspace-player-slot--target-left .workspace-edge--left,.workspace-player-slot--dragging.workspace-player-slot--target-right .workspace-edge--right{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent)}@media (max-width: 699px){.workspace{grid-template-columns:1fr!important;grid-template-rows:auto auto auto;gap:8px;padding:8px;overflow-y:auto}.workspace-player-slot{min-width:0;min-height:0;aspect-ratio:16/9;width:100%;grid-row:1}.dock-zone[data-zone=left]{grid-row:2}.dock-zone[data-zone=right]{grid-row:3}.dock-pane{min-height:200px}.panel-divider,.workspace-edge{display:none}}.captions-panel{display:flex;flex-direction:column;min-height:0;flex:1;position:relative}.captions-jump{position:absolute;left:50%;transform:translate(-50%);z-index:3;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.3px;background:var(--accent);color:#000;border-radius:14px;box-shadow:0 4px 12px #0006;cursor:pointer;transition:transform .12s,background .12s}.captions-jump:hover{background:color-mix(in srgb,var(--accent) 85%,white)}.captions-jump--up{top:8px}.captions-jump--down{bottom:8px}.captions-empty{padding:14px;font-size:13px;text-align:center}.caption-list{list-style:none;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;padding:6px 8px;min-height:0}.caption-row{display:flex}.caption-row-btn{display:flex;width:100%;padding:8px 10px;border-radius:6px;text-align:left;color:var(--text-sub);transition:background .12s,color .12s}.caption-row-btn:hover{background:var(--row-hover);color:var(--text)}.caption-row-text{font-size:14px;line-height:1.45}.caption-row--active .caption-row-btn{background:var(--bg)}.caption-row--active .caption-row-text{color:var(--accent);font-weight:600}.panel-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:13px}.panel-divider{background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-divider:hover{background:var(--row-hover)}.panel-divider:before{content:"";display:block;background:var(--border);border-radius:1px}.panel-divider--x{width:6px;height:100%;cursor:col-resize}.panel-divider--x:before{width:2px;height:32px}.panel-divider--y{height:6px;width:100%;cursor:row-resize}.panel-divider--y:before{width:32px;height:2px}.panel-divider:not(.panel-divider--x):not(.panel-divider--y){width:6px;height:100%;cursor:col-resize}.chapter-list{list-style:none;display:flex;flex-direction:column;gap:2px;overflow-y:auto;height:100%;padding:6px 8px}.chapter-row-btn{display:flex;align-items:center;gap:14px;width:100%;padding:10px 12px;border-radius:8px;text-align:left;color:var(--text);transition:background .12s}.chapter-row-btn:hover{background:var(--row-hover)}.chapter-row-number{flex-shrink:0;width:28px;text-align:right;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.chapter-row-title{flex:1;font-size:15px;line-height:1.3}.chapter-row-time{flex-shrink:0;font-size:12px;color:var(--text-sub);font-variant-numeric:tabular-nums}.chapter-row--active .chapter-row-btn{background:var(--bg-elev)}.chapter-row--active .chapter-row-title{font-weight:700;color:var(--accent)}.chapter-row--active .chapter-row-number{color:var(--accent)}.home-section{margin-top:8px;margin-bottom:32px}.home-section-title{font-size:14px;font-weight:700;color:var(--text-sub);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.home-rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.home-rail>*{scroll-snap-align:start;flex:0 0 auto}.streamer-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:160px;padding:14px;border-radius:14px;background:var(--bg-elev);transition:transform .12s,background .12s}.streamer-card:hover{background:var(--row-hover);transform:translateY(-1px)}.streamer-card-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;background:var(--bg)}.streamer-card-avatar--placeholder{background:#c0392b}.streamer-card-name{font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.streamer-card-sub{font-size:12px;color:var(--text-sub)}.resume-card{display:flex;flex-direction:column;gap:6px;width:280px;padding:16px;border-radius:14px;background:var(--bg-elev);transition:background .12s}.resume-card:hover{background:var(--row-hover)}.resume-card-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resume-card-sub{font-size:12px;color:var(--text-sub)}.resume-card-bar{position:relative;height:4px;background:var(--track-bg);border-radius:2px;margin-top:4px}.resume-card-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:2px}.resume-card-time{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.search-input{width:100%;padding:14px 16px;font-size:15px;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none;transition:border-color .12s,box-shadow .12s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.search-results{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:18px}.search-result{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;transition:background .12s}.search-result:hover{background:var(--row-hover)}.search-result-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-sub)}.search-result-streamer{font-weight:700;color:var(--text)}.search-result-date{color:var(--text-muted)}.search-result-title{font-size:15px;font-weight:700;color:var(--accent);line-height:1.3}.search-result-vod{font-size:13px;color:var(--text-sub);line-height:1.3}.search-result-snippet{font-size:13px;line-height:1.5;color:var(--text-sub);background:var(--bg-elev);padding:8px 10px;border-radius:8px;margin-top:4px}.search-result-snippet mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text);border-radius:2px;padding:0 2px}.settings-section{margin-bottom:32px}.settings-section-title{font-size:12px;font-weight:700;color:var(--text-sub);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);font-size:15px}.settings-row-label{flex:1;color:var(--text)}.btn{padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;background:var(--bg-elev);color:var(--text);transition:background .12s,opacity .12s}.btn:hover{background:var(--row-hover)}.btn--primary{background:#9146ff;color:#fff}.btn--primary:hover{background:#7a36e0}.inline-code{background:var(--bg-elev);padding:2px 6px;border-radius:4px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn--danger{background:#c0392b;color:#fff}.btn--danger:hover{background:#a82c1f}.settings-row-stack{display:flex;flex-direction:column;gap:2px;flex:1}.settings-row-hint{font-size:12px;color:var(--text-muted);line-height:1.4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-fade .12s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);color:var(--text);border-radius:16px;width:100%;max-width:420px;padding:24px;border:1px solid var(--border);animation:modal-rise .15s ease-out}@keyframes modal-rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:18px;font-weight:800;margin-bottom:8px}.modal-body{font-size:14px;color:var(--text-sub);line-height:1.5;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.onboarding-modal{max-width:480px}.onboarding-list{list-style:disc;padding-left:18px;display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-size:14px;color:var(--text-sub);line-height:1.5}.settings-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;animation:toast 2.4s ease-out forwards;z-index:150}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}