:root{--bg:#080a0f;--panel:#0f1219bd;--panel-solid:#11141b;--line:#ffffff16;--line-2:#ffffff24;--text:#e9edf4;--muted:#8b95a8;--dim:#5f697c;--accent:#ffa726;--accent-soft:#ffa72624;--good:#4ade80;--bad:#f87171;--radius:14px;--font:Inter, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Devanagari", "Kohinoor Devanagari", "Devanagari Sangam MN", Roboto, sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}input,select{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}::selection{background:var(--accent);color:#111}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.glass{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.3);box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff0a}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.mono{font-family:var(--mono)}.btn{border:1px solid var(--line-2);background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:#ffffff1c}.btn.primary{background:var(--accent);color:#17110a;border-color:#0000}.btn.primary:hover{background:#ffb74d}.btn.sm{border-radius:8px;padding:7px 11px;font-size:12px}.btn.full{justify-content:center;width:100%;margin-top:18px}.btn-row{flex-wrap:wrap;gap:8px;margin:14px 0 4px;display:flex}.btn-row.center{justify-content:center;margin-top:22px}.mini{border:1px solid var(--line);background:#ffffff0f;border-radius:7px;padding:6px 10px;font-size:12px}.mini:hover:not(:disabled){background:#ffffff1f}.mini:disabled{opacity:.4}.icon-close{width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.icon-close:hover{color:var(--text);background:#ffffff14}.spinner{border:2.5px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home{height:100%;padding:0 clamp(20px,5vw,72px) 40px;position:relative;overflow-y:auto}.home-bg{z-index:0;background:radial-gradient(1100px 600px at 75% -10%,#ffa7261c,#0000 60%),radial-gradient(900px 600px at 0 20%,#466ebe1f,#0000 60%),linear-gradient(#0a0c11,#07080c);position:fixed;inset:0}.home-bg:after{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%)}.home>*{z-index:1;position:relative}.home-top{justify-content:space-between;align-items:center;padding:26px 0 0;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand b{letter-spacing:.01em;font-size:17px}.brand span{color:var(--muted);border-left:1px solid var(--line-2);letter-spacing:.08em;text-transform:uppercase;margin-left:4px;padding-left:12px;font-size:12px}.hero{max-width:1000px;padding:clamp(28px,5vh,64px) 0 clamp(22px,4vh,40px)}.hero h1{text-wrap:balance;letter-spacing:-.025em;margin:14px 0 18px;font-size:clamp(32px,4.6vw,58px);font-weight:650;line-height:1.04}.hero h1 em{background:linear-gradient(90deg, #ffc46b, var(--accent) 55%, #ff8a3d);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{color:var(--muted);max-width:680px;font-size:16.5px;line-height:1.6}.cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.card{text-align:left;border:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff05);border-radius:18px;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s;animation:.6s cubic-bezier(.2,.8,.2,1) both rise;display:flex;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.card:hover:not(.disabled){border-color:#ffa72680;transform:translateY(-4px);box-shadow:0 24px 60px #00000080,0 0 0 1px #ffa7261f}.card.disabled{opacity:.45}.card-media{aspect-ratio:16/10;background:#12161e;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.card:hover .card-media img{transform:scale(1.05)}.card-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#080a0fb3);position:absolute;inset:0}.shimmer{background:linear-gradient(110deg,#12161e 30%,#1a202b 50%,#12161e 70%) 0 0/200% 100%;width:100%;height:100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.card-index{z-index:2;font-family:var(--mono);color:#ffffffb3;letter-spacing:.1em;font-size:12px;position:absolute;top:12px;left:14px}.card-play{z-index:2;background:var(--accent);color:#17110a;opacity:0;border-radius:50%;place-items:center;width:42px;height:42px;padding-left:2px;transition:all .25s;display:grid;position:absolute;bottom:14px;right:14px;transform:scale(.8)}.card:hover .card-play{opacity:1;transform:scale(1)}.card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.card-machine{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.card h3{letter-spacing:-.01em;font-size:21px;font-weight:640}.card p{color:var(--muted);flex:1;font-size:13.5px;line-height:1.55}.card-meta{color:var(--dim);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.card-meta i{background:var(--dim);border-radius:50%;width:3px;height:3px}.card-meta .langs{gap:5px;margin-left:auto;display:flex}.card-meta .langs b{border:1px solid var(--line-2);color:var(--muted);border-radius:5px;padding:2px 6px;font-size:10.5px;font-weight:600}.card.byo{background:linear-gradient(#ffa7260f,#ffffff04);border-style:dashed;border-color:#ffa72652}.byo-media{background:radial-gradient(circle at 50% 40%,#ffa72624,#0000 65%),#10131a;place-items:center;display:grid}.byo-ring{width:78px;height:78px;color:var(--accent);border:1.5px dashed #ffa72699;border-radius:50%;place-items:center;animation:22s linear infinite spin;display:grid}.byo-ring svg{animation:22s linear infinite reverse spin}.byo-formats{z-index:2;gap:6px;display:flex;position:absolute;bottom:12px;left:14px}.byo-formats span{font-family:var(--mono);color:var(--muted);background:#ffffff12;border-radius:5px;padding:3px 7px;font-size:10.5px}.home-foot{color:var(--dim);text-align:center;flex-direction:column;gap:6px;margin-top:44px;font-size:12.5px;display:flex}.offline-pill{border:1px solid var(--line-2);color:var(--muted);border-radius:999px;align-self:center;padding:4px 11px;font-size:11.5px}.offline-pill.ok{color:var(--good);border-color:#4ade8059}.foot-brand{color:var(--muted);letter-spacing:.04em}.foot-brand i{color:var(--dim);font-style:normal}.player{background:#090b10;position:fixed;inset:0;overflow:hidden}.viewport{position:absolute;inset:0}.viewport.fixed{width:1920px;height:1080px;inset:0 auto auto 0}.stage-canvas{touch-action:none;outline:none;display:block}.boot{z-index:30;background:#090b1099;place-items:center;display:grid;position:absolute;inset:0}.boot.solid{background:radial-gradient(900px 500px at 50% 40%,#131824,#07080c)}.boot.out{opacity:0;pointer-events:none;transition:opacity .45s}.spinner.sm{border-width:2.2px;width:20px;height:20px}.boot-card{color:var(--muted);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:14px;max-width:420px;padding:28px 34px;display:flex}.boot-card h3{color:var(--text)}.topbar{z-index:12;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.topbar>*{pointer-events:auto}.topbar .spacer{pointer-events:none;flex:1}.back{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.back:hover{background:#282e3ce6}.title>div{min-width:0}.title{border-radius:12px;flex-shrink:2;align-items:center;gap:12px;min-width:0;min-height:42px;padding:7px 18px 7px 10px;display:flex}.title .t1,.title .t2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.title .t1{letter-spacing:-.005em;font-size:14px;font-weight:640}.title .t2{color:var(--muted);margin-top:1px;font-size:11.5px}.langtoggle{border-radius:10px;gap:2px;padding:3px;display:flex}.langtoggle button{color:var(--muted);border-radius:7px;padding:7px 13px;font-size:12.5px;font-weight:600}.langtoggle button.on{background:var(--accent);color:#17110a}.rail{border-radius:12px;gap:2px;padding:4px;display:flex}.rail button{width:36px;height:36px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.rail button:hover{color:var(--text);background:#ffffff12}.rail button.on{color:var(--accent);background:var(--accent-soft)}.toolbar{border-radius:14px;flex-wrap:nowrap;flex-shrink:1;align-items:center;gap:4px;min-width:0;padding:4px;display:flex;overflow:hidden}.tool{color:var(--muted);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:12.5px;font-weight:550;display:flex}.tool:hover{color:var(--text);background:#ffffff12}.tool.on{color:var(--accent);background:var(--accent-soft)}.tool.slider{cursor:default;gap:9px;padding-right:10px}.tool.slider:hover{background:0 0}.tool.slider label{color:var(--muted)}.tool.slider output{font-family:var(--mono);text-align:right;width:34px;color:var(--text);font-size:11.5px}.sect-opts{border-left:1px solid var(--line);border-right:1px solid var(--line);align-items:center;gap:4px;margin:0 2px;padding:0 6px;display:flex}.sect-opts button{width:26px;height:26px;color:var(--muted);border-radius:6px;font-size:12px;font-weight:700}.sect-opts button.on{background:var(--accent);color:#17110a}.sect-opts input[type=range]{width:90px}input[type=range]{appearance:none;background:#ffffff24;border-radius:4px;outline:none;width:120px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);cursor:pointer;border:2px solid #1a1308;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #1a1308;border-radius:50%;width:12px;height:12px}.sidebar{z-index:10;border-radius:16px;flex-direction:column;width:290px;animation:.3s cubic-bezier(.2,.8,.2,1) slideL;display:flex;position:absolute;top:68px;bottom:112px;left:14px;overflow:hidden}@keyframes slideL{0%{opacity:0;transform:translate(-14px)}}.sidebar-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 10px 12px 18px;display:flex}.sidebar-head b{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.sidebar-head .count{color:var(--dim);margin-right:auto;font-size:12px}.chapters{flex:1;margin:0;padding:8px;list-style:none;overflow-y:auto}.chapters li{cursor:pointer;color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:11px 12px;transition:background .15s;display:flex}.chapters li:hover{color:var(--text);background:#ffffff0d}.chapters li .num{font-family:var(--mono);color:var(--dim);width:22px;font-size:11px;display:grid}.chapters li .ct{flex:1;font-size:13.5px;font-weight:550;line-height:1.3}.chapters li .ts{font-family:var(--mono);color:var(--dim);font-size:11.5px}.chapters li.on{background:var(--accent-soft);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.chapters li.on .num,.chapters li.on .ts{color:var(--accent)}.chapters li.past .num{color:var(--good)}.chapters li.quizrow{border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:8px;padding-top:14px}.chapters li.quizrow .num{color:var(--accent)}.parts-tree{flex-direction:column;flex:1;min-height:0;display:flex}.parts-head{gap:8px;padding:10px;display:flex}.parts-head input{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:12.5px}.parts-head input:focus{border-color:#ffa7268c}.parts-tree ul{flex:1;margin:0;padding:0 8px 8px;list-style:none;overflow-y:auto}.parts-tree li{cursor:pointer;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.parts-tree li:hover{background:#ffffff0f}.parts-tree li.sel{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.parts-tree li.off .pname,.parts-tree li.off .pnum{opacity:.35;text-decoration:line-through}.parts-tree li.empty{color:var(--dim);cursor:default}.parts-tree .eye{color:var(--muted);border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.parts-tree .eye:hover{color:var(--text);background:#ffffff14}.pname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pnum{font-family:var(--mono);color:var(--dim);font-size:10.5px}.inspector{z-index:10;border-radius:16px;flex-direction:column;width:350px;animation:.3s cubic-bezier(.2,.8,.2,1) slideR;display:flex;position:absolute;top:68px;bottom:112px;right:14px;overflow:hidden}@keyframes slideR{0%{opacity:0;transform:translate(14px)}}.inspector>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 8px 0 10px;display:flex}.tabs{gap:2px;display:flex}.tabs button{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:11px 12px;font-size:12.5px;font-weight:600}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.inspector-body{flex:1;padding:18px 18px 20px;overflow-y:auto}.inspector-body h2{letter-spacing:-.015em;margin:6px 0 10px;font-size:22px;font-weight:650}.badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.badge{color:#cfd6e3;border:1px solid var(--line);background:#ffffff12;border-radius:6px;padding:4px 9px;font-size:11.5px}.badge.accent{color:var(--accent);background:var(--accent-soft);border-color:#ffa72659}.lead{color:#c4ccd9;font-size:13.5px;line-height:1.55}.inspector section{margin-top:20px}.inspector h4{letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-size:11px;font-weight:650}.specs{border-collapse:collapse;width:100%;font-size:13px}.specs th{text-align:left;color:var(--muted);vertical-align:top;width:46%;padding:7px 0;font-weight:500}.specs td{text-align:right;padding:7px 0;font-weight:550}.specs tr+tr{border-top:1px solid var(--line)}.specs select{border:1px solid var(--line-2);background:#1a1f29;border-radius:6px;margin-right:8px;padding:3px 6px;font-size:12px}.specs .mass{font-family:var(--mono);color:var(--accent)}ul.tick,ul.warn{color:#c4ccd9;flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;line-height:1.45;list-style:none;display:flex}ul.tick li,ul.warn li{padding-left:22px;position:relative}ul.tick li:before{content:"";border-left:2px solid var(--good);border-bottom:2px solid var(--good);width:9px;height:5px;position:absolute;top:5px;left:2px;transform:rotate(-45deg)}ul.warn li:before{content:"!";width:15px;height:15px;color:var(--bad);background:#f871712e;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;top:1px;left:0}.hint{color:var(--muted);border:1px dashed var(--line-2);border-radius:10px;margin-top:18px;padding:12px;font-size:12.5px;line-height:1.5}.tutor{flex-direction:column;flex:1;min-height:0;display:flex}.chat{flex-direction:column;flex:1;gap:10px;padding:16px 16px 6px;display:flex;overflow-y:auto}.tutor-intro{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:12px;padding:14px;font-size:13px;line-height:1.5}.tutor-intro b{color:var(--text);margin-bottom:4px;display:block}.tutor-intro em{color:var(--accent);font-style:normal}.chat-note{color:var(--dim);letter-spacing:.04em;align-items:center;gap:10px;margin:6px 0;font-size:11px;display:flex}.chat-note:before,.chat-note:after{content:"";border-top:1px solid var(--line);flex:1}.chat-note span{text-align:center;max-width:80%}.bubble{flex-direction:column;gap:3px;max-width:92%;display:flex}.bubble.user{align-self:flex-end}.bubble-text{white-space:pre-wrap;border-radius:13px;padding:10px 13px;font-size:13.2px;line-height:1.5}.bubble.user .bubble-text{background:var(--accent);color:#17110a;border-bottom-right-radius:4px;font-weight:520}.bubble.assistant .bubble-text{border:1px solid var(--line);background:#ffffff0f;border-bottom-left-radius:4px}.bubble-meta{color:var(--dim);padding:0 4px;font-size:10.5px}.typing{background:#ffffff0f;border-radius:13px;gap:4px;width:fit-content;padding:12px 14px;display:flex}.typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1s infinite bounce}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{opacity:.5;transform:translateY(-4px)}}.chips{flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.chips button{border:1px solid var(--line-2);color:var(--muted);border-radius:99px;padding:6px 10px;font-size:11.8px}.chips button:hover:not(:disabled){color:var(--accent);border-color:#ffa72680}.chat-input{border-top:1px solid var(--line);gap:8px;padding:10px 12px 12px;display:flex}.chat-input input{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:13px}.chat-input input:focus{border-color:#ffa7268c}.chat-input button{background:var(--accent);color:#17110a;border-radius:10px;place-items:center;width:40px;display:grid}.chat-input button:disabled{opacity:.35}.subtitles{z-index:9;text-align:center;pointer-events:none;max-width:min(760px,60vw);margin-left:0;transition:transform .3s;position:absolute;bottom:118px;left:50%;translate:-50%}.subtitles span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 2px #0009;background:#06080cb8;border-radius:10px;padding:8px 16px;font-size:17px;font-weight:500;line-height:1.45;animation:.35s both fadeIn;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}}.transport{z-index:12;border-radius:16px;padding:0 16px 8px;position:absolute;bottom:14px;left:14px;right:14px}.scrub{cursor:pointer;touch-action:none;align-items:center;height:24px;display:flex;position:relative}.scrub-track{background:#ffffff29;border-radius:4px;width:100%;height:4px;transition:height .12s;position:relative}.scrub:hover .scrub-track{height:7px}.scrub-fill{background:var(--accent);border-radius:4px;position:absolute;top:0;bottom:0;left:0}.scrub-tick{background:#0d1016;width:3px;margin-left:-1.5px;position:absolute;top:-1px;bottom:-1px}.scrub-thumb{background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:transform .12s;position:absolute;top:50%;transform:scale(.8);box-shadow:0 0 0 3px #ffa72673,0 2px 8px #00000080}.scrub:hover .scrub-thumb{transform:scale(1.15)}.scrub-tip{border:1px solid var(--line-2);white-space:nowrap;pointer-events:none;background:#0b0d12;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;display:flex;position:absolute;bottom:20px;transform:translate(-50%)}.scrub-tip b{font-family:var(--mono);font-size:12px}.scrub-tip span{color:var(--muted);font-size:12px}.transport-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tgroup{align-items:center;gap:2px;display:flex}.tbtn{color:#cfd6e3;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.tbtn:hover{color:#fff;background:#ffffff14}.tbtn.on{color:var(--accent)}.tbtn.txt{width:auto;font-size:13px;font-weight:650;font-family:var(--mono);padding:0 10px}.tbtn.play{background:var(--accent);color:#17110a;border-radius:50%;width:46px;height:46px;margin:0 4px}.tbtn.play:hover{color:#17110a;background:#ffb74d}.time{font-family:var(--mono);color:var(--muted);margin-left:12px;font-size:12.5px}.time span:first-child{color:var(--text)}.time i{color:var(--dim);margin:0 5px;font-style:normal}.chapter-now{color:#cfd6e3;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:9px;min-width:0;font-size:13px;font-weight:560;display:flex;overflow:hidden}.chapter-now .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;flex-shrink:0}.speed{position:relative}.speed-menu{border-radius:12px;flex-direction:column;min-width:78px;padding:5px;display:flex;position:absolute;bottom:46px;right:0}.speed-menu button{text-align:left;font-family:var(--mono);color:var(--muted);border-radius:8px;padding:8px 12px;font-size:12.5px}.speed-menu button:hover{color:var(--text);background:#ffffff12}.speed-menu button.on{color:var(--accent)}.bigplay{z-index:8;color:#fff;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bigplay span{color:#17110a;background:#ffa726eb;border-radius:50%;place-items:center;width:84px;height:84px;padding-left:5px;transition:transform .2s;display:grid;box-shadow:0 0 0 10px #ffa72626,0 20px 50px #00000080}.bigplay:hover span{transform:scale(1.07)}.bigplay em{letter-spacing:.1em;text-transform:uppercase;background:#080a0fb3;border-radius:99px;padding:5px 12px;font-size:13px;font-style:normal}.callout-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.callout-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.callout-line{fill:none;stroke:#ffbe5af2;stroke-width:1.4px;filter:drop-shadow(0 0 3px #000000e6)}.callout-dot{fill:var(--accent);stroke:#0a0c10;stroke-width:1.5px}.callout{white-space:nowrap;will-change:transform, opacity;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c11d1;border:1px solid #ffa72673;border-radius:8px;flex-direction:column;gap:1px;padding:6px 11px;display:flex;position:absolute;top:0;left:0}.callout-title{font-size:12.5px;font-weight:640}.callout-sub{font-family:var(--mono);color:var(--accent);font-size:10px}.callout-sub:empty{display:none}.quiz-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0506099e;place-items:center;animation:.25s both fadeIn;display:grid;position:absolute;inset:0}.quiz{background:#11141beb;border-radius:20px;width:min(620px,92vw);padding:32px 34px 28px;position:relative}.quiz .icon-close{position:absolute;top:14px;right:14px}.quiz h3{letter-spacing:-.01em;margin:8px 0 22px;font-size:22px;line-height:1.3}.quiz-progress{gap:5px;margin:14px 0 0;display:flex}.quiz-progress i{background:#ffffff1f;border-radius:3px;flex:1;height:3px}.quiz-progress i.done{background:var(--good)}.quiz-progress i.cur{background:var(--accent)}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-options button{border:1px solid var(--line-2);text-align:left;background:#ffffff08;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-size:14.5px;transition:all .15s;display:flex}.quiz-options button b{background:#ffffff14;border-radius:7px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.quiz-options button:hover:not(.right):not(.wrong):not(.dim){background:var(--accent-soft);border-color:#ffa72699}.quiz-options .right{border-color:var(--good);background:#4ade801f}.quiz-options .right b{background:var(--good);color:#052e14}.quiz-options .wrong{border-color:var(--bad);background:#f871711f}.quiz-options .wrong b{background:var(--bad);color:#2a0808}.quiz-options .dim{opacity:.45}.quiz-foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.quiz-foot .ok{color:var(--good);font-weight:650}.quiz-foot .bad{color:var(--bad);font-weight:650}.quiz-foot p{color:var(--muted);flex-basis:100%;order:3;font-size:13px;line-height:1.5}.quiz-foot .btn{margin-left:auto}.quiz-result{text-align:center;padding:16px 0 4px}.score{letter-spacing:-.03em;font-size:72px;font-weight:700}.score span{color:var(--muted);margin-left:6px;font-size:28px}.score b{background:linear-gradient(180deg, #ffd08a, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.quiz-result p{color:var(--muted);margin:6px 0 22px}.quiz-result .row{justify-content:center;gap:10px;display:flex}.dropzone-wrap{z-index:6;background:radial-gradient(900px 500px at 50% 40%,#ffa72612,#0000 70%);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.dropzone{text-align:center;cursor:pointer;background:#0f1219cc;border:1.5px dashed #ffa72673;border-radius:24px;width:min(640px,92vw);padding:48px 40px 40px;transition:all .2s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:#231a0cb3;transform:scale(1.01)}.dz-icon{width:84px;height:84px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.dropzone h2{letter-spacing:-.015em;margin-bottom:10px;font-size:26px}.dropzone p{color:var(--muted);max-width:460px;margin:0 auto;line-height:1.55}.error-box{color:#fca5a5;text-align:left;background:#f871711f;border:1px solid #f8717166;border-radius:10px;margin-top:20px;padding:12px 14px;font-size:13px}.import-overlay{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07080c99;place-items:center;display:grid;position:absolute;inset:0}.import-card{border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:380px;padding:28px;display:flex}.import-name{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;max-width:100%;margin-top:6px;font-size:12.5px;overflow:hidden}.import-stage{font-weight:600}.progress{background:#ffffff1a;border-radius:5px;width:100%;height:5px;margin-top:6px;overflow:hidden}.progress div{background:linear-gradient(90deg, var(--accent), #ffd08a);border-radius:5px;height:100%;transition:width .3s}.drop-veil{z-index:35;border:2px dashed var(--accent);pointer-events:none;background:#ffa72614;border-radius:22px;place-items:center;font-size:22px;font-weight:650;display:grid;position:absolute;inset:10px}.byo-summary{z-index:10;border-radius:16px;align-items:center;gap:26px;padding:12px 22px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.byo-summary div{flex-direction:column;gap:1px;display:flex}.byo-summary b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:650}.byo-summary span{color:var(--muted);letter-spacing:.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:300px;font-size:11px;display:-webkit-box;overflow:hidden}.hint-bar{z-index:9;color:var(--muted);pointer-events:none;white-space:nowrap;background:#080a0f99;border-radius:99px;padding:6px 14px;font-size:12px;position:absolute;bottom:98px;left:50%;transform:translate(-50%)}.player.render{background:#090b10}.subtitles.render{max-width:72%;bottom:126px}.subtitles.render span{-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 0 3px #000000f2,0 1px 3px #000000e6,0 2px 14px #000000d9;background:linear-gradient(90deg,#06080c00 0%,#06080c80 14% 86%,#06080c00 100%);border-radius:0;padding:4px 56px;font-size:28px;font-weight:560;line-height:1.28;animation:none}.lower-third{z-index:9;align-items:stretch;gap:18px;animation:.6s both fadeIn;display:flex;position:absolute;bottom:56px;left:70px}.lt-bar{background:var(--accent);border-radius:3px;width:6px}.lt-brand{letter-spacing:.22em;text-transform:uppercase;color:var(--text);opacity:.85;text-shadow:0 2px 12px #000000b3;margin-bottom:6px;font-size:15px;font-weight:700}.lt-brand i{letter-spacing:.08em;text-transform:none;color:var(--muted);margin-left:8px;font-style:normal;font-weight:500}.lt-1{letter-spacing:-.01em;text-shadow:0 2px 12px #000000b3;font-size:30px;font-weight:650}.lt-2{color:var(--accent);text-shadow:0 2px 12px #000000b3;margin-top:3px;font-size:20px;font-weight:560}.player.render .callout{padding:9px 16px}.player.render .callout-title{font-size:20px}.player.render .callout-sub{font-size:14px}@media (width<=1250px){.tool span,.tool label{display:none}.tool{padding:8px 10px}}@media (width<=760px){.inspector{width:calc(100vw - 28px)}.chapter-now{display:none}.subtitles span{font-size:15px}}.toast{z-index:45;cursor:pointer;border-color:#f8717180;border-radius:12px;flex-direction:column;gap:3px;max-width:520px;padding:12px 18px;animation:.25s both fadeIn;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.toast b{color:var(--bad);font-size:13px}.toast span{color:var(--muted);font-size:13px}.sample-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.sample-row>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-right:4px;font-size:12px}.live-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.live-toggle input{accent-color:var(--accent)}.sample-credit{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.5}.credit-bar{z-index:9;max-width:380px;color:var(--muted);border-radius:10px;padding:8px 12px;font-size:11px;line-height:1.45;position:absolute;bottom:16px;right:16px}.credit-bar a{color:var(--accent);font-weight:600;text-decoration:none}