:root{--bg: #0d1219;--surface: rgba(18, 25, 36, .86);--surface-2: rgba(30, 41, 58, .9);--border: rgba(148, 170, 200, .14);--text: #dbe3ee;--muted: #8393a8;--accent: #ffb020;--accent-2: #5ea8ff;--sidebar: 300px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}kbd{font-family:ui-monospace,monospace;font-size:10px;padding:1px 4px;margin-left:4px;border:1px solid var(--border);border-radius:3px;color:var(--muted)}.app{position:fixed;inset:0}.app canvas{display:block}.sidebar{position:absolute;top:12px;left:12px;bottom:12px;width:var(--sidebar);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;z-index:20;transition:transform .25s ease}.sidebar.collapsed{transform:translate(calc(-100% - 12px))}.sidebar .collapse{position:absolute;right:-30px;top:10px;width:24px;height:32px;border-radius:6px;background:var(--surface);border:1px solid var(--border);font-size:16px;line-height:1}.sidebar-inner{height:100%;display:flex;flex-direction:column;padding:14px;gap:10px;min-height:0}.sidebar h1{margin:0;font-size:16px;font-weight:600;letter-spacing:.2px}.sidebar h1 em{font-style:normal;color:var(--accent)}.repo-form{display:flex;gap:6px}.repo-form input{flex:1;min-width:0;background:#0000004d;border:1px solid var(--border);border-radius:7px;padding:7px 9px;font-family:ui-monospace,monospace;font-size:12px}.repo-form input:focus{outline:none;border-color:var(--accent-2)}.repo-form button{background:var(--accent);color:#1b1300;border:0;border-radius:7px;padding:0 12px;font-weight:600}.presets{display:flex;flex-wrap:wrap;gap:4px}.presets button{background:transparent;border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;color:var(--muted)}.presets button:hover{color:var(--text)}.presets button.active{color:var(--accent);border-color:#ffb02080}.meta{border-top:1px solid var(--border);padding-top:10px;display:grid;gap:6px}.meta a{color:var(--accent-2);text-decoration:none;font-family:ui-monospace,monospace;font-size:12px;word-break:break-all}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips span{background:var(--surface-2);border-radius:5px;padding:2px 6px;font-size:11px;color:var(--muted)}.warn{margin:0;color:#f5c16c;font-size:11.5px;line-height:1.4}.episodes{flex:1;overflow-y:auto;min-height:0;margin:0 -6px;padding:0 6px;display:grid;align-content:start;gap:2px}.episode{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;text-align:left;background:transparent;border:0;border-radius:7px;padding:6px 8px}.episode:hover{background:#ffffff0a}.episode.active{background:#ffb0201f;box-shadow:inset 2px 0 0 var(--accent)}.ep-idx{font-family:ui-monospace,monospace;color:var(--muted);font-size:12px}.episode.active .ep-idx{color:var(--accent)}.ep-task{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.ep-dur{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.load-more{margin-top:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:6px;color:var(--muted)}.powered{flex:none;display:grid;gap:8px;padding:10px;margin:0 -4px -4px;border-radius:10px;background:linear-gradient(160deg,#ffb0201f,#ffb02008);border:1px solid rgba(255,176,32,.28)}.powered-head{display:flex;justify-content:space-between;align-items:center;color:var(--text);text-decoration:none;font-weight:600;font-size:12.5px}.powered-head code{color:var(--accent);font-size:12px}.powered-head:hover code{text-decoration:underline}.powered-pitch{margin:0;color:var(--muted);font-size:11.5px;line-height:1.45}.powered-stat{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}.powered-stat>strong{color:var(--accent);font-size:15px;font-variant-numeric:tabular-nums}.powered-stat span strong{color:var(--text);font-weight:600}.powered-install{display:flex;justify-content:space-between;align-items:center;background:#00000059;border:1px solid var(--border);border-radius:7px;padding:6px 9px;text-align:left}.powered-install code{font-size:11.5px}.powered-install span{color:var(--muted);font-size:11px}.powered-install:hover span{color:var(--accent)}.powered>*{min-width:0}.powered-code summary{cursor:pointer;color:var(--muted);font-size:11.5px}.powered-code summary:hover{color:var(--text)}.powered-code pre{margin:8px 0 6px;padding:8px 9px;background:#0006;border-radius:7px;font-size:10.5px;line-height:1.55;overflow-x:auto;white-space:pre}.powered-code .k{color:#c792ea}.powered-code .s{color:#c3e88d}.powered-code .c{color:#6b7a90}.powered-code .n{color:#f78c6c}.powered-note{margin:0;color:var(--muted);font-size:11px;line-height:1.4}.task-hud{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px;align-items:center;max-width:46vw;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:999px;padding:6px 14px 6px 6px;pointer-events:none}.ep-badge{background:var(--accent);color:#1b1300;font-weight:600;font-size:11px;border-radius:999px;padding:3px 9px;white-space:nowrap}.task{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.joint-hud{position:absolute;right:12px;bottom:76px;z-index:10;width:230px;pointer-events:none;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:grid;gap:5px}.hud-title{font-family:ui-monospace,monospace;font-size:11px;color:var(--muted);margin-bottom:2px}.joint{display:grid;grid-template-columns:84px 1fr 44px;gap:8px;align-items:center;font-size:11.5px}.joint .name{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joint .bar{position:relative;height:4px;background:#ffffff14;border-radius:2px}.joint .bar i{position:absolute;top:-3px;width:2px;height:10px;margin-left:-1px;background:var(--accent);border-radius:1px}.joint .val{text-align:right;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.playback{position:absolute;bottom:12px;right:12px;left:calc(var(--sidebar) + 24px);z-index:20;display:flex;align-items:center;gap:8px;height:52px;padding:0 12px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;transition:left .25s ease}.playback.wide{left:12px}.playback button{background:transparent;border:0;color:var(--muted);font-size:14px;width:30px;height:30px;border-radius:7px;flex:none;padding:0;display:grid;place-items:center}.playback button:hover{color:var(--text);background:#ffffff0f}.playback button.play{background:var(--accent);color:#1b1300;width:36px;height:36px;border-radius:50%;font-size:13px}.playback button.on{color:var(--accent)}.playback input[type=range]{flex:1;accent-color:var(--accent);min-width:40px}.playback .time{font-family:ui-monospace,monospace;font-size:11.5px;color:var(--muted);flex:none;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.playback select{background:#0000004d;border:1px solid var(--border);border-radius:6px;padding:3px 4px;font-size:12px}.panel-label{display:flex;align-items:center;gap:6px;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#0a0e14cc;border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:11.5px;font-family:ui-monospace,monospace}.panel-label .dot{width:6px;height:6px;border-radius:50%;background:#3ddc97}.panel-label.loading .dot,.panel-label.buffering .dot{background:var(--accent);animation:pulse 1s infinite}.panel-label.error .dot{background:#ff5d5d}.panel-label .status{color:var(--muted);font-size:10.5px}@keyframes pulse{50%{opacity:.3}}.toast{position:absolute;bottom:76px;left:50%;transform:translate(-50%);z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:60vw}.toast.error{border-color:#ff5d5d80;color:#ffb3b3}.splash{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:15px}@media(max-width:800px){:root{--sidebar: calc(100vw - 24px) }.joint-hud,.task-hud{display:none}.playback{left:12px}.playback .time{min-width:0}}