:root{--bg:#0a0a0a;--bg-elev:#111;--line:#ffffff14;--text:#f5f5f5;--muted:#a1a1aa;--gold:#d4a843;--gold-deep:#b8872d;--danger:#e35d5d;--ok:#6fbf73;--font:"DM Sans", system-ui, sans-serif;--display:"Instrument Serif", Georgia, serif;--brand:41.79 62.77% 54.71%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.boot{min-height:100vh;color:var(--muted);place-items:center;display:grid}.brand-logo{object-fit:contain;width:auto;height:36px;display:block}.brand-logo--auth{height:48px;margin:0 auto 18px}.auth-shell{background:radial-gradient(900px 500px at 50% -10%, #d4a84329, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#121212;border-radius:16px;width:min(400px,100%);padding:28px 24px}.auth-sub{color:var(--muted);text-align:center;margin:0 0 22px}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--muted);gap:6px;font-size:13px;display:grid}.auth-form input{border:1px solid var(--line);width:100%;color:var(--text);background:#0c0c0c;border-radius:10px;padding:12px 14px}.btn-gold{background:linear-gradient(180deg, #e0ba5a, var(--gold-deep));color:#1a1408;cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:700}.btn-gold:disabled{opacity:.6;cursor:default}.btn-ghost{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.linkish{width:100%;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:18px;text-decoration:underline}.form-alert{margin:0;font-size:13px}.form-alert--err{color:var(--danger)}.form-alert--ok{color:var(--ok)}.app-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0a0a0ae6;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar__brand,.topbar__right{align-items:center;gap:12px;display:flex}.muted{color:var(--muted);font-size:13px}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 64px}.page--contents{width:min(1180px,100% - 32px)}.page--lesson{width:min(920px,100% - 32px)}.section-heading{letter-spacing:-.02em;margin:0 0 22px;font-size:28px;font-weight:650}.page-title{font-family:var(--display);margin:0 0 8px;font-size:clamp(30px,4vw,44px);font-weight:400}.crumb{color:var(--muted);margin:0 0 10px;font-size:13px}.crumb a{text-underline-offset:3px;text-decoration:underline}.contents-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;display:grid}@media (width<=960px){.contents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.contents-grid{grid-template-columns:1fr}}.mk-card{gap:12px;display:grid}.mk-card__media{aspect-ratio:2;background:#1a1a1a;border-radius:12px;position:relative;overflow:hidden;transform:translateZ(0)}.mk-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.mk-card:hover .mk-card__media img{transform:scale(1.05)}.mk-card__progress{background:#ffffff4d;border-radius:999px;height:4px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.mk-card__progress span{border-radius:inherit;background:hsl(var(--brand));height:100%;display:block}.mk-card__body h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.mk-card__body p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.45}.mk-card__fallback{background:linear-gradient(135deg,#2a2110,#111);width:100%;height:100%;min-height:80px}.module-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;display:grid}@media (width>=768px){.module-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}}.module-poster{display:block}.module-poster__media{aspect-ratio:5/7;background:#1a1a1a;border-radius:12px;position:relative;overflow:hidden}.module-poster__media img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.module-poster:hover .module-poster__media img{transform:scale(1.05)}.module-poster__caption{opacity:0;background:linear-gradient(#0000,#000000d9);padding:14px 12px;transition:all .3s;position:absolute;inset:auto 0 0;transform:translateY(8px)}.module-poster:hover .module-poster__caption{opacity:1;transform:translateY(0)}.module-poster__caption p{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.lesson-list{gap:10px;display:grid}.lesson-row{border:1px solid var(--line);background:var(--bg-elev);border-radius:12px;align-items:center;gap:14px;padding:10px;transition:border-color .2s,background .2s;display:flex}.lesson-row:hover{background:#161616;border-color:#d4a84359}.lesson-row__thumb{aspect-ratio:16/10;background:#1a1a1a;border-radius:8px;flex:none;width:96px;overflow:hidden}.lesson-row__thumb img{object-fit:cover;width:100%;height:100%;display:block}.lesson-row__body{gap:4px;min-width:0;display:grid}.lesson-row__body strong{font-size:15px;font-weight:600;line-height:1.3}.lesson-row__body small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.module-index{color:var(--muted);margin-top:36px}.module-index summary{cursor:pointer;margin-bottom:14px}.module-block{border:1px solid var(--line);background:var(--bg-elev);border-radius:14px;margin-bottom:12px;overflow:hidden}.module-block h2{border-bottom:1px solid var(--line);margin:0;padding:14px 16px;font-size:15px}.module-block ul{margin:0;padding:0;list-style:none}.module-block li a{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.module-block li:last-child a{border-bottom:0}.module-block em{color:var(--muted);min-width:24px;font-size:12px;font-style:normal}.vturb-wrap{border:1px solid var(--line);background:#000;border-radius:14px;margin:18px 0 22px;overflow:hidden}.empty-player{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:14px;margin:18px 0 22px;padding:48px 20px}.lesson-actions{gap:16px;display:grid}.lesson-nav{color:var(--gold);justify-content:space-between;gap:12px;display:flex}@media (width<=640px){.topbar__right .muted{display:none}.page{width:calc(100% - 24px);padding-top:20px}.lesson-row__thumb{width:72px}.section-heading{font-size:24px}}.lesson-html{border-radius:12px;margin:18px 0 22px;overflow:hidden}.lesson-html a{color:#f44}.topbar__left{align-items:center;gap:14px;display:flex}.nav-pill{color:var(--gold);background:#d4a84329;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.crumb__sep{opacity:.5;margin:0 8px}@media (width<=640px){.hide-sm{display:none}}.module-hero{aspect-ratio:5/7;border:1px solid var(--line);border-radius:14px;width:min(280px,45%);margin:0 0 18px;overflow:hidden}.module-hero img{object-fit:cover;width:100%;height:100%;display:block}.lesson-row,.lesson-row__thumb{position:relative}.play-badge{color:#fff;background:#000000b8;border:1px solid #fff3;border-radius:999px;place-items:center;width:28px;height:28px;font-size:11px;display:grid;position:absolute;inset:auto 8px 8px auto}.lesson-index{color:var(--gold);letter-spacing:.08em;margin-bottom:2px;font-size:11px;font-style:normal;display:block}.lesson-row.is-active{background:#d4a84314;border-color:#d4a8438c}.lesson-list--compact .lesson-row{padding:8px}.lesson-list--compact .lesson-row__thumb{width:72px}.up-next{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.up-next h2{margin:0 0 14px;font-size:18px;font-weight:650}.page-lead{color:var(--muted);margin:-8px 0 24px}
