:root{--bg:#f4f5f8;--card:#fff;--ink:#151a2d;--ink-2:#454c63;--mute:#6e7489;--line:#e2e5ec;--gold:#e6a817;--accent:#2c4fb8;--rule:var(--line);--paper:var(--bg);--display:"Eczar", "Mukta", serif;--text:"Mukta", system-ui, sans-serif;--r:12px}[hidden]{display:none!important}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:17px/1.5 var(--text);margin:0}button,select,input{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}header.topbar{background:var(--ink);color:#fff;z-index:20;align-items:center;gap:28px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}header.topbar .brand{font:700 23px/1 var(--display);white-space:nowrap;letter-spacing:-.3px;text-decoration:none}header.topbar .brand b{color:var(--gold);font-weight:700}header.topbar h1{font:600 18px/1.3 var(--display);color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}header.topbar nav.top{flex:1;gap:6px;display:flex}header.topbar nav.top a{white-space:nowrap;color:#c9cedd;border-radius:999px;padding:5px 12px;font-weight:500;text-decoration:none}header.topbar nav.top a:hover{color:#fff;background:#ffffff14}header.topbar nav.top a.active{color:var(--ink);background:#fff}header.topbar select{color:#fff;background:#262c44;border:1px solid #3a4160;border-radius:8px;padding:3px 8px}#user{color:#c9cedd;align-items:center;gap:12px;margin-left:auto;font-size:15px;display:flex}#user button{cursor:pointer;color:#c9cedd;background:0 0;border:1px solid #3a4160;border-radius:8px;padding:2px 10px}#catalog{max-width:1240px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 80px}.crumbs{color:var(--mute);flex-wrap:wrap;gap:4px;margin-bottom:16px;font-size:15px;display:flex}.crumbs span+span:before{content:"/";color:#c3c8d4;margin:0 8px 0 4px}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--display);color:var(--ink);letter-spacing:-.2px}.hi{font-family:var(--text);color:var(--mute);letter-spacing:0;margin-top:2px;font-size:.5em;font-weight:500;display:block}.page-title{margin:4px 0 18px;font-size:clamp(32px,4.5vw,44px)}.lede{color:var(--ink-2);max-width:64ch;margin:0}.lede a,.empty a{color:var(--accent)}.empty{color:var(--ink-2);padding:8px 0}.meta{color:var(--mute);font-size:15px}.st{font:600 12px/1 var(--text);color:var(--ink-2);vertical-align:middle;background:#eef0f5;border-radius:6px;margin-left:10px;padding:3px 8px}.st.draft{color:#8a5a00;background:#fff4d6}.st.review{color:#2c4fb8;background:#e3ebff}.st.archived{color:var(--mute);background:#f0f2f5}.go{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:9px 18px;font-weight:600;text-decoration:none;display:inline-block}.go:hover{background:#262c44}.go.big{padding:11px 26px;font-size:18px}button.ghost{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:10px;padding:9px 16px;font-weight:500}button.ghost:hover{border-color:var(--ink-2)}button.ghost.on{color:#1e7a46;border-color:#1e7a46}button.link,a.link{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:2px 0;font-size:15px;text-decoration:underline}button.link.small{align-self:flex-start;font-size:14px}button.link:disabled{color:#c3c8d4;cursor:default}.bar{background:var(--line);vertical-align:middle;border-radius:3px;width:80px;height:6px;margin-right:10px;display:inline-block;overflow:hidden}.bar i{background:var(--gold);height:100%;display:block}.shelf{margin-top:40px}.shelf-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.shelf-head h2{margin:0;font-size:26px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px 20px;display:grid}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.row{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(260px,300px);grid-auto-flow:column;gap:20px;padding-bottom:10px;display:grid;overflow-x:auto}.row>*{scroll-snap-align:start}.card{color:inherit;flex-direction:column;gap:3px;min-width:0;text-decoration:none;display:flex}.card .thumb{aspect-ratio:16/9;border-radius:var(--r);background:#262c44;margin-bottom:8px;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #151a2d1f}.card:hover .thumb{transform:translateY(-2px);box-shadow:0 8px 20px #151a2d2e}.card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.card b{font:700 19px/1.2 var(--display)}.card .meta{font-size:14px}.card:hover b{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.thumb .ph{color:#fff;font:700 22px/1.1 var(--display);text-align:center;background:linear-gradient(135deg,#2a3352,#151a2d);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.badge{min-width:32px;height:32px;color:var(--ink);font:700 17px/32px var(--display);text-align:center;background:#fffffff2;border-radius:16px;padding:0 9px;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #00000040}.watched{background:var(--gold);height:5px;position:absolute;bottom:0;left:0}.card.soon .thumb{box-shadow:none;background:0 0;border:2px dashed #cdd2de}.card.soon .ph{color:#a7aec0;background:0 0}.card.soon .ph .n{font:800 64px/1 var(--display)}.card.soon b{color:var(--mute);font-weight:600}.card.soon:hover b{text-decoration:none}.card-wrap{flex-direction:column;gap:4px;display:flex}.intro{padding:18px 0 6px}.intro h1{margin:0 0 8px;font-size:clamp(36px,5.5vw,56px);line-height:1.02}.intro p{color:var(--ink-2);margin:0 0 18px}.search{border:1px solid var(--line);background:var(--card);border-radius:12px;width:min(560px,100%);padding:12px 16px;font-size:17px}.search:focus{border-color:var(--ink-2);outline:none;box-shadow:0 0 0 4px #2c4fb81f}.banner{background:var(--card);border:1px solid var(--line);border-radius:16px;grid-template-columns:minmax(0,560px) 1fr;align-items:center;gap:32px;padding:18px;display:grid}.banner-pic{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);background:#262c44;width:100%;display:block}.banner-text h1{margin:4px 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.05}.banner-text .where{color:var(--mute);font-size:15px}.banner-text .meta{margin:8px 0 0}.banner-text .actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.banner-text .prog{align-items:center;margin-top:14px;display:flex}.tpage .save.on{color:#8a5a00;background:#fffbea;border-color:#c79a00}.outcomes{max-width:70ch;margin:0;padding-left:22px}.outcomes li{margin:6px 0}.outcomes li::marker{color:var(--gold)}.bookmark{background:var(--card);border:1px solid var(--line);border-radius:16px;grid-template-columns:minmax(0,480px) 1fr;align-items:center;gap:28px;padding:16px;display:grid}.bm-pic{border-radius:var(--r);cursor:pointer;aspect-ratio:16/9;background:#262c44;border:0;padding:0;position:relative;overflow:hidden}.bm-pic img{object-fit:cover;width:100%;height:100%;display:block}.bm-pic .play{width:72px;height:72px;color:var(--ink);background:#fffffff2;border-radius:50%;place-items:center;margin:-36px 0 0 -36px;padding-left:6px;font-size:28px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 20px #00000059}.bm-pic:hover .play{transform:scale(1.06)}.bm-text .where{color:var(--mute);font-size:15px}.bm-text h2{margin:2px 0 6px;font-size:clamp(26px,3.4vw,34px);line-height:1.1}.bm-text p{color:var(--ink-2);margin:0 0 16px}.lessons{gap:12px;margin:0;padding:0;list-style:none;display:grid}.lessons a{border:1px solid #0000;border-radius:14px;grid-template-columns:240px 1fr;align-items:center;gap:20px;padding:10px;text-decoration:none;display:grid}.lessons a:hover{background:var(--card);border-color:var(--line)}.lessons .thumb{aspect-ratio:16/9;background:#262c44;border-radius:10px;position:relative;overflow:hidden}.lessons .thumb img{object-fit:cover;width:100%;height:100%;display:block}.lessons .lt{flex-direction:column;gap:2px;display:flex}.lessons b{font:700 20px/1.2 var(--display)}.lessons .hi{font-size:15px}.lessons em{color:var(--ink-2);font-size:15px;font-style:normal}.lessons li.done .meta{color:#1e7a46;font-weight:600}.lessons li.started .meta{color:var(--ink);font-weight:600}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tabs button{background:var(--card);border:1px solid var(--line);cursor:pointer;color:var(--ink-2);border-radius:999px;padding:6px 14px;font-weight:500}.tabs button span{color:var(--mute);margin-left:8px;font-size:14px}.tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.tabs button[aria-selected=true] span{color:#c9cedd}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.head h1{margin:0 0 6px;font-size:clamp(30px,4vw,42px);line-height:1.05}.head p{color:var(--ink-2);flex-basis:100%;max-width:70ch;margin:0}.head p a{color:var(--accent)}.studio-space{margin-top:32px}.studio-space h2{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 10px;font-size:24px;display:flex}.studio-space h2 small{font:400 14px var(--text);color:var(--mute)}.studio-space h2 .status{font:400 15px/1.4 var(--text)}table.studio{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;width:100%;font-size:15px}table.studio th{text-align:left;color:var(--mute);border-bottom:1px solid var(--line);padding:8px 12px;font-weight:600}table.studio td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}table.studio small{color:var(--mute)}.lesson-row{align-items:baseline;gap:12px;display:flex}.lesson-row a.link{font-size:14px}.status{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.status .st{margin:0}.status em.err{color:#b42318;font-size:14px;font-style:normal}.hint,.note{color:var(--ink-2);margin-top:18px;font-size:15px}.hint a{color:var(--accent)}.quiz-editor{flex-direction:column;gap:18px;margin-top:8px;display:flex}.quiz-editor fieldset{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;gap:10px;padding:14px 18px 18px;display:flex}.quiz-editor legend{font:700 18px var(--display);align-items:center;gap:14px;padding:0 6px;display:flex}.quiz-editor .tools{font:400 15px var(--text);gap:10px;display:inline-flex}.quiz-editor label{color:var(--mute);flex-direction:column;gap:4px;font-size:14px;display:flex}.quiz-editor input:not([type=radio]){border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:7px 10px}.quiz-editor input:focus{border-color:var(--ink-2);background:#fff}.opts-edit{flex-direction:column;gap:6px;display:flex}.opts-edit .opt{grid-template-columns:24px 1fr 1fr;align-items:center;gap:8px;display:grid}.opts-edit input[type=radio]{accent-color:#1e7a46;width:18px;height:18px}.quiz-editor .actions{gap:10px;display:flex}#signin{z-index:50;background:radial-gradient(at 70% 30%,#2a3352,#151a2d 70%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#signin form{background:#fff;border-radius:16px;gap:12px;width:min(400px,100%);padding:30px 28px;display:grid;box-shadow:0 30px 80px #00000073}#signin h2{font:700 30px/1 var(--display);margin:0}#signin h2 b{color:var(--gold)}#signin p{color:var(--ink-2);margin:0 0 6px}#signin input{border:1px solid var(--line);border-radius:10px;padding:10px 12px}#signin button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;flex:1;padding:10px 12px;font-weight:600}#signin button.google,#signin button.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}#signin .row{gap:8px;display:flex}#signin .or{text-align:center;color:var(--mute);font-size:14px}#signin .err{margin:0;padding:0;font-size:14px}@media (width<=760px){header.topbar{gap:10px;padding:10px 12px}header.topbar .brand{font-size:17px}header.topbar nav.top{gap:2px;font-size:15px}header.topbar nav.top a{padding:4px 9px}#user span{display:none}#player{padding:0}#frame,#bar{border-radius:0}#bar label{display:none}#chapters{padding:0 12px}.banner,.bookmark{grid-template-columns:1fr;gap:14px;padding:12px}.grid,.grid.wide{grid-template-columns:1fr;gap:22px}.row{grid-auto-columns:78%}.lessons a{grid-template-columns:132px 1fr;gap:12px;padding:6px}.lessons b{font-size:17px}.lessons em{display:none}.opts-edit .opt{grid-template-columns:24px 1fr}.opts-edit .opt input:last-child{grid-column:2}}#player{max-width:1200px;margin:0 auto;padding:16px}#player:fullscreen{background:#000;flex-direction:column;justify-content:center;max-width:none;padding:0;display:flex}#frame{aspect-ratio:2;background:#fff;border-radius:12px 12px 0 0;width:100%;position:relative;overflow:hidden}#player:fullscreen #frame{border-radius:0}#stage{transform-origin:0 0;position:absolute;top:0;left:0}#captions{font-family:var(--learn-text,inherit), Mukta, sans-serif;color:#475569;text-align:center;background:#0f172a;min-height:64px;padding:12px 20px;font-size:clamp(15px,2.1vw,22px);line-height:1.35}#captions .said{color:#f8fafc}#captions .now{color:#facc15;font-weight:600}#captions[hidden]{visibility:hidden;height:0;min-height:0;padding:0;display:block}#bar{color:#e2e8f0;background:#1e293b;border-radius:0 0 12px 12px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}#bar button,#bar select{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:4px 10px}#bar button.on{border-color:var(--accent);color:#fff;background:color-mix(in srgb, var(--accent) 35%, #0f172a)}#bar label{color:#94a3b8;align-items:center;gap:4px;font-size:13px;display:flex}#play{width:44px}#track{flex:1;min-width:140px;position:relative}#seek{width:100%;accent-color:var(--accent)}#ticks{pointer-events:none;position:absolute;inset:0}#ticks i{background:#94a3b8;width:2px;height:12px;margin-top:-6px;position:absolute;top:50%}#ticks i.q{background:#facc15;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px}#time{font-variant-numeric:tabular-nums;color:#94a3b8;font-size:13px}#chapters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}#chapters button{background:var(--card);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:5px 12px;display:flex}#chapters button b{color:var(--accent)}#chapters button i{background:#facc15;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-style:normal;display:inline-grid}#chapters button.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}#start{color:#fff;cursor:pointer;background:#0f172a59;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:20px;display:flex;position:absolute;inset:0}#start span{background:var(--accent);border-radius:50%;place-items:center;width:96px;height:96px;padding-left:8px;font-size:40px;transition:transform .15s;display:grid;box-shadow:0 10px 40px #00000059}#start:hover span{transform:scale(1.06)}#card{z-index:5;background:#fff;border-radius:16px;width:min(560px,92%);padding:22px 24px;animation:.35s cubic-bezier(.2,1.4,.4,1) cardIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0f172a59}#card.pinned{width:300px;padding:16px 18px;transform:none}@keyframes cardIn{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}#card small{color:var(--accent);font-size:14px;font-weight:600}#card h3{margin:4px 0 12px;font-size:20px}#card.pinned h3{margin:0 0 6px;font-size:16px}#card p{color:#334155;margin:0 0 12px}#card.pinned p{font-size:14px}#card .opts{gap:8px;margin-bottom:12px;display:grid}#card .opts button{text-align:left;border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:10px;padding:10px 14px}#card .opts button:hover:not(:disabled){border-color:var(--accent)}#card .opts .right{background:#f0fdf4;border-color:#16a34a}#card .opts .wrong{background:#fef2f2;border-color:#dc2626}#card .go{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:8px 16px;text-decoration:none;display:inline-block}#card .go.ghost{background:var(--bg);color:var(--ink);border:1px solid var(--line)}#card .row{gap:10px;display:flex}#card .points{margin:4px 0 16px}#card .points ol{gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}#card .points button{text-align:left;border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:10px;align-items:baseline;gap:10px;width:100%;padding:8px 12px;font-size:15px;display:flex}#card .points button span{color:var(--accent)}#card .points button:hover{border-color:var(--accent)}#infos{pointer-events:none;position:absolute;inset:0}#infos .dot{pointer-events:auto;background:var(--accent);color:#fff;cursor:pointer;width:26px;height:26px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent);border:0;border-radius:50%;padding:0;font-size:15px;line-height:26px;animation:1.8s infinite ping;position:absolute}@keyframes ping{70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}#hint{color:#fff;background:#0f172acc;border-radius:999px;padding:4px 10px;font-size:13px;position:absolute;top:12px;right:12px}.err{color:#b91c1c;padding:30px}#credits{color:var(--mute);margin-top:14px;font-size:13px}#credits summary{cursor:pointer}#credits ul{margin:6px 0 0;padding-left:18px}.chapter header.topbar{position:static}@media (width<=760px){#player{padding:0}#frame,#bar{border-radius:0}#chapters,#credits{padding:0 12px}}