:root{
  color-scheme:dark;
  --bg:#090d12;--sidebar:#10151d;--panel:#141b26;--panel2:#192231;--panel3:#202b3b;
  --line:#2a3546;--line2:#344258;--text:#f5f7fb;--muted:#98a5b8;--muted2:#6f7d91;
  --blue:#408cff;--blue2:#79a7ff;--red:#ff4d3d;--orange:#f8b733;--green:#4bd27b;--purple:#9b86ff;
  --shadow:0 24px 80px rgba(0,0,0,.32);--radius:18px;--radius-sm:12px;--sidebar-w:265px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 8%,rgba(61,107,194,.09),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}
button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
#app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr}.app-column{min-width:0}.sidebar{position:sticky;top:0;height:100vh;background:rgba(16,21,29,.96);border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;z-index:30;backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 22px}.brand-mark{width:34px;height:34px;position:relative;transform:rotate(45deg)}.brand-mark i{position:absolute;width:13px;height:13px;border-radius:4px}.brand-mark i:nth-child(1){left:0;top:0;background:#4bd27b}.brand-mark i:nth-child(2){right:0;top:0;background:#408cff}.brand-mark i:nth-child(3){left:0;bottom:0;background:#f8b733}.brand-mark i:nth-child(4){right:0;bottom:0;background:#ff4d3d}.brand-copy strong{display:block;font-size:17px}.brand-copy span{display:block;color:var(--muted);font-size:11px;letter-spacing:.02em}
.nav{display:grid;gap:7px}.nav-btn{border:1px solid transparent;background:transparent;border-radius:12px;padding:11px 10px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;color:#b7c1d0;font-weight:650;transition:.2s}.nav-btn:hover{background:#18212d;color:#fff}.nav-btn.active{background:linear-gradient(135deg,rgba(53,111,207,.35),rgba(38,64,103,.26));border-color:#31517f;color:#fff}.nav-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#202733;color:#dfe8f8;font-size:13px;flex:none}.nav-btn.active .nav-icon{background:#347de9}
.sidebar-spacer{flex:1}.side-progress{border:1px solid var(--line);background:#151b23;border-radius:14px;padding:12px;margin-top:18px}.side-progress-row{display:flex;justify-content:space-between;font-size:11px}.progress-track{height:4px;background:#2a3340;border-radius:99px;margin:10px 0 4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:inherit}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.side-actions .wide{grid-column:1/-1}
.topbar{position:sticky;top:0;height:72px;border-bottom:1px solid var(--line);background:rgba(10,14,20,.9);backdrop-filter:blur(18px);z-index:25;padding:12px 28px;display:flex;align-items:center;gap:16px}.search-trigger{height:46px;flex:1;max-width:760px;border:1px solid var(--line);background:#141a23;border-radius:12px;padding:0 15px;display:flex;align-items:center;gap:10px;color:var(--muted);cursor:pointer;text-align:left}.search-trigger:hover{border-color:#466082}.kbd{margin-left:auto;border:1px solid #303c4d;background:#10151c;border-radius:6px;padding:2px 7px;font-size:11px;color:#7f8da1}.top-spacer{flex:1}.top-stat{min-width:65px;text-align:center}.top-stat span{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.top-stat strong{display:block;font-size:13px}.mobile-menu{display:none}
.main{padding:30px 34px 80px;max-width:1450px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9bacbf;font-weight:750}.page-head h1{font-size:34px;line-height:1.1;margin:7px 0}.page-head p{color:var(--muted);max-width:760px;margin:0}.actions{display:flex;gap:9px;flex-wrap:wrap}
button,.button{border:1px solid var(--line2);background:#1a2230;border-radius:10px;padding:9px 13px;cursor:pointer;font-weight:700;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover,button:hover{transform:translateY(-1px);border-color:#55709a;background:#202b3c}.primary{background:linear-gradient(135deg,#ff5b43,#ef3c31);border-color:#ff705d;color:#fff;box-shadow:0 8px 24px rgba(255,76,60,.16)}.primary:hover{background:linear-gradient(135deg,#ff684e,#f14637)}.blue{background:linear-gradient(135deg,#367fe9,#265cc0);border-color:#5999f7}.gold{background:linear-gradient(135deg,#3a2a10,#221b11);border-color:#8d671c;color:#ffe7a4}.ghost{background:transparent}.danger{border-color:#713d42;color:#ff8178;background:#21171b}.small{font-size:12px;padding:6px 9px}.icon-btn{width:36px;height:36px;padding:0;border-radius:10px}.muted{color:var(--muted)}.tiny{font-size:11px}.right{text-align:right}
.card{background:linear-gradient(145deg,rgba(24,33,46,.98),rgba(17,23,32,.98));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.08)}.card h2,.card h3{margin:0}.card p{color:var(--muted)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.stack{display:grid;gap:16px}.section-gap{margin-top:18px}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 220px;gap:28px;padding:38px;background:radial-gradient(circle at 78% 20%,rgba(44,92,169,.25),transparent 34%),linear-gradient(135deg,#172231,#21171d);border:1px solid #2d3b50;border-radius:26px;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:auto -100px -180px auto;width:430px;height:430px;background:radial-gradient(circle,rgba(255,70,53,.09),transparent 65%)}.hero h1{font-size:48px;line-height:.96;margin:10px 0 18px;max-width:760px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:#9fc0ff}.hero p{font-size:17px;color:#b7c2d2;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.progress-ring{--p:0;position:relative;width:165px;height:165px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--p)*1%),#2a3443 0);display:grid;place-items:center;margin:auto;box-shadow:0 0 0 10px rgba(70,94,128,.13)}.progress-ring:after{content:"";width:126px;height:126px;border-radius:50%;background:#111822;border:1px solid #283548;position:absolute}.ring-copy{position:relative;z-index:2;text-align:center}.ring-copy strong{display:block;font-size:35px}.ring-copy span{color:var(--muted);font-size:9px;letter-spacing:.17em;text-transform:uppercase}.level-pill{margin:20px auto 0;width:max-content;border:1px solid #3a4352;background:#20242c;border-radius:99px;padding:6px 11px;font-size:11px}
.next-card{display:flex;align-items:center;gap:16px;cursor:pointer}.next-num{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#293f7e,#223050);display:grid;place-items:center;font-size:22px;font-weight:800;border:1px solid #40598c}.next-copy{flex:1}.next-copy h3{font-size:18px}.next-copy p{margin:3px 0 0}.arrow-link{font-size:28px;color:var(--blue)}.metric{padding:17px}.metric span{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.metric strong{display:block;font-size:28px;margin-top:5px}.metric small{color:var(--muted)}
.doctrine{display:grid;grid-template-columns:1fr 1fr;gap:12px}.doctrine-item{border:1px solid var(--line);background:#1b2330;border-radius:14px;padding:17px}.doctrine-icon{font-size:18px}.doctrine-item strong{display:block;margin:9px 0 4px}.doctrine-item p{font-size:12px;margin:0}.cadence{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cadence div{border:1px solid var(--line);background:#1b2330;border-radius:12px;padding:13px}.cadence strong{display:block;font-size:12px}.cadence span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.badge{border:1px solid var(--line);background:#19212d;border-radius:13px;padding:13px;text-align:center;min-height:105px}.badge-icon{width:38px;height:38px;border-radius:50%;border:1px solid #3a4658;display:grid;place-items:center;margin:0 auto 8px;color:#a9b8cc}.badge.done .badge-icon{background:linear-gradient(145deg,#284e8b,#713e7f);color:#fff}.badge strong{display:block;font-size:11px}.badge small{color:var(--muted);font-size:10px}.mantra{background:linear-gradient(145deg,#281a1a,#171412);border-color:#47312d}.mantra blockquote{font-size:22px;line-height:1.15;font-weight:760;margin:15px 0}.mantra cite{font-size:10px;color:var(--muted);font-style:normal}
.module-list{display:grid;gap:16px}.module-card{overflow:hidden;padding:0}.module-head{padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer}.module-index{width:48px;height:48px;border-radius:13px;background:#202c3f;display:grid;place-items:center;color:#9fc0ff;font-weight:800}.module-copy{flex:1}.module-copy h2{font-size:19px}.module-copy p{margin:3px 0 0;font-size:12px}.module-progress{text-align:right}.module-progress strong{display:block}.module-progress span{color:var(--muted);font-size:11px}.lesson-list{border-top:1px solid var(--line);display:grid}.lesson-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid rgba(46,57,73,.7);cursor:pointer}.lesson-row:last-child{border-bottom:0}.lesson-row:hover{background:#1b2431}.status-dot{width:24px;height:24px;border:1px solid #3a4658;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#65748a}.lesson-row.done .status-dot{background:var(--green);color:#08120c;border-color:var(--green)}.lesson-row h3{font-size:14px}.lesson-meta{font-size:10px;color:var(--muted);margin-top:2px}.source-chip{border:1px solid #344158;border-radius:99px;padding:4px 8px;font-size:10px;color:#aab6c7;white-space:nowrap}
.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.tab{background:#151c26}.tab.active{background:#243754;border-color:#4775b6}.tool-card{min-height:100%}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:11px;color:#b7c3d4;font-weight:700}.field small{color:var(--muted)}input,textarea,select{width:100%;border:1px solid var(--line);background:#0f151e;color:#f4f7fb;border-radius:10px;padding:10px 11px;outline:none}input:focus,textarea:focus,select:focus{border-color:#4c7fc5;box-shadow:0 0 0 3px rgba(64,140,255,.1)}textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.output{border:1px dashed #40516b;background:#101821;border-radius:13px;padding:15px;white-space:pre-wrap;word-break:break-word}.check-list{display:grid;gap:8px}.check-item{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);background:#171f2b;border-radius:11px;padding:11px}.check-item input{width:17px;height:17px;flex:none;margin-top:2px}.check-item.done{border-color:#2f6748;background:#15251d}.check-item strong{display:block;font-size:13px}.check-item span{display:block;color:var(--muted);font-size:11px}.scorebar{height:8px;border-radius:99px;background:#273140;overflow:hidden}.scorebar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--orange),var(--green));border-radius:inherit}
.asset-row{display:grid;grid-template-columns:1fr 80px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.asset-row:last-child{border-bottom:0}.char-count{text-align:right;font-size:12px}.char-count.bad{color:#ff766d}.char-count.good{color:#79db9a}.preview-ad{background:#fff;color:#202124;border-radius:12px;padding:17px}.preview-ad .url{color:#188038;font-size:12px}.preview-ad .headline{color:#1a0dab;font-size:20px;line-height:1.25;margin:5px 0}.preview-ad .desc{font-size:13px;color:#4d5156}
.week-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.day-card{border:1px solid var(--line);background:#171f2b;border-radius:14px;padding:14px}.day-card h3{font-size:14px;margin-bottom:10px}.column-chain{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.column-chip{border:1px solid #3c4a5f;background:#1c2737;border-radius:99px;padding:7px 10px;font-size:11px}.chain-arrow{color:#63738a}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:top}.data-table th{position:sticky;top:0;background:#192333;color:#aab8cb;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.data-table tr:last-child td{border-bottom:0}.decision-add{color:#74d79b}.decision-neg{color:#ff8278}.decision-monitor{color:#f0c36a}
.diagnosis{border-left:4px solid var(--blue);padding-left:15px}.diagnosis.warn{border-color:var(--orange)}.diagnosis.stop{border-color:var(--red)}.drill-bank,.drill-answer{min-height:62px;border:1px dashed #40516b;border-radius:12px;padding:10px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.drill-chip{border:1px solid #486083;background:#1d2a3d;border-radius:9px;padding:7px 10px;cursor:pointer;font-size:12px}.scenario{min-height:260px}.scenario-options{display:grid;gap:9px;margin-top:14px}.scenario-option{text-align:left;justify-content:flex-start}.scenario-option.correct{border-color:#49bb77;background:#173021}.scenario-option.wrong{border-color:#d85d57;background:#321c1f}.feedback{padding:12px;border-radius:10px;margin-top:12px;background:#121923;border:1px solid var(--line)}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.video-card .video-title{display:flex;align-items:center;justify-content:space-between}.chapter-list{display:grid;gap:6px;margin-top:12px}.chapter{display:grid;grid-template-columns:62px 1fr 34px;gap:9px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px;cursor:pointer}.chapter:hover{background:#1d2837}.chapter time{font-size:10px;color:#9bb4da}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screen-thumb{border:1px solid var(--line);background:#111722;border-radius:12px;overflow:hidden;cursor:pointer}.screen-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%}.screen-thumb span{display:block;padding:9px;font-size:11px;color:#aebacd}.official-link{display:block;border:1px solid var(--line);border-radius:12px;padding:13px;background:#171f2b}.official-link:hover{border-color:#526b91}.official-link strong{display:block}.official-link span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,5,9,.82);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:24px}.modal{width:min(1100px,100%);max-height:94vh;overflow:auto;background:#111822;border:1px solid #334156;border-radius:20px;box-shadow:0 30px 110px rgba(0,0,0,.65)}.modal.wide{width:min(1370px,100%)}.modal-head{position:sticky;top:0;z-index:4;background:rgba(17,24,34,.96);border-bottom:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;backdrop-filter:blur(14px)}.modal-body{padding:20px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px}.lesson-image{border:1px solid #38465b;border-radius:14px;overflow:hidden;background:#080b10;cursor:zoom-in}.source-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}.source-bar span{font-size:11px;color:var(--muted)}.lesson-section{border:1px solid var(--line);border-radius:13px;padding:15px;background:#171f2b;margin-bottom:12px}.lesson-section h3{font-size:13px;margin-bottom:8px}.lesson-section p{margin:0;color:#b4c0d0}.numbered{counter-reset:item;display:grid;gap:9px;padding:0;margin:0;list-style:none}.numbered li{counter-increment:item;display:grid;grid-template-columns:25px 1fr;gap:9px}.numbered li:before{content:counter(item);width:23px;height:23px;border-radius:7px;background:#294d85;display:grid;place-items:center;font-size:11px;font-weight:800}.failure-list{padding-left:18px;color:#c3a7a5}.quiz-options{display:grid;gap:8px}.quiz-option{text-align:left;justify-content:flex-start}.quiz-option.selected{border-color:#5590e6;background:#1b3150}.confidence{display:flex;gap:7px}.confidence button{width:38px;height:36px;padding:0}.confidence button.active{background:#345d9b;border-color:#6398e5}.lesson-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}.proof-box{display:flex;gap:9px;align-items:flex-start}.proof-box input{width:17px;height:17px;margin-top:3px}
.video-modal .youtube-player-shell{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.youtube-player,.youtube-player-shell iframe,.youtube-fallback-frame{display:block;width:100%;height:100%;border:0}.youtube-player-loading{position:absolute;inset:0;display:grid;place-content:center;gap:10px;text-align:center;background:radial-gradient(circle at center,#172238 0,#05070a 72%);color:#f4f7fb;pointer-events:none}.youtube-player-loading span:last-child{font-size:12px;color:#aebacd}.youtube-spinner{width:34px;height:34px;margin:auto;border:3px solid rgba(255,255,255,.18);border-top-color:#4d8dff;border-radius:50%;animation:youtube-spin .8s linear infinite}@keyframes youtube-spin{to{transform:rotate(360deg)}}.youtube-player-fallback{height:100%;display:grid;place-items:center;padding:30px;text-align:center;background:#070a0f}.youtube-player-fallback>div{max-width:520px}.youtube-player-fallback h3{margin:7px 0}.youtube-player-status{display:block;color:var(--muted);font-size:11px;margin-top:3px}.youtube-player-status.playing{color:#9fc3ff}.youtube-player-status.complete{color:#84e3aa}.youtube-player-status.warn{color:#ffd27a}.video-caption{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.video-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.image-modal img{max-height:88vh;width:auto;margin:auto}.search-modal{width:min(760px,100%)}.search-input{font-size:18px;padding:15px}.search-results{display:grid;gap:8px;margin-top:12px}.search-result{border:1px solid var(--line);border-radius:10px;padding:11px;cursor:pointer}.search-result:hover{background:#1c2736}.search-result strong{display:block}.search-result span{font-size:11px;color:var(--muted)}.sprint-time{font-size:64px;font-weight:850;letter-spacing:-.04em;text-align:center}.sprint-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#toast-root{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:9px}.toast{min-width:250px;background:#192331;border:1px solid #3b4c65;border-radius:11px;padding:12px 14px;box-shadow:var(--shadow);animation:toastin .2s ease}.toast.good{border-color:#3d8159}.toast.warn{border-color:#936c29}.toast.bad{border-color:#8b4440}@keyframes toastin{from{transform:translateY(10px);opacity:0}}
.empty{border:1px dashed #3c485b;border-radius:13px;padding:25px;text-align:center;color:var(--muted)}.divider{height:1px;background:var(--line);margin:18px 0}.hidden{display:none!important}
@media(max-width:1100px){:root{--sidebar-w:220px}.main{padding:24px 22px 70px}.hero{grid-template-columns:1fr 180px}.hero h1{font-size:40px}.grid-4{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.screen-gallery{grid-template-columns:repeat(2,1fr)}.week-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){#app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:270px;transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar{padding:10px 12px;height:64px}.top-stat{display:none}.search-trigger{height:42px}.main{padding:18px 13px 60px}.page-head{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding:25px}.hero h1{font-size:38px}.hero-progress{display:none}.grid-2,.grid-3,.grid-4,.form-grid,.video-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.doctrine{grid-template-columns:1fr}.cadence,.badge-grid{grid-template-columns:repeat(2,1fr)}.week-board{grid-template-columns:1fr}.screen-gallery{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{max-height:97vh;border-radius:15px}.modal-body{padding:13px}.lesson-layout{display:block}.lesson-footer{align-items:stretch;flex-direction:column}.sprint-actions{grid-template-columns:1fr}.chapter{grid-template-columns:55px 1fr 30px}.video-caption{align-items:stretch}.video-actions{justify-content:flex-start}.video-actions .button{flex:1 1 auto}.youtube-player-fallback{padding:18px}}
