:root{--bg:#f5f6fa;--surface:#fff;--surface-2:#f0f1f6;--surface-3:#e7e9f0;--border:#e2e4ec;--border-strong:#cfd3de;--text:#151722;--text-2:#3d4152;--muted:#666b7d;--accent:#5b4cf0;--accent-hover:#4a3be0;--accent-soft:#ecebfe;--accent-text:#4636d6;--on-accent:#fff;--ok:#178a55;--ok-soft:#e3f5ec;--warn:#a86400;--warn-soft:#fdf1dc;--bad:#cc2f27;--bad-soft:#fde8e7;--info:#2466c2;--info-soft:#e5effc;--new:#d9336a;--bar-track:#e5e7ef;--shadow-sm:0 1px 2px #1416280f;--shadow:0 6px 24px #1416281a;--shadow-lg:0 18px 50px #14162838;--radius:12px;--radius-sm:8px;--sidebar:256px;--sidebar-rail:68px;--topbar:60px;--hm0:#eceef3;--hm1:#b7d3f6;--hm2:#6da7ec;--hm3:#2a78d6;--hm4:#184f95;--chart-bar:#2a78d6;--chart-bar-hi:#1c5cab;--font:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1015;--surface:#161920;--surface-2:#1d2029;--surface-3:#262a35;--border:#272b36;--border-strong:#363b48;--text:#e9ebf2;--text-2:#c3c7d4;--muted:#9398aa;--accent:#8f84ff;--accent-hover:#a39aff;--accent-soft:#25224a;--accent-text:#b2abff;--on-accent:#0e1015;--ok:#4cc58b;--ok-soft:#173327;--warn:#eba54a;--warn-soft:#3a2b14;--bad:#ff7b72;--bad-soft:#3d1c1b;--info:#6aa9f2;--info-soft:#182c47;--new:#ff6d9c;--bar-track:#2a2e3a;--shadow-sm:0 1px 2px #0006;--shadow:0 6px 24px #00000073;--shadow-lg:0 18px 50px #0009;--hm0:#20242d;--hm1:#184f95;--hm2:#256abf;--hm3:#3987e5;--hm4:#86b6ef;--chart-bar:#5598e7;--chart-bar-hi:#86b6ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1015;--surface:#161920;--surface-2:#1d2029;--surface-3:#262a35;--border:#272b36;--border-strong:#363b48;--text:#e9ebf2;--text-2:#c3c7d4;--muted:#9398aa;--accent:#8f84ff;--accent-hover:#a39aff;--accent-soft:#25224a;--accent-text:#b2abff;--on-accent:#0e1015;--ok:#4cc58b;--ok-soft:#173327;--warn:#eba54a;--warn-soft:#3a2b14;--bad:#ff7b72;--bad-soft:#3d1c1b;--info:#6aa9f2;--info-soft:#182c47;--new:#ff6d9c;--bar-track:#2a2e3a;--shadow-sm:0 1px 2px #0006;--shadow:0 6px 24px #00000073;--shadow-lg:0 18px 50px #0009;--hm0:#20242d;--hm1:#184f95;--hm2:#256abf;--hm3:#3987e5;--hm4:#86b6ef;--chart-bar:#5598e7;--chart-bar-hi:#86b6ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:0 0 12px;font-size:26px;line-height:1.25}h2{margin:0;font-size:18px}h3{margin:0;font-size:15px}code,kbd{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12px}kbd{border-bottom-width:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}:root{--scroll-thumb:color-mix(in srgb, var(--muted) 38%, transparent);--scroll-thumb-hover:color-mix(in srgb, var(--muted) 65%, transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb) padding-box;border:3px solid #0000;border-radius:999px;min-height:36px}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover);border-width:2px}::-webkit-scrollbar-thumb:active{background-color:var(--accent);border-width:2px}::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}}.vp ::-webkit-scrollbar-thumb{background-color:#ffffff40}.vp-help-card::-webkit-scrollbar-thumb{background-color:#ffffff40}.vp ::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}.vp-help-card::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea,.input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;min-height:36px;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}label{gap:4px;font-weight:500;display:grid}.small{font-size:12.5px}.muted{color:var(--muted)}.accent{color:var(--accent-text)}.ok-text{color:var(--ok);font-weight:600}.bad-text{color:var(--bad)}.center{text-align:center;justify-content:center}.row{align-items:center;display:flex}.between{justify-content:space-between}.end{justify-content:flex-end}.gap-s{gap:8px}.wrap{flex-wrap:wrap}.stack{gap:12px;display:grid}.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.num{text-align:right;font-variant-numeric:tabular-nums}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.only-mobile{display:none!important}.btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;white-space:nowrap;height:36px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex;text-decoration:none!important}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-hover)}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.ghost.on{background:var(--accent-soft);color:var(--accent-text)}.btn.quiet{border-color:var(--border);color:var(--text-2);background:0 0}.btn.quiet:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn.link{color:var(--accent-text);background:0 0;border:none;height:auto;padding:0 6px;font-weight:600}.btn.sm{height:30px;padding:0 11px;font-size:13px}.btn.xs{height:26px;padding:0 9px;font-size:12px}.btn.block{width:100%}.btn.done{background:var(--ok-soft);color:var(--ok);border-color:#0000}label.btn{display:inline-flex}.icon-btn{width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:inline-grid;text-decoration:none!important}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.xs{width:24px;height:24px}.icon-btn.check{color:var(--muted)}.icon-btn.check.on{color:var(--ok);background:var(--ok-soft)}.icon-btn.danger:hover{color:var(--bad);background:var(--bad-soft)}.seg{background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.badge{background:var(--surface-3);color:var(--text-2);vertical-align:middle;letter-spacing:.02em;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-flex}.badge.new{background:var(--new);color:#fff}.badge.sm{padding:0 6px;font-size:11.5px}.chip{background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.bar{background:var(--bar-track);border-radius:999px;flex:1;min-width:40px;height:6px;position:relative;overflow:hidden}.bar i{background:var(--accent);border-radius:999px;transition:width .3s;position:absolute;inset:0 auto 0 0}.bar.thin{height:4px}.bar.dl i{background:var(--info)}.bar.bad i{background:var(--bad)}.bar.muted i{background:var(--muted)}.ring .track{fill:none;stroke:var(--bar-track);stroke-width:2.5px}.ring .val{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray .3s}.ring.done circle{fill:var(--ok)}.ring.done path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.skel{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:400% 100%;animation:1.4s infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skel-rows{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:8px 0;display:grid}.skel-row{align-items:center;gap:14px;padding:10px 16px;display:flex}.empty{text-align:center;color:var(--text-2);padding:48px 16px}.empty-icon{background:var(--surface-2);width:56px;height:56px;color:var(--muted);border-radius:50%;place-items:center;margin-bottom:10px;display:inline-grid}.empty h3{margin-bottom:6px}.callout{border-radius:var(--radius-sm);background:var(--surface-2);margin:10px 0;padding:12px 14px}.callout.ok{background:var(--ok-soft)}.callout.warn{background:var(--warn-soft)}.menu{position:relative}.menu-list{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:230px;box-shadow:var(--shadow);padding:6px;position:absolute;top:calc(100% + 4px)}.menu-list.right{right:0}.menu-list.left{left:0}.menu-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex;text-decoration:none!important}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--bad)}.menu-head{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:4px;padding:6px 10px 8px;font-weight:700;display:flex}.toasts{z-index:200;gap:8px;width:min(92vw,460px);display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:#f1f2f7;box-shadow:var(--shadow-lg);background:#1d2030;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;animation:.18s pop;display:flex}.toast.error{background:#9b1c17}.toast.success{background:#145c3b}.toast .btn.link{color:#b9b2ff}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-down{0%{opacity:0;transform:translateY(-8px)}}.modal-bg,.drawer-bg{z-index:100;background:#080a1280;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:16px;width:min(560px,100%);max-height:90vh;overflow:auto}.modal.wide{width:min(860px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.modal-body{padding:4px 20px 20px}.steps{gap:10px;padding-left:20px;display:grid}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.boot{place-items:center;height:100%;display:grid}.logo{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M12 9.5v13l11-6.5z' fill='white'/%3E%3C/svg%3E") center/100% no-repeat;border-radius:8px;flex:none;width:26px;height:26px;display:inline-block}.logo.big{border-radius:14px;width:48px;height:48px;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.shell{grid-template-columns:var(--sidebar) 1fr;min-height:100%;transition:grid-template-columns .2s;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:2px;height:100vh;padding:12px 10px 20px;display:flex;position:sticky;top:0;overflow:hidden auto}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:6px 10px 14px;font-size:16px;font-weight:800;display:flex}.brand.big{padding:0 0 4px;font-size:22px}.nav{gap:2px;display:grid}.nav-link{color:var(--text-2);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;font-weight:600;display:flex;text-decoration:none!important}.nav-link:hover{background:var(--surface-2)}.nav-link.active{background:var(--accent-soft);color:var(--accent-text)}.nav-section{cursor:pointer;text-transform:uppercase;letter-spacing:.07em;width:100%;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;margin-top:4px;padding:16px 12px 6px;font-size:12px;font-weight:700;display:flex}.nav-section:hover{color:var(--text-2)}.flip{transform:rotate(180deg)}.flip-r{transform:rotate(-90deg)}.nav-filter{background:var(--surface-2);height:32px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;margin:0 6px 4px;padding:0 10px;font-weight:400;display:flex!important}.nav-filter input{min-width:0;color:var(--text);flex:1;font-size:13px;box-shadow:none!important;background:0 0!important;border:none!important;min-height:0!important;padding:0!important}.nav-empty{padding:6px 12px}.nav-topics{gap:1px;display:grid}.nav-topic{color:var(--text-2);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:5px 6px;padding:7px 12px;font-size:13.5px;display:grid;text-decoration:none!important}.nav-topic:hover{background:var(--surface-2)}.nav-topic.active{background:var(--surface-2);color:var(--text);font-weight:600}.nav-topic-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-topic-pct{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.nav-topic .bar{grid-column:1/-1}.nav-topic .badge{margin:0}.nav-skel{border-radius:8px;height:34px;margin:4px 12px}.nav-toggle{color:var(--muted);margin-left:auto}.nav-link{white-space:nowrap;position:relative}.nav-rail-topics{cursor:pointer;width:100%;font:inherit;background:0 0;border:none;margin-top:10px}@media (width>=861px){.shell.nav-collapsed{grid-template-columns:var(--sidebar-rail) 1fr}.nav-collapsed .sidebar{scrollbar-width:none;align-items:stretch;padding:12px 10px 20px}.nav-collapsed .sidebar::-webkit-scrollbar{display:none}.nav-collapsed .nav-label,.nav-collapsed .brand .logo{display:none}.nav-collapsed .brand{justify-content:center;padding:6px 0 14px}.nav-collapsed .nav-toggle{margin:0}.nav-collapsed .nav-link{justify-content:center;padding:10px 0}.nav-collapsed .nav-count{margin:0;position:absolute;top:2px;right:4px}}.nav-overall{border-top:1px solid var(--border);gap:6px;margin-top:12px;padding:14px 12px 0;display:grid}.main-col{flex-direction:column;min-width:0;display:flex}.topbar{z-index:40;height:var(--topbar);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.top-search{background:var(--surface);border:1px solid var(--border-strong);max-width:560px;height:38px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.top-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.top-search input{min-width:0;color:var(--text);flex:1;box-shadow:none!important;background:0 0!important;border:none!important;min-height:0!important;padding:0!important}.top-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.badge-host{position:relative}.dot-badge{background:var(--new);color:#fff;border:2px solid var(--bg);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:1px;right:-1px}.dot-badge.live{background:var(--info);animation:1.6s 3 pulse}.new-pill{background:color-mix(in srgb, var(--new) 14%, transparent);height:30px;color:var(--new);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:5px;margin-right:4px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex}.new-pill:hover{background:color-mix(in srgb, var(--new) 22%, transparent)}.agent-pill{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;height:30px;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.agent-pill .dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.agent-pill.ok .dot{background:var(--ok)}.agent-pill.bad .dot{background:var(--bad)}.avatar{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.content{flex:1;min-width:0}.page{max-width:1180px;margin:0 auto;padding:24px 28px 64px}.page.narrow{max-width:720px}.bottom-nav,.scrim{display:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head-main{gap:4px;min-width:0;display:grid}.page-head h1{margin:0}.page-head-sub{color:var(--text-2);max-width:70ch}.page-head-actions{flex-wrap:wrap;gap:8px;display:flex}.text-strong{color:var(--text)}.muted-link{color:inherit}.big-pct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.big-pct small{color:var(--muted);margin-left:2px;font-size:18px}.streak{color:var(--muted);align-items:center;gap:5px;font-weight:700;display:inline-flex}.streak.on{color:#e5622b}.resume{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:minmax(240px,400px) 1fr;align-items:center;gap:24px;padding:16px;display:grid}.resume-thumb{border-radius:var(--radius);display:block}.resume-thumb:hover .lcard-play{opacity:1}.resume-body{align-content:center;gap:8px;min-width:0;display:grid}.resume-title{letter-spacing:-.01em;font-size:22px;line-height:1.25}.resume-title a{color:var(--text)}.resume-prog{align-items:center;gap:12px;max-width:360px;display:flex}.resume .row{margin-top:6px}.btn.lg{height:44px;padding:0 22px;font-size:15px}.show-more{margin-top:12px}.section-title{align-items:center;gap:8px;margin:28px 0 12px;font-size:18px;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head .section-title{margin-bottom:12px}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.lcard{color:inherit;gap:8px;display:grid;text-decoration:none!important}.lcard-thumb{--h:250;aspect-ratio:16/9;border-radius:var(--radius);background:radial-gradient(120% 120% at 0% 0%, hsl(var(--h) 70% 62%), hsl(calc(var(--h) + 40) 60% 38%));color:#fff;position:relative;overflow:hidden}.lcard-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.lcard-module{text-shadow:0 1px 2px #0000004d;gap:1px;font-size:13px;font-weight:600;line-height:1.3;display:grid;position:absolute;bottom:12px;left:12px;right:64px}.lcard-module b{letter-spacing:-.01em;font-size:18px;font-weight:800}.lcard-play{opacity:0;background:#00000040;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.lcard:hover .lcard-play{opacity:1}.lcard-dur{background:#000000bf;border-radius:5px;padding:1px 6px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:8px}.lcard-prog{background:#ffffff59;height:4px;position:absolute;bottom:0;left:0;right:0}.lcard-prog i{background:#ff3b3b;position:absolute;inset:0 auto 0 0}.lcard-body{gap:2px;display:grid}.lcard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.lcard:hover .lcard-title{color:var(--accent-text)}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.goal-mini-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.goal-mini{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;gap:4px;padding:14px;display:grid;text-decoration:none!important}.goal-mini:hover{border-color:var(--border-strong)}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.topic-card{--h:250;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;gap:8px;padding:16px;transition:border-color .12s,transform .12s,box-shadow .12s;display:grid;text-decoration:none!important}.topic-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.topic-card-top{align-items:center;gap:10px;display:flex}.topic-card-top h3{flex:1;font-size:16px}.topic-dot{background:hsl(var(--h) 65% 55%);border-radius:4px;flex:none;width:12px;height:12px}.topic-hero{--h:250;background:linear-gradient(135deg, color-mix(in srgb, hsl(var(--h) 70% 60%) 16%, var(--surface)), var(--surface));border:1px solid var(--border);border-radius:18px;grid-template-columns:1fr minmax(260px,360px);gap:24px;margin-bottom:18px;padding:24px;display:grid}.topic-hero-main{align-content:center;gap:10px;display:grid}.topic-hero-main h1{margin:0;font-size:30px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.topic-hero-stats{align-content:center;gap:10px;display:grid}.stats-row{flex-wrap:wrap;gap:18px;display:flex}.stat-label{color:var(--muted);font-size:12px;font-weight:600}.stat-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.stat-sub{color:var(--muted);font-size:12px}.toolbar{top:var(--topbar);z-index:20;background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:8px 0;display:flex;position:sticky}.filters{flex-wrap:wrap;flex:1;align-items:center;gap:8px;margin-bottom:4px;display:flex}.filters select{border-radius:999px;min-height:36px;padding:6px 12px}.search-field{background:var(--surface);border:1px solid var(--border-strong);min-width:220px;max-width:340px;height:36px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 6px 0 12px;font-weight:400;display:flex!important}.search-field.wide{max-width:520px;margin-bottom:16px}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{min-width:0;color:var(--text);flex:1;box-shadow:none!important;background:0 0!important;border:none!important;min-height:0!important;padding:0!important}.modules{gap:12px;display:grid}.module{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:visible}.module-head{flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px 8px 6px;display:flex}.module-toggle{cursor:pointer;text-align:left;min-width:200px;color:var(--text);background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:6px;padding:6px;display:flex}.module-toggle:hover{background:var(--surface-2)}.module-title{font-size:15px;font-weight:700}.module-stats{color:var(--muted);align-items:center;gap:10px;min-width:240px;font-size:12.5px;display:flex}.module-stats .bar{max-width:110px}.module-actions{align-items:center;gap:4px;display:flex}.module-body{border-top:1px solid var(--border)}.item-row{border-bottom:1px solid var(--border);grid-template-columns:28px 30px 1fr auto;align-items:center;gap:10px;padding:9px 12px 9px 14px;transition:background .1s;display:grid}.item-row:last-child{border-bottom:none}.item-row:hover{background:var(--surface-2)}.item-row.done .item-title{color:var(--muted)}.ring-slot,.ring-btn{place-items:center;display:grid}.ring-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;padding:0}.ring-btn:hover{background:var(--ok-soft)}.ring-btn:hover .ring .track{stroke:var(--ok)}.item-no{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.item-main{gap:2px;min-width:0;display:grid}.item-title{color:var(--text);font-weight:600;text-decoration:none!important}.item-title:hover{color:var(--accent-text)}.item-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.kind{text-transform:capitalize;align-items:center;gap:4px;display:inline-flex}.item-actions{align-items:center;gap:4px;display:flex}.item-actions .btn{margin-right:4px}.jobline{color:var(--info);align-items:center;gap:6px;min-width:160px;font-size:12px;display:inline-flex}.jobline .bar{flex:none;width:70px}.result-group .section-title{margin-top:20px}.sheet-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}.sheet{border-collapse:collapse;width:100%;font-size:13px}.sheet th{background:var(--surface-2);text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;padding:7px 8px;font-size:12px;font-weight:700;position:sticky;top:0}.sheet td{border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 8px}.sheet tr:hover td{background:var(--surface-2)}.sheet tr.done .c-title a{color:var(--muted)}.sheet .c-title{white-space:normal;min-width:240px}.sheet .c-title a{color:var(--text);font-weight:500}.sheet .c-ring{width:34px}.sheet .c-act{justify-content:flex-end;display:flex}.sheet .c-avail{align-items:center;gap:4px;display:flex}.sheet-module td{background:var(--surface-2);padding:7px 10px}.drawer-bg{place-items:stretch end;padding:0}.drawer{background:var(--surface);width:min(440px,100vw);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s slide;display:flex}@keyframes slide{0%{opacity:0;transform:translate(30px)}}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.drawer-head h2{align-items:center;gap:8px;display:flex}.drawer-body{flex:1;align-content:start;gap:18px;padding:10px 18px 24px;display:grid;overflow:auto}.drawer-body h3{align-items:center;gap:6px;margin:8px 0;display:flex}.job{border-bottom:1px solid var(--border);gap:6px;padding:10px 0;display:grid}.job-top{align-items:flex-start;gap:8px;display:flex}.job-title{flex:1;min-width:0;font-size:13.5px;font-weight:600}.job-title a{color:var(--text)}.job-ctl{display:flex}.job-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.login-page{background:radial-gradient(80% 60% at 50% 0%, var(--accent-soft), var(--bg));place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:min(380px,100%);box-shadow:var(--shadow);border-radius:18px;gap:14px;padding:28px;display:grid}.login-card p{margin:-6px 0 4px}.form-err{color:var(--bad);background:var(--bad-soft);border-radius:8px;padding:8px 10px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.card.flush{padding:0;overflow:hidden}.card-title{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.pad{padding:14px 18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px;display:grid}.stat-card{gap:8px;margin:0;display:grid}.stat-card .stat-value{font-size:24px}.streak-num{align-items:center;gap:6px;display:inline-flex}.flame{color:var(--muted)}.flame.on{color:#e5622b}.table{border-collapse:collapse;width:100%}.table-scroll{overflow-x:auto}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:12px;font-weight:700}.table td{border-bottom:1px solid var(--border);padding:10px 12px}.table tr:last-child td{border-bottom:none}.table .w-40{width:34%}.table.leader tr.me td{background:var(--accent-soft)}.table.leader th.num,.table.leader td.num{text-align:center;vertical-align:middle}.table.leader td.num .medal{margin:0 auto;display:block}.table.leader .streak{justify-content:center}.medal.m0{color:#d4a017}.medal.m1{color:#9aa3b0}.medal.m2{color:#b87333}.heatmap-wrap{padding-bottom:4px;position:relative;overflow-x:auto}.heatmap{width:100%;min-width:640px;height:auto;display:block}.hm-label{fill:var(--muted);font-size:11px}.hm{stroke:var(--surface);stroke-width:0}.hm:hover{stroke:var(--text);stroke-width:1.5px}.hm.l0,.hm-key.l0{fill:var(--hm0);background:var(--hm0)}.hm.l1,.hm-key.l1{fill:var(--hm1);background:var(--hm1)}.hm.l2,.hm-key.l2{fill:var(--hm2);background:var(--hm2)}.hm.l3,.hm-key.l3{fill:var(--hm3);background:var(--hm3)}.hm.l4,.hm-key.l4{fill:var(--hm4);background:var(--hm4)}.hm-legend{justify-content:flex-end;align-items:center;gap:3px;margin-top:6px;display:flex}.hm-key{border-radius:3px;width:11px;height:11px;display:inline-block}.chart-tip{background:var(--text);color:var(--bg);pointer-events:none;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.bars{width:100%;height:auto;display:block}.bars .grid{stroke:var(--border);stroke-dasharray:2 4}.bars .baseline{stroke:var(--border-strong)}.bars .axis{fill:var(--muted);font-size:11px}.bars .bar-mark{fill:var(--chart-bar)}.bars .bar-mark.hi{fill:var(--chart-bar-hi)}.bars .bar-val{fill:var(--muted);font-size:12px;font-weight:600}.bars .bar-val.hi{fill:var(--text);font-weight:700}.goal-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.goal-form label{flex:1;min-width:180px}.goal-list{gap:14px;display:grid}.goal{gap:14px;margin:0;display:grid}.goal-head{align-items:flex-start;gap:12px;display:flex}.goal-head>div{flex:1}.goal-head h3 a{color:var(--text);font-size:17px}.pill-status{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.pill-status.ok{background:var(--ok-soft);color:var(--ok)}.pill-status.bad{background:var(--bad-soft);color:var(--bad)}.goal-original{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;display:flex}.goal-original b{color:var(--text-2);font-weight:600}.goal-proj{border-radius:var(--radius-sm);border:1px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.goal-proj>div{gap:2px;display:grid}.goal-proj.later{background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.goal-proj.earlier{background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 35%, transparent)}.icon-btn.sm{width:30px;height:30px}.tl{gap:8px;min-width:0;display:grid}.tl-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tl-legend{flex-wrap:wrap;gap:12px;display:flex}.tl-legend span{align-items:center;gap:5px;display:inline-flex}.tl-key{border-radius:3px;width:10px;height:10px;display:inline-block}.tl-key.met{background:var(--ok)}.tl-key.partial{background:var(--warn)}.tl-key.missed{background:var(--bad-soft);border:1px solid var(--bad)}.tl-key.skipped{background:repeating-linear-gradient(135deg, var(--border-strong) 0 2px, transparent 2px 4px);border:1px solid var(--border-strong)}.tl-key.plan{border-top:2px dashed var(--accent);border-radius:0;width:14px;height:0}.tl-zoom{gap:2px;display:flex}.tl-scroll{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:6px 0 4px;overflow:auto hidden}.tl-track{position:relative}.tl-months{height:16px;position:relative}.tl-months span{color:var(--text-2);white-space:nowrap;border-left:1px solid var(--border-strong);padding-left:4px;font-size:11px;font-weight:700;position:absolute;top:0}.tl-flags{position:relative}.tl-flag{white-space:nowrap;z-index:2;border-radius:999px;padding:0 6px;font-size:10.5px;font-weight:700;line-height:16px;position:absolute;transform:translate(-50%)}.tl-flag.finish{background:var(--accent);color:var(--on-accent)}.tl-flag.proj{background:var(--surface);color:var(--accent-text);border:1px dashed var(--accent);line-height:14px}.tl-flag.orig{background:var(--surface-3);color:var(--muted)}.tl-cols{align-items:stretch;display:flex;position:relative}.tl-line{border-left:2px solid var(--accent);z-index:1;pointer-events:none;width:0;position:absolute;top:0;bottom:-18px}.tl-line.proj{border-left-style:dashed}.tl-line.orig{border-left:2px dotted var(--muted)}.tl-day{flex:0 0 var(--day);width:var(--day);cursor:pointer;background:0 0;border:none;border-right:1px solid #0000;padding:0;position:relative}.tl-day.week{box-shadow:inset 1px 0 0 var(--border)}.tl-day:hover{background:var(--surface-3)}.tl-day.sel{background:var(--accent-soft)}.tl-day.is-today{background:color-mix(in srgb, var(--accent) 14%, transparent)}.tl-day:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tl-bar{background:var(--ok);border-radius:3px 3px 0 0;position:absolute;bottom:0;left:18%;right:18%}.tl-day.partial .tl-bar{background:var(--warn)}.tl-day.off .tl-bar{background:var(--muted)}.tl-day.missed:after{content:"";background:var(--bad);border-radius:2px;height:3px;position:absolute;bottom:0;left:18%;right:18%}.tl-day.skipped{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--border-strong) 70%, transparent) 0 3px, transparent 3px 7px)}.tl-day.skipped.sel{background-color:var(--accent-soft)}.tl-plan{border-top:2px dashed color-mix(in srgb, var(--accent) 60%, transparent);height:0;position:absolute;left:0;right:0}.tl-off{color:var(--muted);position:absolute;top:6px;left:50%;transform:translate(-50%)}.tl-day.future .tl-plan{opacity:.55}.tl-days{height:18px;margin-top:2px;position:relative}.tl-days span{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px;position:absolute;top:2px}.tl-days span.today{color:var(--accent-text);font-weight:800;overflow:visible}.tl-detail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.tl-detail>div{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.goal-facts{flex-wrap:wrap;gap:28px;display:flex}.goal-facts div{display:grid}.goal-facts b{font-variant-numeric:tabular-nums;font-size:18px}.goal-facts span{color:var(--muted);font-size:12px}.settings{gap:14px;display:grid}.settings .card-title{margin-bottom:0}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-weight:500;display:flex}.note-group-head{gap:2px;margin-bottom:8px;display:grid}.note-group-title{color:var(--text);font-weight:700}.watch{grid-template:"stage side""info side"1fr/minmax(0,1fr) 380px;align-items:start;gap:16px 24px;max-width:1760px;margin:0 auto;padding:20px 24px 0;display:grid}.watch-stage{grid-area:stage;gap:12px;min-width:0;display:flex}.stage-main{flex:1;min-width:0}.stage-doc{flex:1;min-width:0;height:min(78vh,900px)}.watch.split .stage-main{flex:1.1}.watch-info{grid-area:info;gap:12px;min-width:0;padding-bottom:60px;display:grid}.watch-side{top:calc(var(--topbar) + 16px);max-height:calc(100vh - var(--topbar) - 32px);grid-area:side;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;display:grid;position:sticky}.watch.theater{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"stage stage""info side";max-width:none;padding-top:0}.watch.theater .watch-stage{background:#000;justify-content:center;margin:0 -24px}.watch.theater .stage-main{max-width:calc((100vh - var(--topbar) - 40px) * 16 / 9)}.watch.theater .vp{border-radius:0}.watch.theater .watch-side{max-height:70vh;position:static}.watch.split{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""info""side"}.watch.split .watch-side{max-height:60vh;position:static}.watch.split,.watch.theater{padding-bottom:60px}.watch.split .watch-info,.watch.theater .watch-info{padding-bottom:0}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.crumbs a{color:var(--accent-text);font-weight:600}.watch-title{margin:0;font-size:21px}.watch-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.doc-pick{display:contents}.watch-cov{font-variant-numeric:tabular-nums}.stage-embed{gap:8px;display:grid}.stage-embed iframe{aspect-ratio:16/9;border-radius:var(--radius);background:#000;border:0;width:100%}.stage-empty{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface);border:1px dashed var(--border-strong);place-items:center;padding:16px;display:grid}.unavailable{text-align:center;max-width:520px;color:var(--text-2);justify-items:center;gap:10px;display:grid}.unavailable svg{color:var(--muted)}.unavailable p{margin:0}.upnext{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.upnext-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.upnext-head .switch-row{color:var(--muted);font-weight:500}.upnext-list{padding:4px 6px 10px;position:relative;overflow-y:auto}.un-module-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:10px 8px 4px;font-size:12px;font-weight:700}.un-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:10px;padding:7px 8px;display:flex}.un-item:hover{background:var(--surface-2)}.un-item.current{background:var(--accent-soft)}.un-item.done .un-title{color:var(--muted)}.un-left{flex:none;place-items:center;width:20px;padding-top:1px;display:grid}.un-body{gap:1px;min-width:0;display:grid}.un-title{font-size:13px;font-weight:600;line-height:1.35}.un-meta{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.un-meta .badge{margin:0}.notes-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-content:start;gap:10px;min-height:0;padding:12px;display:grid;overflow-y:auto}.note-compose{gap:6px;display:grid}.note-compose textarea{resize:vertical;min-height:60px}.note-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.note{border-radius:8px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:8px 6px;display:grid}.note:hover{background:var(--surface-2)}.note-time{background:var(--accent-soft);color:var(--accent-text);cursor:pointer;font-variant-numeric:tabular-nums;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-flex;text-decoration:none!important}.note-text{white-space:pre-wrap;word-break:break-word;font-size:13.5px}.note-edit{width:100%;min-height:50px}.note-ctl{opacity:0;transition:opacity .1s;display:flex}.note:hover .note-ctl,.note:focus-within .note-ctl{opacity:1}.doc-viewer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-rows:auto 1fr;height:100%;min-height:70vh;display:grid;overflow:hidden}.stage-main>.doc-viewer{height:min(80vh,1000px)}.doc-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.doc-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.doc-viewer iframe{background:#525659;border:0;width:100%;height:100%}.doc-img{background:var(--surface-2);place-items:center;display:grid;overflow:auto}.doc-img img{max-width:100%}.doc-missing{text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.vp{border-radius:var(--radius);aspect-ratio:16/9;-webkit-user-select:none;user-select:none;color:#fff;background:#000;position:relative;overflow:hidden}.vp.fs{aspect-ratio:auto;border-radius:0}.vp video{cursor:pointer;background:#000;width:100%;height:100%;display:block}.vp.idle,.vp.idle video{cursor:none}.vp-center{pointer-events:none;color:#ffffffe6;place-items:center;display:grid;position:absolute;inset:0}.vp-error{text-align:center;background:#000000b3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.vp-bigplay{color:#fff;cursor:pointer;background:#14141eb3;border:none;border-radius:50%;place-items:center;width:76px;height:76px;padding-left:6px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-bigplay:hover{background:var(--accent)}.vp-flash{pointer-events:none;background:#0000008c;border-radius:999px;justify-items:center;gap:4px;min-width:76px;padding:18px;font-size:13px;font-weight:700;animation:.6s forwards flash;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.vp-controls{background:linear-gradient(#0000,#000000c7);padding:30px 12px 6px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.vp.idle .vp-controls{opacity:0;pointer-events:none}.vp-row{align-items:center;gap:2px;display:flex}.vp-btn{color:#fff;cursor:pointer;opacity:.92;background:0 0;border:none;border-radius:8px;place-items:center;min-width:40px;height:40px;display:grid}.vp-btn:hover{opacity:1;background:#ffffff1f}.vp-btn:disabled{opacity:.3;cursor:default;background:0 0}.vp-rate{font-variant-numeric:tabular-nums;min-width:48px;font-size:13px;font-weight:800}.vp-vol{align-items:center;display:flex}.vp-vol input{opacity:0;accent-color:#fff;width:0;transition:width .2s,opacity .2s}.vp-vol:hover input,.vp-vol input:focus{opacity:1;width:80px;margin-right:8px}.vp-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:6px;font-size:13px;font-weight:600}.vp-time span{opacity:.75}.vp-spacer{flex:1}.vp-autoplay{cursor:pointer;flex-direction:row;align-items:center;gap:6px;margin-right:6px;font-size:12.5px;font-weight:600;display:flex}.vp-autoplay input{display:none}.vp-switch{background:#ffffff59;border-radius:999px;width:30px;height:16px;transition:background .15s;position:relative}.vp-switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.vp-autoplay input:checked+.vp-switch{background:var(--accent)}.vp-autoplay input:checked+.vp-switch:after{transform:translate(14px)}.vp-switch.on{background:var(--accent)}.vp-switch.on:after{transform:translate(14px)}.vp-menu .vp-menu-toggle{border-top:1px solid #ffffff1f;border-radius:0 0 6px 6px;justify-content:space-between;margin-top:4px;padding-top:10px}.vp-speed{position:relative}.vp-menu{min-width:190px;box-shadow:var(--shadow-lg);background:#16161cf5;border-radius:12px;padding:6px;display:grid;position:absolute;bottom:46px;right:-40px}.vp-menu-head{border-bottom:1px solid #ffffff1f;align-items:center;gap:4px;margin-bottom:4px;padding:6px 8px 8px;font-size:12.5px;font-weight:700;display:flex}.vp-menu button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.vp-menu button:hover,.vp-menu button.on{background:#ffffff1f}.vp-fine{font-variant-numeric:tabular-nums;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:4px;padding-top:4px;font-size:13px;display:flex}.vp-fine button{justify-content:center;width:36px;font-size:16px}.vp-quality{border-top:1px solid #ffffff1f;margin-top:4px;padding-top:4px;display:grid}.vp-quality-head{color:#c9cad6;padding:4px 10px 2px;font-size:12px;font-weight:700}.vp-sd{color:#ffd23f;margin-left:2px;font-size:9px;font-weight:800}.vp-seek{cursor:pointer;touch-action:none;align-items:center;height:18px;margin:0 4px;display:flex;position:relative}.vp-track{background:#ffffff38;border-radius:2px;width:100%;height:4px;transition:height .12s;position:relative}.vp-seek:hover .vp-track{height:7px}.vp-track i{border-radius:2px;position:absolute;top:0;bottom:0}.vp-track .buf{background:#ffffff4d}.vp-track .watched{background:#4cc58b8c}.vp-track .hover{background:#ffffff40;left:0}.vp-track .played{background:#ff3b3b;left:0}.vp-track .marker{background:#ffd23f;border-radius:1px;width:4px;margin-left:-2px;top:-2px;bottom:-2px}.vp-knob{background:#ff3b3b;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:transform .12s;position:absolute;top:50%;transform:scale(0)}.vp-seek:hover .vp-knob,.vp:not(.idle) .vp-knob{transform:scale(1)}.vp-tip{white-space:nowrap;pointer-events:none;text-align:center;font-variant-numeric:tabular-nums;background:#14141aeb;border-radius:6px;padding:4px 8px;font-size:12.5px;font-weight:700;position:absolute;bottom:24px;transform:translate(-50%)}.vp-tip-note{text-overflow:ellipsis;color:#ffd23f;max-width:220px;font-weight:500;overflow:hidden}.vp-next{width:min(340px,80%);box-shadow:var(--shadow-lg);background:#0f0f16eb;border-radius:12px;gap:8px;padding:14px;animation:.2s pop;display:grid;position:absolute;bottom:84px;right:16px}.vp-next .muted{color:#c9cad6}.vp-next-title{font-weight:700}.vp-next .btn:not(.primary){color:#fff;background:#ffffff1f;border-color:#0000}.vp-help{z-index:5;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.vp-help-card{background:#16161cf7;border-radius:14px;gap:10px;width:min(460px,92%);max-height:90%;padding:18px 22px;display:grid;overflow:auto}.vp-help-card dl{gap:4px;margin:0;font-size:13px;display:grid}.vp-help-card dl div{justify-content:space-between;gap:16px;display:flex}.vp-help-card dt{font-family:var(--mono);color:#ffd23f}.vp-help-card dd{color:#d9dae3;margin:0}.vp-help-card .btn{justify-self:end}@media (width<=1200px){.watch{grid-template-columns:minmax(0,1fr) 330px}}@media (width<=980px){.watch,.watch.theater{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""info""side";gap:12px;padding:0 0 80px}.watch-info,.watch-side{padding:0 16px}.watch-side{max-height:none;position:static}.upnext-list{max-height:none;overflow:visible}.upnext{overflow:visible}.vp{border-radius:0}.watch.theater .watch-stage{margin:0}.watch-stage{flex-direction:column}.stage-doc{height:70vh;padding:0 16px}.topic-hero{grid-template-columns:1fr}}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{z-index:90;width:min(300px,86vw);box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:80;background:#080a1273;display:block;position:fixed;inset:0}.only-mobile{display:inline-grid!important}.brand .only-mobile{margin-left:auto}.nav-toggle,.nav-rail-topics{display:none!important}.topbar{gap:6px;padding:0 10px}.page{padding:16px 16px 90px}h1{font-size:22px}.bottom-nav{z-index:50;background:var(--surface);border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.bottom-nav button{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;justify-items:center;gap:1px;padding:6px 0;font-size:12px;font-weight:600;display:grid;text-decoration:none!important}.bottom-nav a.active{color:var(--accent-text)}.toasts{top:calc(var(--topbar) + 8px);bottom:auto}.toast{animation-name:pop-down}.resume{grid-template-columns:1fr;gap:14px;padding:12px}.resume-title{font-size:19px}.resume .btn.primary{flex:1}}@media (width<=640px){.hide-sm{display:none!important}.item-row{grid-template-columns:24px 1fr auto;gap:8px;padding:10px 8px 10px 12px}.item-no{display:none}.item-actions .btn{padding:0 9px}.module-stats{width:100%;min-width:0;padding-left:34px}.module-toggle{min-width:0}.filters select{flex:1;min-width:130px}.search-field{min-width:100%;max-width:none}.toolbar{position:static}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lcard-module{font-size:12px;right:52px}.lcard-module b{font-size:15px}.topic-hero{padding:18px}.topic-hero-main h1{font-size:24px}.vp-btn{min-width:30px}.vp-vol{display:none}.vp-controls{padding-left:4px;padding-right:4px}.table-scroll .table th,.table-scroll .table td{padding:8px}.watch-actions .btn{height:40px;padding:0 12px;font-size:13.5px}.goal-facts{gap:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-card .stat-value{font-size:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.menu-list.up{top:auto;bottom:calc(100% + 4px)}.sheet-bg{z-index:150;background:#080a1280;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet-menu{background:var(--surface);width:100%;max-height:75vh;padding:6px 10px calc(14px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);border-radius:18px 18px 0 0;animation:.2s sheet-up;overflow-y:auto}.sheet-menu .menu-item{padding:13px 12px;font-size:15px}.sheet-menu .menu-head{padding:10px 12px}.sheet-grip{background:var(--border-strong);border-radius:2px;width:40px;height:4px;margin:6px auto 8px}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.list-card{overflow:visible}.list-card>.item-row:first-child{border-radius:var(--radius) var(--radius) 0 0}.list-card>.item-row:last-child{border-radius:0 0 var(--radius) var(--radius)}.section-head{margin:28px 0 12px}.section-head .section-title{margin:0}@media (width<=640px){.big-pct{font-size:28px}.page-head{margin-bottom:14px}.item-actions .btn .btn-label{display:none}.item-actions{gap:6px}.item-actions .btn{width:40px;height:40px;margin:0;padding:0}.item-actions .icon-btn{width:40px;height:40px}.item-row{grid-template-columns:36px 1fr auto;padding-left:6px}.ring-btn{width:40px;height:40px}.item-title{line-height:1.35}.item-meta{gap:8px}.module-head{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:6px 8px 8px 4px;display:grid}.module-toggle{grid-area:1/1}.module-actions{grid-area:1/2}.module-stats{grid-area:2/1/auto/-1;width:auto;min-width:0;padding-left:34px}.module-actions .btn.ghost.sm{padding:0 8px}.topic-hero{border-radius:14px;gap:14px;padding:16px}.topic-hero-main .row .btn{flex:auto}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.stats-row .stat-value{font-size:15px}.stats-row .stat-label,.stats-row .stat-sub{font-size:12px}.filters .search-field{flex:1;min-width:0}.filters select{flex:45%}.toolbar{margin-bottom:8px}.watch-actions{gap:4px}.watch-actions .btn{flex:0 auto}.watch-title{font-size:18px}.upnext-head{padding:10px 12px}.vp-controls{padding-bottom:2px}.vp-autoplay{margin-right:0}.vp-menu{grid-template-columns:repeat(5,1fr);gap:2px;min-width:270px;padding:4px;bottom:42px;right:-44px}.vp-menu .vp-menu-toggle{padding-top:7px;padding-bottom:7px}.vp-menu-head{display:none!important}.vp-menu>button:not(.vp-menu-toggle){justify-content:center;padding:5px 0}.vp-menu>button:not(.vp-menu-toggle)>:first-child{display:none}.vp-fine,.vp-menu .vp-menu-toggle,.vp-quality{grid-column:1/-1}.vp-quality{grid-template-columns:repeat(3,1fr);gap:2px}.vp-quality-head{display:none}.vp-quality button{justify-content:center;padding:5px 0}.vp-quality button>:first-child,.vp-quality button .muted{display:none}.drawer{width:100vw}}.avatar.sm{flex:none;width:24px;height:24px;font-size:11px}.nav-count{margin-left:auto}.notif-host{position:relative}.notif-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(380px,100vw - 24px);max-height:min(70vh,560px);box-shadow:var(--shadow-lg);z-index:60;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.notif-list{padding:4px;overflow-y:auto}.notif-empty{padding:16px 12px}.notif{border-radius:var(--radius-sm);color:var(--text);align-items:flex-start;gap:10px;padding:9px 10px;display:flex;text-decoration:none!important}.notif:hover{background:var(--surface-2)}.notif.unread{background:var(--accent-soft)}.notif-body{gap:3px;min-width:0;font-size:13px;display:grid}.notif-text{color:var(--text-2);white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notif-msg{color:var(--muted);font-size:12.5px;font-style:italic}.share-form{gap:12px;display:grid}.share-form label{gap:6px;display:grid}.share-preview{border-radius:var(--radius-sm);background:var(--surface-2);gap:4px;padding:10px 12px;font-size:13.5px;display:grid}.share-to{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.share-to:focus-within{border-color:var(--accent)}.share-to .chip{background:var(--accent-soft);color:var(--accent-text);font-size:12.5px}.share-to .chip button{color:inherit;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.share-to input{background:0 0;outline:none;flex:1;min-width:120px;padding:4px 2px;box-shadow:none!important;border:none!important}.share-found{border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;margin-top:-6px;padding:4px;display:grid}.share-found button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.share-found button:hover,.share-found button:focus-visible{background:var(--surface-2)}.shared-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.shared-bar .search-field{flex:1;min-width:200px}.shared-body{gap:3px;min-width:0;display:grid}.note.unread{background:var(--accent-soft)}.note-ctl.always{opacity:1}.shared-here{border-top:1px solid var(--border);gap:4px;padding-top:8px;display:grid}.shared-here-head{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.shared-here-head a{margin-left:auto;font-weight:600}@media (width<=640px){.goal-head{flex-wrap:wrap}.goal-head>div{flex-basis:calc(100% - 56px)}.goal-head .pill-status{order:3}.notif-panel{top:calc(var(--topbar) + 4px);width:auto;position:fixed;left:12px;right:12px}}