:root,:root[data-theme=dark]{--bg:#04050c;--bg2:#090c1c;--text:#f2f6ff;--muted:#8e9bc4;--violet:#7b4dff;--cyan:#19e6ff;--gold:#ffd166;--danger:#ff5d7a;--ok:#3be6a4;--glass:#10132a9e;--glass2:#1a1f428c;--line:#788cff2e;--glow:0 0 28px #19e6ff2e, 0 0 60px #7b4dff24;--halo1:#7b4dff47;--halo2:#19e6ff29;--on-accent:#04050c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#eef2ff;--bg2:#e3e9ff;--text:#0e1330;--muted:#5a6694;--violet:#6a3df0;--cyan:#0aa7c4;--gold:#d99a00;--danger:#d93a5a;--ok:#0f9d6e;--glass:#ffffffb8;--glass2:#ffffffe6;--line:#505ac833;--glow:0 8px 30px #6a3df024;--halo1:#6a3df029;--halo2:#0aa7c424;--on-accent:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);background-image:radial-gradient(900px 500px at 8% -10%, var(--halo1), transparent 60%), radial-gradient(800px 480px at 100% 110%, var(--halo2), transparent 60%);background-attachment:fixed;font:14px/1.5 Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background-color .3s}button{font:inherit;color:inherit;cursor:pointer}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:28px}h2{letter-spacing:.02em;margin:22px 0 10px;font-size:15px}h3{margin:18px 0 6px;font-size:14px}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:8px 12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.end{justify-content:flex-end}.grow{flex:1;min-width:0}.boot{height:100%;color:var(--muted);place-items:center;display:grid}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.shell{grid-template-columns:272px 1fr;height:100%;display:grid}.sidebar{background:var(--glass);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:6px;min-height:0;padding:16px 12px;display:flex}.brand{align-items:center;gap:10px;padding:4px 8px 12px;font-size:18px;font-weight:700;display:flex}.brand img{border-radius:9px;width:34px;height:34px}.brand b{background:linear-gradient(90deg, var(--cyan), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.nav{flex-direction:column;gap:2px;display:flex}.nav button,.lecture-list button{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:9px 12px;transition:all .15s;display:flex}.nav button:hover,.lecture-list button:hover{background:var(--glass2)}.nav button.active,.lecture-list button.active{background:var(--glass2);border-color:var(--line);box-shadow:var(--glow)}.nav .ico{text-align:center;width:20px}.side-title{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:14px 10px 4px;font-size:11px}.lecture-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.lecture-list button{flex-direction:column;align-items:flex-start;gap:0}.lt{text-overflow:ellipsis;white-space:nowrap;max-width:215px;font-weight:600;overflow:hidden}.course-label{color:var(--cyan);letter-spacing:.08em;margin:10px 12px 2px;font-size:11px}.side-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 6px 0;display:flex}.badge{background:var(--cyan);color:var(--on-accent);border-radius:99px;margin-left:auto;padding:2px 8px;font-size:11px}.badge.warn{background:var(--gold)}.main{min-width:0;position:relative;overflow:auto}.page{max-width:1080px;margin:0 auto;padding:28px 32px 60px}.page-head{margin-bottom:14px}.btn{border:1px solid var(--line);background:var(--glass2);border-radius:12px;padding:9px 16px;font-weight:600;transition:all .15s}.btn:hover:not(:disabled){box-shadow:var(--glow);border-color:var(--cyan);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--cyan), var(--violet));color:var(--on-accent);box-shadow:var(--glow);border:none}.light .btn.primary,:root[data-theme=light] .btn.primary{color:#fff}.btn.big{border-radius:16px;padding:14px 26px;font-size:16px}.btn.danger{color:#fff;background:linear-gradient(135deg,#ff5d7a,#c2185b);border:none}.btn.ghost{background:0 0}.btn.small{border-radius:9px;padding:5px 11px;font-size:12px}.danger-text{color:var(--danger)}.linklike{color:var(--cyan);text-align:left;background:0 0;border:none;padding:0}.linklike:hover{text-decoration:underline}.tag{border:1px solid var(--line);color:var(--cyan);background:var(--glass2);border-radius:99px;padding:2px 9px;font-size:11px}.chip{border:1px solid var(--line);background:var(--glass2);border-radius:99px;padding:6px 14px;font-size:13px}.chip:hover:not(:disabled){border-color:var(--cyan)}.chips{flex-wrap:wrap;gap:8px;display:flex}.notice{border:1px solid var(--line);background:var(--glass);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding:10px 14px;display:flex}.notice.warn{border-color:var(--gold)}.notice.error{border-color:var(--danger)}.banner{border-radius:0;margin:0}input,textarea,select{font:inherit;color:var(--text);background:var(--glass2);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:9px 12px}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #19e6ff26}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.card,.panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px}.panel{margin-bottom:14px;padding:18px 20px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.small-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.card{transition:all .2s;overflow:hidden}.card:hover{box-shadow:var(--glow)}.card img{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.card-body{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.card-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.card.pick{text-align:left;padding:0}.card.pick.selected{border-color:var(--cyan);box-shadow:var(--glow)}.card.pick .card-title{padding:8px 12px}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;padding:26px}.switch{align-items:center;gap:8px;display:flex}.switch input{width:auto;accent-color:var(--cyan)}.quick{flex-wrap:wrap;gap:22px;margin:12px 0;display:flex}.hero{border:1px solid var(--line);background:linear-gradient(120deg, var(--halo1), var(--halo2)), var(--glass);box-shadow:var(--glow);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:26px 28px;display:flex}.hero h1 b{background:linear-gradient(90deg, var(--cyan), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.stats{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.stat{background:var(--glass);border:1px solid var(--line);border-radius:16px;flex:1;min-width:150px;padding:14px 16px}.stat b{font-size:26px;display:block}.stat .spark{color:var(--gold)}.ring{--p:0;background:conic-gradient(var(--cyan) calc(var(--p) * 1%), var(--line) 0);border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;display:grid}.ring i{background:var(--bg2);border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.lec-row{text-align:left;border:1px solid var(--line);background:var(--glass);border-radius:16px;align-items:center;gap:14px;width:100%;margin-bottom:8px;padding:12px 16px;display:flex}.lec-row:hover{border-color:var(--cyan);box-shadow:var(--glow)}.hits li{border-bottom:1px solid var(--line);padding:8px 0;list-style:none}.rec-card{text-align:center;border:1px solid var(--line);background:var(--glass);box-shadow:var(--glow);border-radius:26px;flex-direction:column;align-items:center;gap:12px;padding:34px 30px;display:flex}.rec-top{align-items:center;gap:10px;display:flex}.rec-dot{background:var(--danger);width:12px;height:12px;box-shadow:0 0 14px var(--danger);border-radius:50%;animation:1.4s infinite pulse;display:inline-block}.rec-dot.sm{width:8px;height:8px}.rec-dot.paused{background:var(--gold);box-shadow:0 0 14px var(--gold);animation:none}@keyframes pulse{50%{opacity:.35}}.rec-time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:linear-gradient(90deg, var(--cyan), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:700}.meter{align-items:flex-end;gap:3px;height:40px;display:flex}.meter span{background:var(--line);border-radius:3px;width:7px;height:8px;transition:all .12s}.meter span.on{background:linear-gradient(var(--cyan), var(--violet));height:36px;box-shadow:0 0 8px var(--cyan)}.mark-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.save-row{border:1px solid var(--line);background:var(--glass);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding:10px 14px;display:flex}.save-row code{color:var(--cyan);word-break:break-all}.lecture{max-width:1500px;margin:0 auto;padding:18px 24px 40px}.lecture-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.title-input{resize:none;width:100%;max-width:900px;color:inherit;background:0 0;border-color:#0000;padding:4px 8px;font-family:inherit;font-size:22px;font-weight:700;line-height:1.25;display:block;overflow:hidden}.title-input:hover{border-color:var(--line)}.suggest{margin:2px 8px;font-size:12px}.lecture-body{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);align-items:start;gap:18px;display:grid}.player{border:1px solid var(--line);box-shadow:var(--glow);background:#000;border-radius:18px;position:relative;overflow:hidden}.player video{width:100%;max-height:62vh;display:block}.player-empty{text-align:center;color:var(--muted);padding:80px}.clip-banner{color:#fff;background:#04050ccc;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.ctrl-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-top:8px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 14px}.tabs button.active{color:var(--text);border-color:var(--cyan)}.tab-body{padding:14px 4px}.prose .lead{font-size:15px}.prose li{margin:4px 0}.outline,.concepts,.transcript,.bm-list{margin:0;padding:0;list-style:none}.outline{flex-direction:column;gap:10px;display:flex}.outline li{gap:12px;display:flex}.outline p,.concepts p{color:var(--muted);margin:2px 0}.concepts li{border:1px solid var(--line);background:var(--glass);border-radius:14px;margin-bottom:8px;padding:12px 14px}.time{background:var(--glass2);border:1px solid var(--line);color:var(--cyan);font-variant-numeric:tabular-nums;border-radius:8px;height:-moz-fit-content;height:fit-content;padding:1px 8px}.transcript li{border-radius:10px;gap:12px;padding:6px 8px;display:flex}.transcript li.active{background:var(--glass2);box-shadow:inset 2px 0 var(--cyan)}.transcript p{margin:0}.screen{color:var(--gold);font-size:12px}.bm-list li{border:1px solid var(--line);background:var(--glass);border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.bm-important{color:var(--gold)}.bm-confusing{color:var(--danger)}.mynotes{min-height:260px}.chat{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:calc(100vh - 150px);box-shadow:var(--glow);border-radius:20px;flex-direction:column;display:flex;position:sticky;top:12px;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);flex-direction:column;padding:14px 16px;display:flex}.chat-log{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:auto}.msg{border:1px solid var(--line);border-radius:16px;max-width:94%;padding:10px 14px}.msg p{margin:0 0 6px}.msg.user{background:linear-gradient(135deg, var(--violet), var(--cyan));color:var(--on-accent);border:none;align-self:flex-end}.msg.assistant{background:var(--glass2)}.thinking{color:var(--muted);font-style:italic}.jumps{flex-direction:column;gap:6px;margin-top:8px;display:flex}.jump{text-align:left;border:1px solid var(--cyan);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.jump:hover{background:var(--glass)}.jump-time{color:var(--cyan);font-variant-numeric:tabular-nums}.jump-reason{color:var(--muted);font-size:12px}.chat-input{border-top:1px solid var(--line);align-items:flex-end;gap:8px;padding:12px;display:flex}.chat-input textarea{resize:none}.progress-card{border:1px solid var(--line);background:var(--glass);border-radius:16px;margin-bottom:12px;padding:14px 18px}.bar{background:var(--line);border-radius:6px;height:6px;margin:8px 0;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--cyan), var(--violet), var(--gold));height:100%;transition:width .4s;display:block}.bar span.indeterminate{animation:1.2s ease-in-out infinite slide;width:35%!important}@keyframes slide{0%{margin-left:-35%}to{margin-left:100%}}.flash{text-align:center;cursor:pointer;border:1px solid var(--line);background:var(--glass);min-height:230px;box-shadow:var(--glow);border-radius:24px;place-items:center;padding:30px;font-size:20px;display:grid}.flash small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:12px;display:block}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#02030ab3;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--bg2);border:1px solid var(--line);max-width:560px;box-shadow:var(--glow);border-radius:22px;padding:28px}.plain{padding-left:18px}.toast{background:var(--bg2);border:1px solid var(--cyan);box-shadow:var(--glow);z-index:60;border-radius:14px;padding:10px 18px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.celebrate{pointer-events:none;z-index:70;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.celebrate i{border-radius:2px;width:8px;height:14px;animation:2.4s ease-in forwards fall;position:absolute;top:-10px}@keyframes fall{to{opacity:.2;transform:translateY(110vh)rotate(540deg)}}.splash{z-index:100;color:#f2f6ff;background:#04050c;place-items:center;animation:.3s fadein;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.splash.out{animation:.6s forwards fadeout}@keyframes fadeout{to{opacity:0}}@keyframes fadein{0%{opacity:0}}.splash video{object-fit:contain;background:#04050c;width:100vw;height:100vh}.splash .wordmark{text-align:center;pointer-events:none;position:absolute;bottom:9%}.splash .skip,.splash .mute{color:#8e9bc4;background:0 0;border:none;font-size:12px;position:absolute;bottom:18px}.splash .skip{right:22px}.splash .mute{border:1px solid #788cff40;border-radius:99px;padding:5px 12px;left:22px}.splash .pending{text-align:center;color:#ffd166;font-size:12px;position:absolute;top:18px;left:0;right:0}.splash .ph{text-align:center}.splash .ph h1{letter-spacing:.12em;font-size:54px}.splash .ph h1 b{background:linear-gradient(90deg,#19e6ff,#7b4dff);color:#0000;-webkit-background-clip:text;background-clip:text}.bars{justify-content:center;align-items:center;gap:6px;height:70px;margin-bottom:12px;display:flex}.bars i{background:linear-gradient(#19e6ff,#7b4dff);border-radius:4px;width:8px;height:20px;animation:1s ease-in-out infinite eq}@keyframes eq{50%{height:66px}}.mini-body{background:0 0}.mini{color:#f2f6ff;-webkit-app-region:drag;background:#0a0d20eb;border:1px solid #788cff4d;border-radius:20px;align-items:center;gap:8px;height:64px;padding:0 12px;display:flex;box-shadow:0 0 24px #19e6ff40}.mini button{-webkit-app-region:no-drag;color:#f2f6ff;background:#ffffff0f;border:1px solid #788cff4d;border-radius:12px;padding:6px 10px}.mini .t{font-variant-numeric:tabular-nums;min-width:54px;font-weight:700}.req{border-collapse:collapse;width:100%}.req td{border-bottom:1px solid var(--line);padding:5px 8px}a,code{color:var(--cyan)}.health{border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:13px}.health.good{color:var(--ok)}.health.slow{color:var(--gold);border-color:var(--gold)}.health.behind{color:var(--danger);border-color:var(--danger)}.chat-btns{flex-direction:column;gap:6px;display:flex}.problem-chip{border:1px solid var(--accent,#5ee7ff);background:#5ee7ff14;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:0 12px;padding:8px 12px;font-size:13px;display:flex}.problem-chip b{word-break:break-all}.credit{color:var(--muted,#8b93b0);text-align:center;letter-spacing:.02em;margin:6px 6px 2px;font-size:11px}.credit b{color:var(--text,#e8ecff);font-weight:600}.ai-disclaimer{color:var(--muted,#8b93b0);text-align:center;border-bottom:1px solid var(--line);background:#ffffff05;margin:0;padding:6px 16px;font-size:11.5px}.quiz .qcard{border:1px solid var(--line);background:#ffffff05;border-radius:12px;margin:0 0 12px;padding:14px}.qchoices{gap:6px;margin-top:10px;display:grid}.qchoice{text-align:left;border:1px solid var(--line);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:9px;padding:9px 12px}.qchoice:hover:not(:disabled){border-color:var(--accent,#5ee7ff)}.qchoice.right{background:#38d39f1f;border-color:#38d39f}.qchoice.wrong{background:#ff6b6b1f;border-color:#ff6b6b}.qexplain{margin-top:10px;font-size:13.5px}.modal.wide{width:92vw;max-width:760px}.guide-text{white-space:pre-wrap;font:inherit;max-height:62vh;margin:0 0 12px;font-size:14px;line-height:1.55;overflow:auto}.fr-modal{flex-direction:column;gap:10px;max-height:90vh;display:flex;overflow:auto}.fr-modal h2{margin:0}.fr-kinds{flex-wrap:wrap;gap:8px;display:flex}.fr-check{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;display:flex}.fr-check input{width:auto;margin-top:2px}.phone-modal{flex-direction:column;gap:10px;display:flex}.phone-modal h2{margin:0}.phone-qr{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.phone-qr img{image-rendering:pixelated;background:#fff;border-radius:12px;padding:6px}.phone-url{word-break:break-all;background:var(--glass2);border-radius:8px;padding:6px 8px;font-size:12px}.lang-pick{width:auto;padding:4px 8px;font-size:12px}.speaker-chip{border:1px solid var(--cyan);color:var(--cyan);border-radius:999px;margin-bottom:2px;padding:1px 8px;font-size:11px;display:inline-block}.live-captions{text-align:left;background:var(--glass2);border:1px solid var(--line);border-radius:14px;width:100%;max-height:190px;padding:10px 12px;font-size:14px;overflow:auto}.live-captions p{margin:4px 0}