:root{--slate-950: #060B16;--slate-925: #0A1120;--slate-900: #0F172A;--slate-850: #131D33;--slate-800: #1E293B;--slate-750: #243248;--slate-700: #334155;--slate-600: #475569;--slate-550: #5B6A80;--slate-500: #64748B;--slate-450: #8496AE;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--slate-50: #F8FAFC;--white: #FFFFFF;--sky-300: #7DD3FC;--sky-400: #38BDF8;--sky-500: #0EA5E9;--sky-600: #0284C7;--sky-700: #0369A1;--sky-800: #075985;--green-400: #34D399;--green-500: #10B981;--green-600: #059669;--green-700: #047857;--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--amber-800: #92400E;--rose-400: #FB7185;--rose-500: #F43F5E;--rose-600: #E11D48;--rose-700: #BE123C;--violet-400:#A78BFA;--violet-500:#8B5CF6;--violet-600:#7C3AED;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-sans: "Poppins", -apple-system, system-ui, "Segoe UI", sans-serif;--t-metric: 22px;--t-wordmark: 17px;--t-display: 30px;--t-display-lh: 1.15;--t-display-ls: -.6px;--t-h1: 23px;--t-h1-lh: 1.2;--t-h1-ls: -.4px;--t-h2: 18px;--t-h2-lh: 1.3;--t-h2-ls: -.2px;--t-h3: 15px;--t-h3-lh: 1.35;--t-body: 14px;--t-body-lh: 1.55;--t-read: 15.5px;--t-read-lh: 1.75;--t-sm: 13px;--t-sm-lh: 1.5;--t-xs: 12px;--t-xs-lh: 1.45;--t-label: 11px;--t-label-lh: 1.3;--t-label-ls: .9px;--t-eyebrow-ls: .01em;--t-micro: 10px;--t-micro-ls: .6px;--t-nano: 9px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--s-10: 64px;--r-xs: 3px;--r-sm: 5px;--r-md: 7px;--r-lg: 10px;--r-xl: 14px;--r-pill: 9999px;--sidebar-w: 244px;--topbar-h: 56px;--container-max: 1320px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .15s}[data-theme=dark]{color-scheme:dark;--canvas: var(--slate-925);--surface-1: var(--slate-900);--surface-2: var(--slate-850);--surface-3: var(--slate-800);--surface-inset: var(--slate-950);--border: rgba(148,163,184,.14);--border-strong: rgba(148,163,184,.26);--border-accent: rgba(14,165,233,.45);--text-strong: var(--slate-50);--text: var(--slate-200);--text-muted: var(--slate-400);--text-faint: var(--slate-450);--text-ondark: var(--slate-50);--accent: var(--sky-500);--accent-bright: var(--sky-400);--accent-text: var(--sky-400);--accent-soft: rgba(14,165,233,.14);--accent-soft-2: rgba(14,165,233,.07);--on-accent: #04121F;--success: var(--green-400);--success-soft: rgba(16,185,129,.14);--warning: var(--amber-400);--warning-soft: rgba(245,158,11,.14);--error: var(--rose-400);--error-soft: rgba(244,63,94,.14);--info: var(--sky-400);--info-soft: rgba(14,165,233,.14);--violet: var(--violet-400);--violet-soft: rgba(139,92,246,.16);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 20px rgba(0,0,0,.45);--shadow-lg: 0 18px 50px rgba(0,0,0,.6);--glow: 0 0 0 1px rgba(14,165,233,.4), 0 0 24px rgba(14,165,233,.25);--track: var(--slate-800)}:root{--video-bg: #05080F;--video-chrome: #080D18;--video-scrim: rgba(5,8,15,.82);--video-fg: var(--slate-200);--video-fg-muted: var(--slate-400);--video-hover: rgba(148,163,184,.18);--video-track: rgba(148,163,184,.25);--video-track-buf: rgba(148,163,184,.4);--video-head: var(--white);--video-overlay: rgba(15,23,42,.92)}[data-theme=light]{color-scheme:light;--canvas: #EEF2F7;--surface-1: var(--white);--surface-2: var(--slate-50);--surface-3: var(--slate-100);--surface-inset: var(--slate-900);--border: #DFE5EC;--border-strong: #C6CFDA;--border-accent: rgba(3,105,161,.45);--text-strong: var(--slate-900);--text: #25324A;--text-muted: var(--slate-600);--text-faint: var(--slate-550);--text-ondark: var(--slate-50);--accent: var(--sky-700);--accent-bright: var(--sky-800);--accent-text: var(--sky-800);--accent-soft: rgba(3,105,161,.1);--accent-soft-2: rgba(3,105,161,.05);--on-accent: var(--white);--success: var(--green-700);--success-soft: rgba(4,120,87,.12);--warning: var(--amber-800);--warning-soft: rgba(146,64,14,.13);--error: var(--rose-700);--error-soft: rgba(190,18,60,.1);--info: var(--sky-700);--info-soft: rgba(3,105,161,.1);--violet: var(--violet-600);--violet-soft: rgba(124,58,237,.12);--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 6px 20px rgba(15,23,42,.08);--shadow-lg: 0 18px 50px rgba(15,23,42,.14);--glow: 0 0 0 1px rgba(3,105,161,.35), 0 0 18px rgba(3,105,161,.18);--track: var(--slate-200)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--t-body-lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}::selection{background:var(--accent-soft);color:var(--text-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.t-display{font:700 var(--t-display)/var(--t-display-lh) var(--font-sans);letter-spacing:-.02em;color:var(--text-strong)}.t-h1{font:600 var(--t-h1)/var(--t-h1-lh) var(--font-sans);letter-spacing:-.01em;color:var(--text-strong)}.t-h2{font:600 var(--t-h2)/var(--t-h2-lh) var(--font-sans);letter-spacing:var(--t-h2-ls);color:var(--text-strong)}.t-h3{font:600 var(--t-h3)/var(--t-h3-lh) var(--font-sans);color:var(--text-strong)}.t-body{font:400 var(--t-body)/var(--t-body-lh) var(--font-sans);color:var(--text)}.t-sm{font:400 var(--t-sm)/var(--t-sm-lh) var(--font-sans);color:var(--text)}.t-xs{font:400 var(--t-xs)/var(--t-xs-lh) var(--font-sans);color:var(--text-muted)}.t-label{font:600 var(--t-label)/var(--t-label-lh) var(--font-sans);letter-spacing:var(--t-eyebrow-ls);text-transform:none;color:var(--text-muted)}.t-mono,.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.accent{color:var(--accent-text)}.strong{color:var(--text-strong)}.nowrap{white-space:nowrap}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}@media(prefers-reduced-motion:reduce){*{transition-property:opacity,background-color,border-color,color,box-shadow,fill,stroke;transition-duration:.12s;animation-duration:.12s;animation-iteration-count:1;scroll-behavior:auto}.modal,.quiz-card,.toast{animation-name:fade}.bar>i,.chart-track i,.ring .fg,.switch .thumb,.p15-caret{transition:none}}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=slider]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font:500 var(--t-sm)/1 var(--font-sans);padding:0 var(--s-4);height:34px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:active{transform:translateY(.5px)}.btn .ico{width:15px;height:15px;flex:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--accent)}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover{background:var(--accent-bright)}.btn-primary:active{background:var(--accent)}.btn-secondary{background:var(--surface-3);color:var(--text-strong);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--surface-3);color:var(--text-strong)}.btn-outline{background:transparent;color:var(--accent-text);border-color:var(--border-accent)}.btn-outline:hover{background:var(--accent-soft)}.btn-danger{background:transparent;color:var(--error);border-color:color-mix(in srgb,var(--error) 45%,transparent)}.btn-danger:hover{background:var(--error-soft)}.btn-sm{height:28px;padding:0 var(--s-3);font-size:var(--t-xs)}.btn-lg{height:40px;padding:0 var(--s-5);font-size:var(--t-body)}.btn-icon{width:34px;height:34px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.btn[disabled]{opacity:.45;pointer-events:none}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field>label,.field>.field-group-label{font:600 var(--t-xs)/1.2 var(--font-sans);color:var(--text-strong);display:flex;gap:6px;align-items:center}.field-group-label{font:600 var(--t-xs)/1.2 var(--font-sans);color:var(--text-strong);display:flex;gap:6px;align-items:center}.field .hint{font:400 var(--t-xs)/1.4 var(--font-sans);color:var(--text-faint)}.field .err{font:500 var(--t-xs)/1.4 var(--font-sans);color:var(--error)}.input,.select,.textarea{width:100%;background:var(--surface-inset);color:var(--text-strong);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:0 var(--s-3);height:36px;font:400 var(--t-sm)/1 var(--font-sans);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] .textarea{background:var(--surface-1)}.textarea{height:auto;padding:var(--s-3);line-height:1.55;resize:vertical;min-height:76px}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);box-shadow:none}.input:disabled{opacity:.5;cursor:not-allowed}.input.is-error{border-color:var(--error)}.input.is-error:focus{box-shadow:0 0 0 3px var(--error-soft)}.input-mono{font-family:var(--font-mono)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.check{display:inline-flex;align-items:center;gap:var(--s-2);min-height:24px;cursor:pointer;font-size:var(--t-sm);color:var(--text)}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border:1.5px solid var(--border-strong);border-radius:var(--r-xs);background:var(--surface-inset);display:grid;place-content:center;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}[data-theme=light] .check input{background:var(--surface-1)}.check input[type=radio]{border-radius:var(--r-pill)}.check input:checked{background:var(--accent);border-color:var(--accent)}.check input:checked:after{content:"";width:9px;height:9px}.check input[type=checkbox]:checked:after{width:5px;height:9px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(42deg) translateY(-1px)}.check input[type=radio]:checked:after{border-radius:var(--r-pill);background:var(--on-accent)}.switch{position:relative;width:42px;height:26px;flex:none;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--r-pill);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.switch .track:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;background:var(--text-muted);border-radius:var(--r-pill);transition:left var(--dur) var(--ease),background var(--dur) var(--ease)}.switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.track:after{left:20px;background:var(--on-accent)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}.card-pad{padding:var(--s-5)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-inset{background:var(--surface-inset);border-color:var(--border)}.card-accent{border-color:var(--border-accent)}.tag{display:inline-flex;align-items:center;gap:6px;font:500 var(--t-label)/1 var(--font-sans);letter-spacing:var(--t-eyebrow-ls);text-transform:none;padding:4px 11px;border-radius:var(--r-pill);border:0;color:var(--text-muted);background:var(--surface-3);white-space:nowrap}.tag-live{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.tag-progress{color:var(--accent-text);background:var(--accent-soft)}.tag-warn{color:var(--warning);background:color-mix(in srgb,var(--warning) 13%,transparent)}.tag-error{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent)}.tag-done{color:var(--text-muted);background:var(--surface-3)}.tag-violet{color:var(--violet);background:color-mix(in srgb,var(--violet) 13%,transparent)}.tag-solid{color:var(--on-accent);background:var(--accent)}.progress{display:flex;flex-direction:column;gap:6px;width:100%}.progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.progress-label{font:500 var(--t-xs)/1 var(--font-sans);color:var(--text-muted)}.progress-row{display:flex;align-items:center;gap:var(--s-3)}.progress-row .bar{flex:1}.progress-pct{font:600 var(--t-xs)/1 var(--font-sans);color:var(--text-strong);min-width:34px;text-align:right}.bar{height:6px;border-radius:var(--r-pill);background:var(--track);overflow:hidden;position:relative}.bar>i{display:block;height:100%;width:100%;background:var(--accent);border-radius:var(--r-pill);transform-origin:left center;transform:scaleX(var(--fill, 0));transition:transform .4s var(--ease)}.bar.bar-done>i{background:var(--success)}.bar.seg{background:none;display:flex;gap:3px;height:7px;overflow:visible}.bar.seg>i{flex:1;width:auto;height:100%;transform:none;background:var(--track);border-radius:2px;transition:background .3s var(--ease)}.bar.seg>i.on{background:var(--accent)}.bar.seg.bar-done>i.on{background:var(--success)}.ring{transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round}.ring .bg{stroke:var(--track)}.ring .fg{stroke:var(--accent);transition:stroke-dashoffset .5s var(--ease)}.avatar{display:inline-grid;place-content:center;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-strong);font:600 var(--t-xs)/1 var(--font-mono);flex:none;overflow:hidden;border:1px solid var(--border)}.avatar img{width:100%;height:100%;object-fit:cover}.table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.table th{font:600 var(--t-label)/1.2 var(--font-sans);letter-spacing:var(--t-eyebrow-ls);text-transform:none;color:var(--text-muted);text-align:left;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table .num{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}.table .col-strong{color:var(--text-strong);font-weight:500}.table tr.row-link{cursor:pointer}.table .cell-link{display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%;min-height:24px;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.table .cell-link:hover .strong,.table .cell-link:hover .t-sm{color:var(--accent-text)}.table .cell-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:var(--s-3) var(--s-3);font:500 var(--t-sm)/1 var(--font-sans);color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);display:flex;align-items:center;gap:7px}.tab:hover{color:var(--text-strong)}.tab.active{color:var(--text-strong);border-bottom-color:var(--accent)}.tab .count{font:600 10px/1 var(--font-mono);color:var(--text-faint);background:var(--surface-3);padding:2px 5px;border-radius:var(--r-sm)}.seg{display:inline-flex;background:var(--surface-inset);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:2px;gap:2px}[data-theme=light] .seg{background:var(--surface-2)}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;min-height:24px;padding:6px var(--s-3);border-radius:var(--r-sm);font:500 var(--t-xs)/1 var(--font-sans);color:var(--text-muted);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);display:flex;align-items:center;gap:6px}.seg button:hover{color:var(--text-strong)}.seg button.active{background:var(--surface-3);color:var(--text-strong);box-shadow:var(--shadow-sm)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206109e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--s-6);z-index:60;animation:fade var(--dur) var(--ease)}[data-theme=light] .scrim{background:#0f172a57}.modal{width:100%;max-width:480px;max-height:88vh;display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .18s var(--ease)}.modal-head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-5) var(--s-5) var(--s-4);border-bottom:1px solid var(--border)}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--s-5)}.modal-foot{flex:none;display:flex;justify-content:flex-end;gap:var(--s-3);padding:var(--s-4) var(--s-5);background:var(--surface-2);border-top:1px solid var(--border)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.toaster{position:fixed;bottom:74px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 40px))}.toaster-region{display:flex;flex-direction:column;gap:8px}.toaster-region:empty{display:none}.toast{display:block;width:100%;padding:12px 16px;border-radius:var(--r-md);background:var(--surface-3);color:var(--text-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);font:500 var(--t-sm)/1.45 var(--font-sans);text-align:left;cursor:pointer;animation:pop .16s var(--ease)}.toast-error{border-color:color-mix(in srgb,var(--error) 50%,transparent);background:var(--error-soft)}.toast-success{border-color:color-mix(in srgb,var(--success) 50%,transparent);background:var(--success-soft)}.toast-info{border-color:var(--border-accent);background:var(--accent-soft)}.fab-feedback{position:fixed;right:20px;bottom:20px;z-index:55;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 var(--s-4);border:1px solid var(--border-accent);border-radius:999px;background:var(--accent);color:var(--on-accent);font:600 var(--t-xs)/1 var(--font-sans);box-shadow:var(--shadow-lg);cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.fab-feedback:hover{background:var(--accent-bright);transform:translateY(-1px)}.fab-feedback:active{transform:translateY(.5px)}.fab-feedback:focus-visible{outline:none;box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--accent)}.fab-feedback svg{flex:none}@media(max-width:640px){.fab-feedback{width:40px;height:40px;padding:0;justify-content:center}.fab-feedback span{display:none}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-9) var(--s-6);gap:var(--s-3)}.empty .empty-icon{width:52px;height:52px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;background:var(--surface-inset);border:1px solid var(--border);color:var(--accent-text);margin-bottom:var(--s-2)}.divider{height:1px;background:var(--border);border:none;margin:0}.vr{width:1px;align-self:stretch;background:var(--border)}.plate{display:inline-grid;place-content:center;border-radius:var(--r-md);background:var(--surface-3);color:var(--text-strong);border:1px solid var(--border);flex:none}.plate-accent{background:var(--accent-soft);color:var(--accent-text);border-color:var(--border-accent)}.focusable:focus-visible{outline:none;box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--accent);border-radius:var(--r-sm)}.kpi{min-width:96px}.kpi-val{font-size:var(--t-h2);font-weight:700;color:var(--text-strong);line-height:1.1;font-family:var(--font-sans)}.kpi-label{font:600 var(--t-label)/1.2 var(--font-sans);letter-spacing:var(--t-eyebrow-ls);text-transform:none;color:var(--text-faint);margin-top:4px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;z-index:60}.drawer{width:min(760px,94vw);height:100%;overflow-y:auto;background:var(--surface-1);border-left:1px solid var(--border);padding:var(--s-6);box-shadow:-16px 0 48px #00000059}.drawer:focus{outline:none}@media(max-width:640px){.drawer{width:100vw;padding:var(--s-5)}}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.gap-6{gap:var(--s-6)}.between{justify-content:space-between}.center{justify-content:center}.end{justify-content:flex-end}.wrap{flex-wrap:wrap}.grow{flex:1}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.tnum{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;overflow:hidden;padding:var(--s-4);gap:var(--s-4)}.sidebar{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:0 var(--s-4);height:var(--topbar-h);border-bottom:1px solid var(--border);flex:none}.sidebar-user{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-6) var(--s-4) var(--s-5);flex:none}.sidebar-user .avatar-ring{margin-bottom:var(--s-3);border-radius:var(--r-pill);padding:3px;border:1px solid var(--border-accent)}.sidebar-user .nm{font:600 var(--t-h3)/1.3 var(--font-sans);color:var(--text-strong);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .rl{font:300 var(--t-sm)/1.3 var(--font-sans);color:var(--text-muted)}.sidebar-user{text-decoration:none;border-radius:var(--r-md);transition:background var(--dur) var(--ease)}.sidebar-user:hover{background:var(--surface-2)}.sidebar-user:hover .avatar-ring{border-color:var(--accent)}.sidebar-user:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebar-brand .wm{font:700 var(--t-wordmark)/1 var(--font-sans);letter-spacing:-.02em;color:var(--text-strong)}.sidebar-brand .wm b{color:var(--accent-text);font-weight:700}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--s-4) var(--s-3);display:flex;flex-direction:column;gap:2px}.nav-section{font:600 var(--t-label)/1 var(--font-sans);letter-spacing:.01em;text-transform:none;color:var(--text-faint);padding:var(--s-4) var(--s-3) var(--s-2)}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:11px var(--s-4);border-radius:var(--r-lg);color:var(--text-muted);cursor:pointer;font:500 var(--t-sm)/1 var(--font-sans);border:1px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);position:relative;text-decoration:none}.nav-item:hover{background:var(--surface-2);color:var(--text-strong)}.nav-item.active{background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:var(--shadow-sm)}.nav-item.active .ic{color:var(--on-accent)}.nav-item .ic{color:var(--text-faint);flex:none}.nav-item .badge-n{margin-left:auto;font:600 var(--t-micro)/1 var(--font-mono);background:var(--surface-3);color:var(--text-muted);padding:3px 6px;border-radius:var(--r-pill)}.nav-item.active .badge-n{background:#ffffff38;color:var(--on-accent)}.nav-item .badge-n.attn{background:var(--accent);color:var(--on-accent)}.nav-item.active .badge-n.attn{background:#ffffff38;color:var(--on-accent)}.sidebar-foot{flex:none;padding:var(--s-3)}.nav-item-btn{width:100%;font:500 var(--t-sm)/1 var(--font-sans);background:none;text-align:left}.sysline{font:400 var(--t-micro)/1 var(--font-sans);letter-spacing:0;color:var(--text-faint);text-transform:none;text-align:center;padding:var(--s-3) 0 var(--s-2)}.user-chip{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur) var(--ease)}.user-chip:hover{background:var(--surface-2)}.user-chip .meta{min-width:0;flex:1}.user-chip .meta .nm{font:600 var(--t-sm)/1.2 var(--font-sans);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip .meta .rl{font:400 var(--t-xs)/1.2 var(--font-sans);color:var(--text-faint)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.topbar{height:var(--topbar-h);flex:none;border-bottom:1px solid var(--border);background:var(--surface-1);display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-6);z-index:20}.crumb{display:flex;align-items:center;gap:var(--s-2);font:500 var(--t-sm)/1 var(--font-sans);color:var(--text-muted)}.crumb .sep{color:var(--text-faint)}.crumb .cur{color:var(--text-strong);font-family:var(--font-sans);font-weight:600}.topsearch{flex:1;max-width:420px}.scroll{flex:1;overflow-y:auto;min-height:0}.page{padding:var(--s-7) var(--s-7) var(--s-9);max-width:var(--container-max);margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap}.page-title{font:700 var(--t-display)/var(--t-display-lh) var(--font-sans);letter-spacing:-.02em;color:var(--text-strong)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.course-card{display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.course-thumb{aspect-ratio:16/9;position:relative;background:var(--surface-inset);display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--border)}.course-thumb .glyphbg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.5}.course-thumb .tags{position:absolute;top:var(--s-3);left:var(--s-3);display:flex;gap:6px}.course-thumb .dur{position:absolute;bottom:var(--s-3);right:var(--s-3);font:600 var(--t-micro)/1 var(--font-mono);background:var(--video-scrim);color:var(--video-fg);padding:4px 7px;border-radius:var(--r-sm);border:1px solid var(--border-strong)}.course-thumb .scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(148,163,184,.04) 3px,rgba(148,163,184,.04) 4px)}.course-body{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);flex:1}.course-cat{font:600 var(--t-micro)/1 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-faint)}.course-name{font:600 var(--t-h3)/1.3 var(--font-sans);color:var(--text-strong)}.course-meta{display:flex;align-items:center;gap:var(--s-3);font:400 var(--t-xs)/1 var(--font-sans);color:var(--text-faint);margin-top:auto}.continue{display:grid;grid-template-columns:220px 1fr;gap:var(--s-5);overflow:hidden}.continue .thumb{position:relative;background:var(--surface-inset);display:grid;place-items:center;border-right:1px solid var(--border)}.continue .play-fab{position:absolute;width:48px;height:48px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);display:grid;place-items:center;box-shadow:var(--glow)}:root{--read-col: 720px;--media-col: 1100px}.lesson-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);width:100%;max-width:var(--media-col);margin:0 auto;padding:var(--s-7) var(--s-6) var(--s-4)}.lesson-content{width:100%;max-width:var(--media-col);margin:0 auto;padding:var(--s-3) var(--s-6) var(--s-9);display:flex;flex-direction:column;gap:var(--s-5)}.lesson-content>*{align-self:center;width:100%}.lesson-content>.prose-block,.lesson-content>.kc-card{max-width:var(--read-col)}.content-video{width:100%;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--video-bg)}.lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--border)}.prose-block{color:var(--text)}.prose-block .prose-h{font:600 var(--t-h2)/1.3 var(--font-sans);letter-spacing:-.2px;color:var(--text-strong);margin:var(--s-2) 0 var(--s-3)}.prose-block .prose-body{font:400 var(--t-read)/var(--t-read-lh) var(--font-sans);color:var(--text)}.prose-block .prose-body>:first-child{margin-top:0}.prose-block .prose-body p{margin:0 0 var(--s-4)}.prose-block .prose-body :is(h1,h2,h3){color:var(--text-strong);margin:var(--s-5) 0 var(--s-2)}.prose-block .prose-body img{max-width:100%;border-radius:var(--r-md)}.prose-block .prose-body ul,.prose-block .prose-body ol{padding-left:var(--s-5);margin:0 0 var(--s-4)}.prose-block .prose-body a{color:var(--accent-text);text-decoration:underline}.lesson-edit{border-top:1px solid var(--border);padding:var(--s-4) 0}.block-row{display:flex;align-items:center;gap:var(--s-3);padding:8px var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);margin-bottom:6px}.kc-card{border:1px solid var(--border-accent)}.kc-opt{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;background:var(--surface-inset);width:100%;text-align:left;font:500 var(--t-sm)/1.4 var(--font-sans);color:var(--text);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}[data-theme=light] .kc-opt{background:var(--surface-1)}.kc-opt:hover{border-color:var(--accent)}.kc-opt.sel{border-color:var(--accent);background:var(--accent-soft)}.kc-opt.correct{border-color:var(--success);background:var(--success-soft)}.kc-opt.wrong{border-color:var(--error);background:var(--error-soft)}.kc-mark{width:17px;height:17px;flex:none;display:grid;place-content:center;border:1.5px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface-inset);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}[data-theme=light] .kc-mark{background:var(--surface-1)}.kc-mark.box{border-radius:var(--r-xs)}.kc-mark.on{background:var(--accent);border-color:var(--accent)}.kc-mark.on:not(.box):after{content:"";width:7px;height:7px;border-radius:var(--r-pill);background:var(--on-accent)}.kc-mark.box.on:after{content:"";width:5px;height:9px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(42deg) translateY(-1px)}.kc-opt.correct .kc-mark.on{background:var(--success);border-color:var(--success)}.kc-opt.wrong .kc-mark.on{background:var(--error);border-color:var(--error)}.content-image img{max-width:100%;border-radius:var(--r-lg);border:1px solid var(--border);display:block}.pv{position:relative;width:100%;height:100%;background:var(--video-bg)}.pv-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-4);background:linear-gradient(0deg,var(--video-scrim),transparent);transition:opacity .22s var(--ease),transform .22s var(--ease)}.pv.pv-idle .pv-bar{opacity:0;visibility:hidden;transform:translateY(6px)}.pv.pv-idle,.pv.pv-idle *,.pv.pv-idle video{cursor:none}@media(prefers-reduced-motion:reduce){.pv-bar{transition:opacity .12s linear,visibility .12s}.pv.pv-idle .pv-bar{transform:none}}.pv-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--video-fg);cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm)}.pv-btn:hover{background:var(--video-hover)}.pv-btn:disabled{opacity:.4;cursor:default}.pv-bar .time-code{color:var(--video-fg);white-space:nowrap}.pv-track{position:relative;flex:1;height:14px;display:flex;align-items:center;cursor:pointer}.pv-track:before{content:"";position:absolute;left:0;right:0;height:5px;border-radius:var(--r-pill);background:var(--video-track)}.pv-watched{position:absolute;height:5px;border-radius:var(--r-pill);background:var(--video-track-buf)}.pv-fill{position:absolute;height:5px;border-radius:var(--r-pill);background:var(--accent)}.pv-head{position:absolute;width:12px;height:12px;border-radius:var(--r-pill);background:var(--video-head);box-shadow:0 0 0 3px var(--accent);transform:translate(-50%)}.pv-mark{position:absolute;width:11px;height:11px;border-radius:var(--r-pill);background:var(--violet-400);border:2px solid var(--video-bg);transform:translate(-50%);z-index:2}.pv-mark.done{background:var(--accent)}.pv-flag{font:600 var(--t-micro)/1 var(--font-mono);letter-spacing:var(--t-micro-ls);color:var(--video-fg-muted);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:3px 6px}.pv-volwrap{display:flex;align-items:center;gap:0}.pv-vol{width:0;opacity:0;margin:0;padding:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:var(--r-pill);background:var(--video-track);cursor:pointer;transition:width var(--dur) var(--ease),opacity var(--dur) var(--ease),margin var(--dur) var(--ease)}.pv-vol.open{width:72px;opacity:1;margin:0 var(--s-2) 0 4px;pointer-events:auto}.pv-vol::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:var(--r-pill);background:var(--video-head);border:none;cursor:pointer}.pv-vol::-moz-range-thumb{width:12px;height:12px;border-radius:var(--r-pill);background:var(--video-head);border:none;cursor:pointer}.pv-vol:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pv-vol:focus-visible{width:72px;opacity:1;margin:0 var(--s-2) 0 4px;pointer-events:auto}@media(prefers-reduced-motion:reduce){.pv-vol{transition:none}}.ivid{position:relative;width:100%;height:100%}.ivid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--video-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--s-5);z-index:5;animation:fade .2s var(--ease)}.ivid-card{width:100%;max-width:560px}.ivid-card .kc-card{box-shadow:var(--shadow-lg),var(--glow)}.ivid-edit-video{border-radius:var(--r-md);overflow:hidden}.ivid-banner{position:absolute;left:var(--s-5);right:var(--s-5);bottom:64px;max-width:min(60%,46ch);background:var(--video-overlay);border:1px solid var(--border-accent);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);color:var(--video-fg);z-index:4;box-shadow:var(--shadow-md);animation:fade .2s var(--ease)}.player-wrap{display:grid;grid-template-columns:1fr 340px;height:100%;min-height:0}.player-main{overflow-y:auto}.player-main{display:flex;flex-direction:column;min-width:0;background:var(--canvas);overflow-y:auto}.stage{position:relative;background:var(--video-bg);aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}.stage .scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.stage-center{position:relative;text-align:center;color:var(--slate-300);display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.quiz-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080fc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--s-6);animation:fade .22s var(--ease);z-index:5}.quiz-card{width:100%;max-width:560px;background:var(--surface-1);border:1px solid var(--border-accent);border-radius:var(--r-xl);box-shadow:var(--shadow-lg),var(--glow);overflow:hidden;animation:pop .24s var(--ease)}.quiz-head{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);background:var(--surface-2)}.quiz-timer{display:flex;align-items:center;gap:var(--s-3)}.quiz-body{padding:var(--s-5)}.quiz-q{font:600 var(--t-h2)/1.4 var(--font-sans);color:var(--text-strong);margin-bottom:var(--s-5)}.quiz-opts{display:flex;flex-direction:column;gap:var(--s-3)}.qopt{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);background:var(--surface-inset);text-align:left;width:100%;font:500 var(--t-sm)/1.4 var(--font-sans);color:var(--text)}[data-theme=light] .qopt{background:var(--surface-1)}.qopt:hover{border-color:var(--accent);background:var(--accent-soft-2)}.qopt .key{width:24px;height:24px;border-radius:var(--r-sm);border:1px solid var(--border-strong);display:grid;place-content:center;font:600 var(--t-xs)/1 var(--font-mono);color:var(--text-muted);flex:none}.qopt.sel{border-color:var(--accent);background:var(--accent-soft)}.qopt.sel .key{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.qopt.correct{border-color:var(--success);background:var(--success-soft);color:var(--text-strong)}.qopt.correct .key{background:var(--success);color:#04121f;border-color:var(--success)}.qopt.wrong{border-color:var(--error);background:var(--error-soft)}.qopt.wrong .key{background:var(--error);color:#fff;border-color:var(--error)}.controls{background:var(--video-chrome);border-top:1px solid var(--border);padding:var(--s-3) var(--s-4) var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.scrubber{position:relative;height:16px;display:flex;align-items:center;cursor:pointer}.scrubber .track{position:absolute;left:0;right:0;height:5px;border-radius:var(--r-pill);background:var(--video-track)}.scrubber .buf{position:absolute;height:5px;border-radius:var(--r-pill);background:var(--video-track-buf)}.scrubber .fill{position:absolute;height:5px;border-radius:var(--r-pill);background:var(--accent)}.scrubber .head{position:absolute;width:13px;height:13px;border-radius:var(--r-pill);background:var(--video-head);box-shadow:0 0 0 3px var(--accent);transform:translate(-50%)}.scrubber .mk{position:absolute;width:11px;height:11px;border-radius:var(--r-pill);background:var(--violet-400);border:2px solid var(--video-chrome);transform:translate(-50%);cursor:pointer;z-index:2}.scrubber .mk.done{background:var(--accent)}.ctrl-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3);color:var(--video-fg)}.ctrl-btn{width:34px;height:34px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--video-fg);cursor:pointer;border:1px solid transparent;background:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.ctrl-btn:hover{background:var(--video-hover)}.ctrl-btn.primary{background:var(--accent);color:var(--on-accent)}.ctrl-btn.primary:hover{background:var(--accent-bright)}.time-code{font:500 var(--t-xs)/1 var(--font-mono);color:var(--video-fg-muted)}.player-done{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border-bottom:1px solid var(--border);background:var(--success-soft)}.player-done.pending{background:var(--warning-soft)}.player-done-ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-md);background:var(--surface-1);color:var(--success);border:1px solid var(--border)}.player-done.pending .player-done-ico{color:var(--warning)}.player-side{border-left:1px solid var(--border);background:var(--surface-1);display:flex;flex-direction:column;min-height:0}.lesson{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:0;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur) var(--ease);align-items:flex-start;width:100%;text-align:left;background:none;color:inherit;font:inherit}.lesson-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.lesson-meta>span{display:block}.lesson:hover{background:var(--surface-2)}.lesson.active{background:var(--accent-soft-2);border-left:2px solid var(--accent);border-bottom:1px solid var(--border);padding-left:calc(var(--s-4) - 2px)}.lesson .lx{width:26px;height:26px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;border:1px solid var(--border-strong);color:var(--text-faint);font:600 var(--t-xs)/1 var(--font-mono);margin-top:1px}.lesson.done .lx{background:var(--accent-soft);color:var(--accent-text);border-color:var(--border-accent)}.lesson.active .lx{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.author{display:grid;grid-template-rows:1fr auto;height:100%;min-height:0}.author-top{display:grid;grid-template-columns:1fr 320px;min-height:0}.author-stage{background:var(--canvas);padding:var(--s-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--s-5);min-width:0}.preview-frame{background:var(--video-bg);border:1px solid var(--border);border-radius:var(--r-lg);aspect-ratio:16/9;position:relative;overflow:hidden;box-shadow:var(--shadow-md);display:grid;place-items:center}.author-config{border-left:1px solid var(--border);background:var(--surface-1);display:flex;flex-direction:column;min-height:0}.config-body{flex:1;overflow-y:auto;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-5)}.config-foot{flex:none;border-top:1px solid var(--border);padding:var(--s-4);display:flex;gap:var(--s-3)}.timeline-wrap{border-top:1px solid var(--border);background:var(--surface-1);padding:var(--s-4) var(--s-5) var(--s-5);flex:none}.tl-tools{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap}.tl-palette{display:flex;gap:var(--s-2)}.tl-chip{display:flex;align-items:center;gap:7px;padding:6px var(--s-3);border-radius:var(--r-md);border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--text);font:500 var(--t-xs)/1 var(--font-sans);cursor:grab;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease);-webkit-user-select:none;user-select:none}.tl-chip:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft-2)}.tl-chip:active{cursor:grabbing}.tl-chip .ph{color:var(--violet)}.ruler{position:relative;height:22px;border-bottom:1px solid var(--border);margin-bottom:var(--s-2)}.ruler .tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--border);padding-left:5px;font:500 var(--t-nano)/22px var(--font-mono);color:var(--text-faint)}.track-lane{position:relative;height:56px;background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}[data-theme=light] .track-lane{background:var(--surface-2)}.track-lane .lane-label{position:absolute;left:8px;top:6px;font:600 var(--t-nano)/1 var(--font-mono);letter-spacing:var(--t-micro-ls);text-transform:uppercase;color:var(--text-faint);z-index:1}.track-lane .playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);z-index:4;pointer-events:none}.track-lane .playhead:before{content:"";position:absolute;top:-1px;left:-4px;border:5px solid transparent;border-top-color:var(--accent)}.tl-marker{position:absolute;top:22px;height:28px;border-radius:var(--r-sm);display:flex;align-items:center;gap:5px;padding:0 8px;font:600 var(--t-micro)/1 var(--font-mono);cursor:pointer;border:1px solid;transition:filter var(--dur) var(--ease),box-shadow var(--dur) var(--ease);transform:translate(-1px);z-index:3;white-space:nowrap}.tl-marker.quiz{background:var(--accent-soft);color:var(--accent-text);border-color:var(--border-accent)}.tl-marker.note{background:var(--violet-soft);color:var(--violet);border-color:color-mix(in srgb,var(--violet) 40%,transparent)}.tl-marker.branch{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}.tl-marker.sel{box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--accent)}.tl-marker:hover{filter:brightness(1.12)}.lane-drop{outline:2px dashed var(--accent);outline-offset:-3px;background:var(--accent-soft-2)}.preview-pin{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:3}@media(max-width:1080px){.course-grid{grid-template-columns:repeat(2,1fr)}}.dash-greet{margin-bottom:var(--s-6)}.dash-greet .hi{font:700 var(--t-display)/var(--t-display-lh) var(--font-sans);letter-spacing:-.02em;color:var(--text-strong)}.dash-greet .sub{font:400 var(--t-h3)/1.4 var(--font-sans);color:var(--text-muted);margin-top:4px}.dash-grid{display:grid;gap:var(--s-4);margin-bottom:var(--s-4);align-items:stretch}.dash-r1{grid-template-columns:290px 1fr 300px}.dash-r2{grid-template-columns:1fr 320px 380px}.dash-r3{grid-template-columns:3fr 2fr}@media(max-width:1180px){.dash-r1,.dash-r2{grid-template-columns:1fr 1fr}}@media(max-width:860px){.dash-r1,.dash-r2,.dash-r3{grid-template-columns:1fr}}.dash-card{display:flex;flex-direction:column;min-width:0}.dash-card-title{margin-bottom:var(--s-4)}.dash-empty{flex:1;display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start;justify-content:center;padding:var(--s-2) 0}.icon-tile{width:34px;height:34px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--border-accent);border-radius:var(--r-md)}.icon-tile.big{width:42px;height:42px}.mini-course{display:flex;flex-direction:column;gap:var(--s-3);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4);text-decoration:none;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);background:var(--surface-2)}.mini-course:hover{border-color:var(--border-accent);background:var(--accent-soft-2)}.mini-course-name{font:600 var(--t-h3)/1.3 var(--font-sans);color:var(--text-strong)}.mini-course-bar{display:flex;align-items:center;gap:var(--s-3)}.mini-course-bar .bar{flex:1}.dash-rows{display:flex;flex-direction:column;gap:var(--s-3)}.dash-row{display:flex;align-items:center;gap:var(--s-3);min-width:0}.dash-row-main{min-width:0;flex:1}.dash-row-name{font:600 var(--t-sm)/1.3 var(--font-sans);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-accent{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;cursor:pointer;font:600 var(--t-xs)/1 var(--font-sans);color:var(--accent-text);text-decoration:none}.link-accent:hover{text-decoration:underline}.see-more{display:block;text-align:center;margin-top:var(--s-4);padding:9px;border-radius:var(--r-sm);background:var(--accent-soft-2);color:var(--accent-text);font:500 var(--t-xs)/1 var(--font-sans);text-decoration:none;transition:background var(--dur) var(--ease)}.see-more:hover{background:var(--accent-soft)}.cal-title{text-align:center;font:600 var(--t-sm)/1 var(--font-sans);margin-bottom:var(--s-4)}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dow{font:500 var(--t-micro)/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);text-align:center;padding:4px 0 6px}.cal-day{font:500 var(--t-xs)/1 var(--font-sans);color:var(--text);text-align:center;padding:6px 0;border-radius:var(--r-pill)}.cal-day.sun{color:var(--error)}.cal-day.today{background:var(--accent);color:var(--on-accent);font-weight:700}.chart-key{display:inline-flex;align-items:center;gap:6px;font:600 var(--t-micro)/1 var(--font-sans);color:var(--text-faint)}.chart-key .sw{width:10px;height:10px;border-radius:3px;background:var(--track)}.chart-key .sw.fill{background:var(--accent)}.chart{display:flex;align-items:flex-end;gap:var(--s-5);height:170px;padding-top:var(--s-2)}.chart-col{flex:1;max-width:84px;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);height:100%;min-width:0}.chart-track{flex:1;width:30px;border-radius:var(--r-md);background:var(--track);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.chart-track i{display:block;height:100%;background:var(--accent);border-radius:var(--r-md) var(--r-md) 0 0;transform-origin:bottom center;transform:scaleY(var(--fill, 0));transition:transform .4s var(--ease)}.chart-lab{font:500 var(--t-micro)/1.2 var(--font-sans);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.gauge{display:flex;flex-direction:column;justify-content:center;flex:1}.gauge-svg{width:170px;margin:0 auto var(--s-2);display:block}.gauge-val{font:700 var(--t-metric) var(--font-sans);fill:var(--text-strong);letter-spacing:-.02em}.todo{display:flex;flex-direction:column}.todo-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--border);text-decoration:none;min-width:0}.todo-row:last-child{border-bottom:0}.todo-box{width:16px;height:16px;flex:none;display:grid;place-items:center;border:1.5px solid var(--accent);border-radius:var(--r-xs);background:var(--accent-soft-2);color:var(--on-accent)}.todo-row.done .todo-box{background:var(--accent)}.todo-name{font:600 var(--t-sm)/1.3 var(--font-sans);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-row.done .todo-name{text-decoration:line-through;color:var(--text-muted)}.class-row{display:flex;align-items:center;gap:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4);text-decoration:none;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);min-width:0}a.class-row:hover{background:var(--surface-2)}.class-row.hl{border-color:var(--border-accent);background:var(--accent-soft-2)}.class-name{font:600 var(--t-h3)/1.3 var(--font-sans);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-name.accent{color:var(--accent-text)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s-3);align-items:stretch}.badge-card{display:flex;flex-direction:column;gap:6px;padding:var(--s-5);height:100%}.badge-name{font:600 var(--t-h3)/1.3 var(--font-sans);color:var(--text-strong)}.badge-card:not(:has(.tag-live)) .badge-name{color:var(--text-muted)}.badge-foot{margin-top:auto;padding-top:var(--s-3)}@media(max-width:480px){.badge-grid{grid-template-columns:1fr 1fr}}.notif{position:relative;display:inline-flex}.notif-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font:600 var(--t-micro)/1 var(--font-sans);color:var(--on-accent);background:var(--accent);border-radius:var(--r-pill);border:2px solid var(--surface-1);pointer-events:none}.notif-panel{position:absolute;top:calc(100% + var(--s-2));right:0;width:340px;max-width:calc(100vw - var(--s-6));display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:40}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border)}.notif-head .link-accent:disabled{opacity:.4;cursor:default;text-decoration:none}.notif-list{max-height:380px;overflow-y:auto;display:flex;flex-direction:column}.notif-empty{padding:var(--s-7) var(--s-4);text-align:center;font:400 var(--t-sm)/1.5 var(--font-sans)}.notif-row{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;cursor:pointer;padding:var(--s-3) var(--s-4);background:none;border:0;border-bottom:1px solid var(--border);border-left:3px solid transparent;transition:background var(--dur) var(--ease)}.notif-row:last-child{border-bottom:0}.notif-row:hover{background:var(--surface-2)}.notif-row.unread{background:var(--accent-soft-2);border-left-color:var(--accent)}.notif-row.unread:hover{background:var(--accent-soft)}.notif-row-top{display:flex;align-items:baseline;gap:var(--s-3);min-width:0}.notif-title{flex:1;min-width:0;font:500 var(--t-sm)/1.35 var(--font-sans);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-row.unread .notif-title{font-weight:600;color:var(--text-strong)}.notif-time{flex:none;font:400 var(--t-micro)/1.4 var(--font-sans);color:var(--text-faint)}.notif-body{font:400 var(--t-xs)/1.4 var(--font-sans);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-foot{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--border);font:400 var(--t-xs)/1.3 var(--font-sans);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.notif-foot input{accent-color:var(--accent);cursor:pointer}.prog-section-head{margin:0 0 var(--s-4)}.prog-my-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4);margin-bottom:var(--s-4)}@media(max-width:1100px){.prog-my-grid{grid-template-columns:1fr}}.prof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4);align-items:start}.prof-col{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}@media(max-width:1100px){.prof-grid{grid-template-columns:1fr}}.prog-card{display:flex;flex-direction:column}.prog-card-title{font:600 var(--t-h2)/1.3 var(--font-sans);letter-spacing:-.2px;color:var(--text-strong)}.prog-card-meta{display:flex;align-items:center;gap:var(--s-4);font:400 var(--t-xs)/1 var(--font-sans);color:var(--text-muted)}.prog-card-meta .row{align-items:center}.prog-overall{display:flex;align-items:center;gap:var(--s-3);margin-bottom:6px}.prog-steps{display:flex;flex-direction:column}.prog-step{display:flex;align-items:stretch;gap:var(--s-3);margin-bottom:var(--s-4)}.prog-step:last-child{margin-bottom:0}.prog-rail{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;width:26px}.prog-step:not(:last-child) .prog-rail:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:28px;bottom:calc(-1 * var(--s-4) - 2px);width:2px;background:var(--border)}.prog-node{width:26px;height:26px;border-radius:var(--r-pill);flex:none;z-index:1;display:grid;place-items:center;font:600 var(--t-xs)/1 var(--font-mono);background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-faint)}.prog-node.done{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.prog-node.current{background:var(--accent-soft-2);border:1.5px solid var(--accent);color:var(--accent-text)}.prog-node.locked{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-faint)}.prog-step-body{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-top:3px}.prog-step-main{min-width:0}.prog-step-name{font:600 var(--t-sm)/1.3 var(--font-sans);color:var(--text-strong);text-decoration:none}a.prog-step-name:hover{color:var(--accent-text);text-decoration:underline}.prog-course-row{display:flex;align-items:center;gap:var(--s-3);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-2) var(--s-3);background:var(--surface-2)}.prog-course-pos{flex:none;width:24px;height:24px;border-radius:var(--r-sm);display:grid;place-items:center;font:600 var(--t-xs)/1 var(--font-mono);background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--border-accent)}.prog-course-name{flex:1;min-width:0;font:600 var(--t-sm)/1.3 var(--font-sans);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whatsnew-banner{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border:1px solid var(--border-accent);border-radius:var(--r-md);background:var(--accent-soft)}.whatsnew-icon{flex:none;color:var(--accent-text);margin-top:2px}.p14-callout{border-left:3px solid var(--accent);border-radius:var(--r-md);padding:var(--s-4);background:var(--surface-2)}.p14-callout.info{border-left-color:var(--accent);background:var(--accent-soft)}.p14-callout.success{border-left-color:var(--success);background:var(--success-soft)}.p14-callout.warning{border-left-color:var(--warning);background:var(--warning-soft)}.p14-callout.danger{border-left-color:var(--error);background:var(--error-soft)}.p14-callout-title{font:600 var(--t-sm)/1.4 var(--font-sans);color:var(--text-strong);margin-bottom:4px}.p14-callout-body{font:400 var(--t-body)/1.55 var(--font-sans);color:var(--text);white-space:pre-wrap}.p14-embed-wrap{width:100%}.p14-embed{position:relative;width:100%;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--video-bg)}.p14-embed.r-16-9{aspect-ratio:16/9}.p14-embed.r-4-3{aspect-ratio:4/3}.p14-embed.r-tall{aspect-ratio:9/16;max-width:420px;margin:0 auto}.p14-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.p14-audio{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1)}.p14-audio-icon{flex:none;width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}.p14-audio-el{width:100%;height:38px;margin-top:2px}.p14-file{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1)}.p14-file-icon{flex:none;width:32px;height:32px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}.vs-extras{border-top:1px solid var(--border);padding-top:var(--s-4)}.pv-chap{position:absolute;width:2px;height:12px;background:var(--video-fg);opacity:.85;border-radius:1px;transform:translate(-50%);z-index:1}.pv-btn.pv-rate,.pv-btn.pv-cc{width:auto;min-width:30px;padding:0 8px;font:600 var(--t-xs)/1 var(--font-mono)}.pv-btn.on{background:var(--accent);color:var(--on-accent)}.pv-btn.on:hover{background:var(--accent-bright)}.pv-chapwrap{position:relative;display:flex;align-items:center}.pv-chapters-menu{position:absolute;bottom:38px;right:0;min-width:230px;max-height:260px;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:var(--s-2);z-index:6;animation:fade .15s var(--ease)}.pv-chapters-head{font:600 var(--t-label)/1.3 var(--font-sans);letter-spacing:var(--t-label-ls);text-transform:uppercase;color:var(--text-muted);padding:6px var(--s-2) 8px}.pv-chapters-item{display:flex;gap:var(--s-3);align-items:center;width:100%;text-align:left;padding:8px var(--s-2);border:none;background:none;border-radius:var(--r-sm);cursor:pointer;color:var(--text)}.pv-chapters-item:hover{background:var(--surface-2)}.pv-chapters-time{flex:none;color:var(--accent-text);font-size:var(--t-xs)}.pv-chapters-title{font:500 var(--t-sm)/1.3 var(--font-sans);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p15-search-field{position:relative;display:flex;align-items:center}.p15-search-field .p15-search-ic{position:absolute;left:var(--s-3);color:var(--text-faint);pointer-events:none}.p15-search-input{width:100%;padding-left:32px}.p15-search{position:relative}.p15-search-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:min(70vh,440px);overflow-y:auto;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s-2);z-index:40;animation:fade .15s var(--ease)}.p15-search-empty{padding:var(--s-4) var(--s-3)}.p15-search-group{padding:var(--s-2) 0}.p15-search-group+.p15-search-group{border-top:1px solid var(--border)}.p15-search-label{font:600 var(--t-label)/1.3 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint);padding:6px var(--s-3) 4px}.p15-search-row{display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:8px var(--s-3);border-radius:var(--r-sm);color:var(--text);transition:background var(--dur) var(--ease)}.p15-search-row:hover{background:var(--surface-2)}.p15-search-rowic{flex:none;color:var(--text-faint)}.p15-search-rowt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 var(--t-sm)/1.3 var(--font-sans)}.p15-search-rowsub{color:var(--text-faint);font-weight:400}.p15-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.p15-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3)}.p15-diff-chip{font:600 var(--t-micro)/1 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);padding:4px 8px;border-radius:var(--r-pill)}.p15-rating{display:inline-flex;align-items:center;gap:6px}.p15-stars{display:inline-flex;gap:1px;align-items:center;color:var(--border-strong);line-height:1}.p15-stars>span{display:inline-flex}.p15-stars .on{color:var(--accent-text)}.p15-review-count{border:none;background:none;padding:0;cursor:pointer;font:500 var(--t-xs)/1 var(--font-sans);color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.p15-review-count:hover{color:var(--accent-text)}.p15-taglist{display:flex;flex-wrap:wrap;gap:6px}.p15-minichip{display:inline-flex;align-items:center;gap:4px;font:500 var(--t-micro)/1 var(--font-sans);color:var(--text-muted);background:var(--surface-3);padding:4px 8px;border-radius:var(--r-pill)}.p15-minichip.removable{padding-right:9px}.p15-chip-x{display:grid;place-items:center;width:24px;height:24px;margin:-4px -6px -4px 0;border:none;background:none;cursor:pointer;color:var(--text-faint);font-size:11px;line-height:1;padding:0}.p15-chip-x:hover{color:var(--error)}.p15-reviews-drawer{width:min(460px,94vw)}.p15-review-item{padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.p15-review-item:last-child{border-bottom:none}.p15-bookmark-btn{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease)}.p15-bookmark-btn.sm{width:28px;height:28px}.p15-bookmark-btn:hover{border-color:var(--accent);color:var(--accent-text)}.p15-bookmark-btn.on{border-color:var(--border-accent);background:var(--accent-soft);color:var(--accent-text)}.p15-bookmark-btn.on svg{fill:var(--accent);stroke:var(--accent)}.p15-nav-bm{flex:none;color:var(--accent-text);fill:var(--accent);stroke:var(--accent);margin-top:2px}.lesson-content>.p15-panel,.lesson-content>.p15-review-card{max-width:var(--read-col);width:100%}.p15-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);overflow:hidden}.p15-panel-head{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4)}.p15-panel-toggle{flex:1;display:flex;align-items:center;gap:var(--s-2);border:none;background:none;cursor:pointer;color:var(--text-strong);text-align:left;padding:0}.p15-panel-toggle .ico,.p15-panel-toggle svg{color:var(--text-muted)}.p15-caret{display:inline-block;color:var(--text-faint);transition:transform var(--dur) var(--ease);font-size:11px}.p15-caret.open{transform:rotate(90deg)}.p15-panel-body{padding:0 var(--s-4) var(--s-4)}.p15-replies{margin-top:var(--s-3);padding-left:var(--s-4);border-left:2px solid var(--border);display:flex;flex-direction:column;gap:var(--s-3)}.p15-reply-link{border:none;background:none;padding:0;margin-top:6px;cursor:pointer;font:500 var(--t-xs)/1 var(--font-sans);color:var(--accent-text)}.p15-reply-link:hover{text-decoration:underline}.p15-review-card{border:1px solid var(--border-accent)}.p15-star-picker{display:inline-flex;gap:4px;margin-top:var(--s-3)}.p15-star-btn{display:grid;place-items:center;min-width:32px;min-height:32px;border:none;background:none;cursor:pointer;font-size:26px;line-height:1;color:var(--border-strong);padding:0;transition:color var(--dur) var(--ease)}.p15-star-btn.on{color:var(--accent-text)}.p16-sign-card{border:1px solid var(--border-accent);border-radius:var(--r-lg);background:var(--accent-soft);padding:var(--s-5)}.p16-sign-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--border-accent);color:var(--accent-text)}.p16-signed{display:flex;align-items:center;gap:6px;color:var(--success)}.p16-signed svg{color:var(--success)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--s-3);top:-64px;z-index:300;background:var(--accent);color:var(--on-accent);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);font:600 var(--t-sm)/1 var(--font-sans);text-decoration:none;box-shadow:var(--shadow-md);transition:top var(--dur) var(--ease)}.skip-link:focus{top:var(--s-3);outline:none}.topbar-menu-btn,.sidebar-scrim{display:none}@media(max-width:860px){.app{grid-template-columns:1fr;padding:var(--s-3);gap:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(280px,84vw);z-index:80;border-radius:0 var(--r-xl) var(--r-xl) 0;transform:translate(-100%);transition:transform var(--dur) var(--ease),visibility var(--dur);visibility:hidden}.sidebar.open{transform:translate(0);visibility:visible;box-shadow:var(--shadow-lg)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#02061080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;padding:0;cursor:pointer}.topbar-menu-btn{display:inline-flex}.page{padding:var(--s-5) var(--s-4) var(--s-7)}.course-grid{grid-template-columns:1fr}.table{display:block;overflow-x:auto;white-space:nowrap}}.topbar-orgswitch{display:inline-flex;align-items:center;flex:none}.topbar-orgswitch .select{height:28px;width:auto;max-width:190px;font-size:var(--t-xs);padding-right:26px}@media(max-width:640px){.topbar-org{display:none}.topbar-orgswitch .select{max-width:120px}}@media(max-width:900px){.player-wrap{grid-template-columns:1fr;height:auto;min-height:100%}.player-main{overflow-y:visible}.player-side{border-left:0;border-top:1px solid var(--border);max-height:none}.lesson-head,.lesson-content{padding-left:var(--s-4);padding-right:var(--s-4)}.lesson-nav{flex-wrap:wrap}.author{grid-template-rows:auto auto;height:auto}.author-top{grid-template-columns:1fr}.author-config{border-left:0;border-top:1px solid var(--border)}.author-stage,.timeline-wrap{padding:var(--s-4)}.continue{grid-template-columns:1fr}.continue .thumb{border-right:0;border-bottom:1px solid var(--border);aspect-ratio:16/9}}@media(max-width:620px){.pv-bar{padding:var(--s-2) var(--s-3)}.pv-track{order:-1;flex-basis:100%}.ivid-banner{bottom:96px;max-width:none}}.actas-banner{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:9px var(--s-6);background:var(--warning);color:#221a02;font:500 var(--t-sm)/1.4 var(--font-sans);z-index:25}.actas-banner b{font-weight:700}.roles-row{padding:var(--s-3) 0;border-bottom:1px solid var(--border-soft);gap:var(--s-4)}.roles-row:last-of-type{border-bottom:none}.roles-perm{padding:8px 0;border-bottom:1px solid var(--border-soft);gap:var(--s-4)}.grade-item{padding:var(--s-4) 0;border-bottom:1px solid var(--border-soft)}.grade-item:last-of-type{border-bottom:none}.grade-answer{margin-top:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2)}.grade-answer.model{background:transparent;border:1px dashed var(--border)}.lp{min-height:100dvh;background:var(--canvas);color:var(--text);overflow-x:clip}.lp-wrap{max-width:1180px;margin:0 auto;padding:0 var(--s-6);width:100%}.lp-skip{position:absolute;left:-9999px}.lp-skip:focus{left:var(--s-4);top:var(--s-4);z-index:100;background:var(--surface-1);color:var(--text-strong);border:1px solid var(--border-accent);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.lp-h1{font:700 clamp(34px,5.6vw,60px)/1.04 var(--font-sans);letter-spacing:-.03em;color:var(--text-strong);text-wrap:balance}.lp-h2{font:700 clamp(24px,3.2vw,36px)/1.15 var(--font-sans);letter-spacing:-.025em;color:var(--text-strong);text-wrap:balance}.lp-h3{font:600 var(--t-h3)/1.35 var(--font-sans);color:var(--text-strong)}.lp-lead{font:400 clamp(15px,1.5vw,18px)/1.6 var(--font-sans);color:var(--text-muted);max-width:46ch}.lp-body{font:400 var(--t-read)/var(--t-read-lh) var(--font-sans);color:var(--text-muted);max-width:62ch}.lp-eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);font:600 var(--t-label)/var(--t-label-lh) var(--font-sans);letter-spacing:var(--t-eyebrow-ls);text-transform:none;color:var(--accent-text);margin-bottom:var(--s-3)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.lp-rise{animation:lp-rise linear both;animation-timeline:view();animation-range:entry 8% cover 26%}}.lp-hero-inner>*{animation:lp-in .7s var(--ease) both}.lp-hero-inner>*:nth-child(2){animation-delay:70ms}.lp-hero-inner>*:nth-child(3){animation-delay:.14s}.lp-hero-figure{animation:lp-in .9s var(--ease) .18s both}}@keyframes lp-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes lp-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lp-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--canvas) 90%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid var(--border)}.lp-nav-inner{display:flex;align-items:center;gap:var(--s-6);height:64px}.lp-brand{display:inline-flex;align-items:center;text-decoration:none;flex:none}.lp-logo{height:28px;width:auto;display:block}.lp-logo-sm{height:24px}.lp-nav-links{display:flex;align-items:center;gap:var(--s-5);margin-left:var(--s-3)}.lp-nav-links a{font:500 var(--t-sm)/1 var(--font-sans);color:var(--text-muted);text-decoration:none;transition:color var(--dur) var(--ease)}.lp-nav-links a:hover{color:var(--text-strong)}.lp-nav-cta{display:flex;align-items:center;gap:var(--s-3);margin-left:auto}.lp-nav-cta .btn{text-decoration:none}.lp-burger{display:none}.lp-mobmenu{display:none;flex-direction:column;padding:var(--s-2) var(--s-6) var(--s-5);border-top:1px solid var(--border);background:var(--surface-1)}.lp-mobmenu a{padding:var(--s-3) 0;font:500 var(--t-body)/1 var(--font-sans);color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.lp-hero{position:relative;padding:clamp(40px,6vw,84px) 0 clamp(48px,7vw,96px)}.lp-hero-glow{position:absolute;top:-300px;left:12%;width:900px;height:640px;pointer-events:none;background:radial-gradient(closest-side,rgba(14,165,233,.16),rgba(14,165,233,.04) 55%,transparent 72%)}.lp-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}.lp-hero-inner{display:flex;flex-direction:column;align-items:flex-start}.lp-hero-inner .lp-lead{margin-top:var(--s-4)}.lp-cta-row{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}.lp-cta-row .btn{text-decoration:none}.lp-hero-figure{margin:0;position:relative}.lp-certfig-img{width:100%;height:auto;display:block;border-radius:var(--r-lg);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);background:var(--white)}.lp-certfig-cap{margin-top:var(--s-4);font:400 var(--t-xs)/1.6 var(--font-sans);color:var(--text-faint);max-width:44ch}.lp-certfig-cap a{color:var(--accent-text)}.lp-pitch-sec{padding:clamp(56px,8vw,104px) 0;border-block:1px solid var(--border);background:var(--surface-1)}.lp-pitch{max-width:20ch;font:700 clamp(24px,3.4vw,40px)/1.2 var(--font-sans);letter-spacing:-.025em;color:var(--text-strong);text-wrap:balance}.lp-pitch-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:end}.lp-pitch-grid .lp-body{justify-self:end}.lp-sec{padding:clamp(56px,8vw,104px) 0}.lp-sec-alt{background:var(--surface-1);border-block:1px solid var(--border)}.lp-head{max-width:640px;margin-bottom:clamp(32px,4.5vw,56px)}.lp-head .lp-body{margin-top:var(--s-4)}.lp-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.lp-cell{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-6);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-1);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.lp-sec-alt .lp-cell{background:var(--canvas)}.lp-cell:hover{border-color:var(--border-strong)}.lp-cell-lead{grid-column:span 2}.lp-cell-lead:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 140% at 88% 8%,rgba(14,165,233,.16),transparent 62%)}.lp-cell-lead>*{position:relative;z-index:1}.lp-cell-wide{grid-column:span 2}.lp-cell-ico{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--r-md);border:1px solid var(--border-accent);background:var(--accent-soft);color:var(--accent-text)}.lp-cell-title{font:600 var(--t-h3)/1.3 var(--font-sans);color:var(--text-strong)}.lp-cell-body{font:400 var(--t-sm)/1.55 var(--font-sans);color:var(--text-muted)}.lp-cell-lead .lp-cell-title{font-size:var(--t-h2)}.lp-cell-lead .lp-cell-body{max-width:52ch}.lp-kcdemo{margin-top:auto;padding-top:var(--s-5);display:flex;flex-direction:column;gap:6px;max-width:340px}.lp-kcdemo .kc-opt{padding:7px var(--s-3);font-size:var(--t-xs);border-radius:var(--r-sm)}.lp-kcdemo-q{font:600 var(--t-xs)/1.4 var(--font-sans);color:var(--text-strong);margin-bottom:2px}.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}.lp-points{list-style:none;margin:var(--s-5) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.lp-points li{display:flex;align-items:flex-start;gap:var(--s-3);font:400 var(--t-sm)/1.5 var(--font-sans);color:var(--text)}.lp-points li svg{flex:none;margin-top:3px;color:var(--accent-text)}.lp-panel{box-shadow:var(--shadow-md)}.lp-tl{position:relative;height:34px;display:flex;align-items:center}.lp-tl-track{position:absolute;inset-inline:0;height:6px;border-radius:var(--r-pill);background:var(--track)}.lp-tl-pin{position:absolute;width:10px;height:10px;border-radius:var(--r-pill);background:var(--accent);transform:translate(-50%);box-shadow:0 0 0 3px var(--accent-soft)}.lp-tl-head{position:absolute;width:2px;height:26px;background:var(--accent-bright);transform:translate(-50%);border-radius:var(--r-pill)}.lp-tl-legend{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s-3);font:400 var(--t-xs)/1 var(--font-sans);color:var(--text-muted)}.lp-tl-legend i{display:inline-block;width:8px;height:8px;border-radius:var(--r-pill);background:var(--accent);margin-right:6px}.lp-listrow{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.lp-listrow:last-child{border-bottom:none}.lp-ledger{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0;border-top:1px solid var(--border)}.lp-ledger-item{padding:var(--s-6) var(--s-5) var(--s-5) 0;border-right:1px solid var(--border)}.lp-ledger-item:last-child{border-right:0;padding-right:0}.lp-ledger-item:not(:first-child){padding-left:var(--s-5)}.lp-ledger-ico{color:var(--accent-text);margin-bottom:var(--s-4);display:block}.lp-ledger-title{font:600 var(--t-h3)/1.3 var(--font-sans);color:var(--text-strong);margin-bottom:var(--s-2)}.lp-ledger-body{font:400 var(--t-sm)/1.6 var(--font-sans);color:var(--text-muted)}.lp-proof{text-align:center;max-width:720px;margin:0 auto}.lp-proof .lp-body{margin:var(--s-4) auto 0;text-align:center}.lp-proof-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3);margin-top:var(--s-7)}.lp-proof-chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:9px var(--s-4);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-1);font:500 var(--t-sm)/1 var(--font-sans);color:var(--text)}.lp-sec-alt .lp-proof-chip{background:var(--canvas)}.lp-proof-chip svg{color:var(--accent-text);flex:none}.lp-serial{display:inline-flex;align-items:center;gap:var(--s-3);margin-top:var(--s-7);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);border:1px solid var(--border-accent);border-radius:var(--r-pill);background:var(--accent-soft-2)}.lp-serial code{font:600 var(--t-sm)/1 var(--font-mono);color:var(--text-strong);letter-spacing:.02em}.lp-serial .btn{text-decoration:none}.lp-editions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5);max-width:900px;margin:0 auto}.lp-edition{display:flex;flex-direction:column}.lp-edition .lp-points{margin-top:0;flex:1}.lp-edition-cta{margin-top:var(--s-6);text-decoration:none}.lp-note{max-width:620px;margin:var(--s-6) auto 0;text-align:center;font:400 var(--t-sm)/1.6 var(--font-sans);color:var(--text-faint)}.lp-shared{max-width:900px;margin:var(--s-8) auto 0;padding-top:var(--s-7);border-top:1px solid var(--border)}.lp-clusters{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6)}.lp-cluster-h{font:600 var(--t-label)/1.3 var(--font-sans);letter-spacing:var(--t-eyebrow-ls);color:var(--text-faint);margin-bottom:var(--s-3)}.lp-cluster ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.lp-cluster li{font:400 var(--t-sm)/1.5 var(--font-sans);color:var(--text-muted)}.lp-interest-wrap{max-width:620px;margin:0 auto}.lp-interest{display:flex;flex-direction:column;gap:var(--s-4)}.lp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.lp-interest .field>span{font:600 var(--t-xs)/1.2 var(--font-sans);color:var(--text-strong)}.lp-turnstile{min-height:65px}.lp-form-err{font:500 var(--t-sm)/1.5 var(--font-sans);color:var(--error);background:var(--error-soft);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:0}.lp-interest-ok{max-width:620px;margin:0 auto;text-align:center}.lp-faq{max-width:780px;margin:0 auto}.lp-faq details{border-bottom:1px solid var(--border)}.lp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5) 0;cursor:pointer;list-style:none}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:hover .lp-h3{color:var(--accent-text)}.lp-faq-chev{color:var(--text-faint);flex:none;transition:transform var(--dur) var(--ease)}.lp-faq details[open] .lp-faq-chev{transform:rotate(90deg);color:var(--accent-text)}.lp-faq details>p{padding:0 0 var(--s-5);max-width:66ch}.lp-close{padding:clamp(64px,9vw,112px) 0;text-align:center;background:var(--surface-1);border-top:1px solid var(--border)}.lp-close .lp-body{margin:var(--s-4) auto 0;text-align:center}.lp-close .lp-cta-row{justify-content:center;margin-top:var(--s-7)}.lp-foot{padding:var(--s-8) 0 var(--s-9);border-top:1px solid var(--border)}.lp-foot-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap;margin-bottom:var(--s-6)}.lp-foot-links{display:flex;flex-wrap:wrap;gap:var(--s-5)}.lp-foot-links a{font:400 var(--t-sm)/1 var(--font-sans);color:var(--text-muted);text-decoration:none}.lp-foot-links a:hover{color:var(--accent-text)}.lp-foot-legal{margin-top:var(--s-6);font:400 var(--t-xs)/1.6 var(--font-sans);color:var(--text-faint)}@media(max-width:1000px){.lp-hero-grid{grid-template-columns:1fr;gap:var(--s-7)}.lp-hero-figure{max-width:560px}.lp-bento{grid-template-columns:repeat(2,1fr)}.lp-cell-lead,.lp-cell-wide{grid-column:span 2}.lp-ledger{grid-template-columns:1fr;border-top:0}.lp-ledger-item{border-right:0;border-top:1px solid var(--border);padding:var(--s-5) 0}.lp-ledger-item:not(:first-child){padding-left:0}.lp-clusters{grid-template-columns:1fr 1fr}}@media(max-width:860px){.lp-nav-links{display:none}.lp-burger{display:inline-flex}.lp-mobmenu{display:flex}.lp-split{grid-template-columns:1fr}.lp-pitch-grid{grid-template-columns:1fr;align-items:start}.lp-pitch-grid .lp-body{justify-self:start}.lp-pitch{max-width:none}}@media(max-width:680px){.lp-wrap{padding:0 var(--s-4)}.lp-bento{grid-template-columns:1fr}.lp-cell-lead,.lp-cell-wide{grid-column:span 1}.lp-editions,.lp-clusters,.lp-field-row{grid-template-columns:1fr}.lp-nav-docs{display:none}.lp-cta-row .btn{width:100%}.lp-serial{width:100%;justify-content:space-between;padding-left:var(--s-4)}}