:root{color-scheme:light;--page: #fbf5e9;--surface: #ffffff;--ink: #4b4637;--ink2: #7c7666;--muted: #a39b87;--grid: #f0e7d2;--axis: #e8dec6;--border: #f0e7d2;--green: #5cb300;--green-deep: #4a9100;--green-soft: #edf7df;--green-edge: #b8e08a;--blue: #1899d6;--blue-deep: #10709e;--blue-soft: #eaf6fd;--blue-edge: #8ecbe9;--orange: #f49000;--orange-deep: #c57300;--orange-soft: #fff3de;--purple: #a560e8;--purple-deep: #8447c4;--purple-soft: #f4ebfd;--purple-edge: #d8bef5;--teal: #00a6a6;--teal-deep: #008080;--slate: #7a8a99;--slate-deep: #5f6c78;--red: #e05a5a;--red-deep: #b54444;--red-soft: #fdecec;--red-edge: #f0b9b9;--s1: var(--blue);--s2: var(--orange);--s3: var(--teal);--good: var(--green);--warn: var(--orange);--serious: var(--red);--crit: var(--red);--m0: var(--grid);--vz-ink: var(--ink);--vz-muted: var(--muted);--vz-axis: var(--axis);--vz-grid: var(--grid);--vz-s1: var(--s1);--vz-s2: var(--s2);--vz-s3: var(--s3);--vz-surface: var(--surface)}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--page: #171512;--surface: #211e19;--ink: #f3eee1;--ink2: #c9c0a9;--muted: #8f8b7e;--grid: #332f27;--axis: #3e392f;--border: #332f27;--green-soft: #223315;--green-edge: #3e5c20;--blue-soft: #122b3a;--blue-edge: #1e4d68;--orange-soft: #3a2b12;--purple-soft: #2b1f3d;--purple-edge: #4d3670;--red-soft: #3a1c1c;--red-edge: #63302f}}:root[data-theme=dark]{color-scheme:dark;--page: #171512;--surface: #211e19;--ink: #f3eee1;--ink2: #c9c0a9;--muted: #8f8b7e;--grid: #332f27;--axis: #3e392f;--border: #332f27;--green-soft: #223315;--green-edge: #3e5c20;--blue-soft: #122b3a;--blue-edge: #1e4d68;--orange-soft: #3a2b12;--purple-soft: #2b1f3d;--purple-edge: #4d3670;--red-soft: #3a1c1c;--red-edge: #63302f}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:600 15px/1.55 Nunito,Trebuchet MS,system-ui,-apple-system,sans-serif}h1,h2,h3{letter-spacing:-.01em;font-weight:900}b{font-weight:800}header{background:var(--surface);border-bottom:2px solid var(--border);padding:10px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}header h1{font-size:22px;margin:0;font-weight:900;color:var(--green);letter-spacing:-.5px}.tabs{display:flex;gap:4px;margin-left:10px}.navitem{display:flex;align-items:center;gap:9px;font:inherit;font-size:12.5px;font-weight:800;letter-spacing:1.1px;padding:6px 12px 6px 7px;border-radius:14px;border:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.navitem .tile{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}.navitem .tile svg{width:19px;height:19px;stroke:#fff}.navitem .tile.green{background:var(--green);box-shadow:0 3px 0 var(--green-deep)}.navitem .tile.blue{background:var(--blue);box-shadow:0 3px 0 var(--blue-deep)}.navitem .tile.purple{background:var(--purple);box-shadow:0 3px 0 var(--purple-deep)}.navitem .tile.slate{background:var(--slate);box-shadow:0 3px 0 var(--slate-deep)}.navitem .tile.teal{background:var(--teal);box-shadow:0 3px 0 var(--teal-deep)}.navitem[aria-selected=true].green-nav{background:var(--green-soft);border-color:var(--green-edge);color:var(--green-deep)}.navitem[aria-selected=true].blue-nav{background:var(--blue-soft);border-color:var(--blue-edge);color:var(--blue-deep)}.navitem[aria-selected=true].slate-nav{background:var(--grid);border-color:var(--axis);color:var(--ink2)}.navitem[aria-selected=true].purple-nav{background:var(--purple-soft);border-color:var(--purple-edge);color:var(--purple-deep)}.streak-chip{display:flex;align-items:center;gap:6px;font-weight:900;font-size:15px;color:var(--orange)}.streak-chip svg{width:18px;height:18px}.spacer{margin-left:auto;display:flex;gap:8px;align-items:center}.ghost,.primary{font:inherit;cursor:pointer;border-radius:12px;font-weight:800}.ghost{font-size:12.5px;padding:7px 13px;border:2px solid var(--border);background:var(--surface);color:var(--ink2);box-shadow:0 2px 0 var(--border)}.ghost:hover{border-color:var(--axis);color:var(--ink)}.ghost:active{transform:translateY(2px);box-shadow:none}.primary{font-size:13.5px;letter-spacing:.8px;padding:11px 22px;border:0;background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-deep)}.primary:hover{filter:brightness(1.05)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--green-deep)}.primary:disabled{background:var(--grid);color:var(--muted);box-shadow:0 4px 0 var(--axis);cursor:default;filter:none;transform:none}.primary.orange{background:var(--orange);box-shadow:0 4px 0 var(--orange-deep)}.primary.orange:active{box-shadow:0 1px 0 var(--orange-deep)}.primary.red{background:var(--red);box-shadow:0 4px 0 var(--red-deep)}.primary.red:active{box-shadow:0 1px 0 var(--red-deep)}.primary.purple{background:var(--purple);box-shadow:0 4px 0 var(--purple-deep)}.primary.purple:active{box-shadow:0 1px 0 var(--purple-deep)}.pill{font-size:11px;font-weight:800;letter-spacing:.5px;padding:3px 10px;border-radius:999px;border:2px solid var(--border);color:var(--ink2);background:var(--page)}.course-pill{cursor:pointer;font-size:12.5px;color:var(--ink);background:var(--surface);box-shadow:0 2px 0 var(--border)}.course-pill:hover{border-color:var(--green-edge);color:var(--green-deep)}main{max-width:1180px;margin:0 auto;padding:22px 24px 60px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}@media (max-width: 940px){.layout{grid-template-columns:1fr}}.card{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:20px 22px}.card h2{font-size:19px;margin:0 0 4px}.card h3{font-size:14.5px;margin:0 0 8px}.muted{color:var(--ink2)}.small{font-size:12.5px}.ok{color:var(--good)}.bad{color:var(--crit)}.home-banner{background:var(--green);border-radius:18px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 0 var(--green-deep);margin-bottom:8px}.home-banner .kick{color:#dff3c4;font-weight:800;font-size:12px;letter-spacing:1.4px}.home-banner h2{color:#fff;font-size:22px;margin:2px 0 0}.home-banner .pill{background:var(--green-deep);border-color:var(--green-deep);color:#fff;font-size:12.5px;padding:7px 13px}.domain-head{text-align:center;font-weight:800;font-size:12px;letter-spacing:1.6px;color:var(--muted);margin:18px 0 6px;text-transform:uppercase}.path{display:flex;flex-direction:column;padding:6px 0 20px}.path-row{display:flex;align-items:center;gap:15px;padding:7px 0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;width:fit-content}.node{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:var(--axis);box-shadow:0 5px color-mix(in oklab,var(--axis) 78%,#000000)}.node svg{width:26px;height:26px}.path-row:active .node{transform:translateY(3px);box-shadow:0 2px color-mix(in oklab,var(--axis) 78%,#000000)}.node.done{background:var(--green);box-shadow:0 5px 0 var(--green-deep)}.node.started{background:var(--blue);box-shadow:0 5px 0 var(--blue-deep)}.node.cur{width:78px;height:78px;background:var(--orange);border:6px solid #ffd24a;box-shadow:0 6px 0 var(--orange-deep)}@media (max-width: 700px){.path-row{padding-left:12px!important}}.path-row .label{font-weight:800;font-size:14px;color:var(--ink2);max-width:300px}.path-row .label .sub{display:block;font-weight:700;font-size:12px;color:var(--muted)}.path-row.cur .label{font-size:15.5px;color:var(--ink)}.start-pill{display:block;width:fit-content;margin:0 auto 6px;background:var(--surface);border:2px solid var(--axis);color:var(--orange);font-weight:900;font-size:11px;letter-spacing:1.4px;padding:4px 12px;border-radius:999px;box-shadow:0 2px 0 var(--axis)}.side{display:grid;gap:16px;align-content:start}.ringcard{display:flex;align-items:center;gap:16px}.ringcard .who h3{margin:0;font-size:16px}.ringcard .who p{margin:2px 0 0;font-size:13px;color:var(--muted);font-weight:700}.statcard{display:flex;align-items:center;gap:13px}.statcard svg{width:30px;height:30px;flex:none;color:var(--orange)}.statcard .big{font-weight:900;font-size:19px}.statcard .cap{font-weight:800;font-size:11px;letter-spacing:.8px;color:var(--muted)}.masterybar{height:12px;border-radius:999px;background:var(--grid);overflow:hidden;margin:8px 0 6px}.masterybar i{display:block;height:100%;border-radius:999px;background:var(--green)}.side h3{font-size:13px;letter-spacing:.06em;margin:0 0 9px}.stat{display:flex;justify-content:space-between;font-size:13px;color:var(--ink2);padding:5px 0;border-bottom:2px solid var(--border)}.stat.last{border-bottom:0}.stat b{color:var(--ink)}.lesson-page{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.lbar{display:flex;align-items:center;gap:18px;padding:4px 0 10px}.lbar .x{border:0;background:none;cursor:pointer;color:var(--muted);display:flex;padding:4px}.lbar .x svg{width:20px;height:20px}.lbar .track{flex:1;height:15px;border-radius:999px;background:var(--grid);overflow:hidden}.lbar .track i{display:block;height:100%;border-radius:999px;background:var(--green);transition:width .25s ease}.lbar .track.purple i{background:var(--purple)}.kicker{font-weight:800;font-size:12px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase}.stem{font-size:21px;font-weight:900;line-height:1.35;margin:0}.qbody{display:flex;gap:20px;align-items:flex-start}.qbody .vis{flex:0 1 380px;background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:12px;overflow-x:auto}.qbody .opts{flex:1 1 0;min-width:0}@media (max-width: 800px){.qbody{flex-direction:column}.qbody .vis{flex:none;width:100%}}.vis{overflow-x:auto}svg.viz{max-width:100%;height:auto;display:block;margin:0 auto}.opts{display:grid;gap:11px}.opt{display:grid;grid-template-columns:30px 1fr;gap:13px;align-items:center;text-align:left;font:inherit;font-weight:800;font-size:16px;padding:14px 16px;border-radius:16px;cursor:pointer;border:2px solid var(--border);background:var(--surface);color:var(--ink);box-shadow:0 4px 0 var(--border)}.opt:hover:not(:disabled){border-color:var(--axis)}.opt:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--border)}.opt:disabled{cursor:default}.opt .k{font-weight:800;color:var(--muted);font-size:13px;border:2px solid var(--axis);border-radius:9px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.opt.sel{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 4px 0 var(--blue-edge);color:var(--blue-deep)}.opt.sel .k{border-color:var(--blue);background:var(--blue);color:#fff}.opt.right{border-color:var(--green);background:var(--green-soft);box-shadow:0 4px 0 var(--green-edge)}.opt.wrong{border-color:var(--red);background:var(--red-soft);box-shadow:0 4px 0 var(--red-edge)}.opt.fade{opacity:.45}.lesson-foot{border-top:2px solid var(--border);padding-top:16px;margin-top:4px;display:flex;align-items:center;justify-content:space-between;gap:14px}.lesson-foot .primary{font-size:14px;letter-spacing:1.4px;padding:14px 44px;border-radius:16px}.hint-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:900;font-size:12.5px;letter-spacing:1px;color:var(--orange);background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:10px 17px;box-shadow:0 3px 0 var(--border);cursor:pointer}.hint-btn svg{width:18px;height:18px}.verdict-row{display:flex;gap:13px}.verdict{flex:1;display:flex;align-items:center;gap:12px;font-weight:800;font-size:15.5px;border-radius:16px;padding:13px 17px;border:2px solid}.verdict svg{width:22px;height:22px;flex:none}.verdict.good{background:var(--green-soft);border-color:var(--green);color:var(--green-deep);box-shadow:0 4px 0 var(--green-edge)}.verdict.bad{background:var(--red-soft);border-color:var(--red);color:var(--red-deep);box-shadow:0 4px 0 var(--red-edge)}.fb{border-radius:18px;padding:16px 20px;font-size:14px;border:2px solid var(--border);background:var(--surface)}.fb.ok{border-color:var(--green-edge)}.fb.no{border-color:var(--red-edge)}.fb.back{border-color:var(--orange);background:var(--orange-soft)}.fb h4{margin:0 0 5px;font-size:14px;font-weight:900;display:flex;gap:8px;align-items:center}.fb p{margin:4px 0 0;color:var(--ink2)}.fb code{font-family:ui-monospace,monospace;font-size:11.5px;color:var(--orange-deep)}.nudge{border-left:3px solid var(--blue);padding-left:10px;margin-top:8px!important}.voice-controls{margin-left:auto;display:inline-flex;align-items:center;gap:10px}.icon-toggle{display:inline-flex;align-items:center;border:0;background:none;padding:0;color:var(--muted);cursor:pointer}.icon-toggle[aria-pressed=true]{color:var(--blue)}.icon-toggle .icon{width:15px;height:15px}.glossary-pop{position:fixed;z-index:40;max-width:360px;background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:12px 16px;box-shadow:0 6px color-mix(in oklab,var(--ink) 18%,transparent)}.glossary-pop b{font-size:14.5px;font-weight:900;text-transform:lowercase}.glossary-pop p{margin:4px 0 0;font-size:13.5px;font-weight:700;color:var(--ink2)}.steps{margin:4px 0 0;padding-left:19px;color:var(--ink2)}.icon{width:17px;height:17px;flex:none}.hintbox{border-left:3px solid var(--orange);background:var(--orange-soft);border-radius:0 14px 14px 0;padding:10px 14px;font-size:14px;color:var(--ink2)}.hintbox ol{margin:4px 0 0;padding-left:18px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.result-head{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px}.result-head h2{font-size:26px;margin:6px 0 0}.result-head .sub{font-weight:700;font-size:14px;color:var(--muted)}.result-stats{display:flex;gap:14px;justify-content:center}.result-stats .card{padding:13px 22px;display:flex;flex-direction:column;align-items:center;gap:1px}.result-stats .cap{font-weight:800;font-size:11px;letter-spacing:1.2px;color:var(--muted)}.result-stats .big{font-weight:900;font-size:19px}.weakcard{border-color:var(--orange)!important;box-shadow:0 4px color-mix(in oklab,var(--orange) 35%,var(--border));display:flex;gap:16px;align-items:center}.weakcard .wbody{flex:1 1 0}.center-actions{display:flex;align-items:center;justify-content:center;gap:22px}.linkish{border:0;background:none;font:inherit;font-weight:900;font-size:12.5px;letter-spacing:1.1px;color:var(--muted);cursor:pointer}.linkish:hover{color:var(--ink2)}.offer-page{max-width:720px;margin:40px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.offer-page .bigtile{width:84px;height:84px;border-radius:24px;background:var(--blue);box-shadow:0 6px 0 var(--blue-deep);display:flex;align-items:center;justify-content:center}.offer-page .bigtile svg{width:40px;height:40px;stroke:#fff}.offer-page h2{font-size:25px;margin:6px 0 0}.offer-page p{margin:0;color:var(--ink2);max-width:46ch}.lesson-player video{display:block;width:100%;border-radius:16px;background:#000;margin-bottom:8px}.lesson-player .ptop{margin-bottom:12px}.lesson-player h3{margin:0}.linky{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;font:inherit;font-weight:800;font-size:12.5px;color:var(--blue);cursor:pointer}.linky:hover{text-decoration:underline}.linky .icon{width:11px;height:11px}.vidgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.vidcard{font:inherit;text-align:left;cursor:pointer;background:var(--surface);border:2px solid var(--border);border-radius:18px;overflow:hidden;padding:0;color:var(--ink);display:flex;flex-direction:column}.vidcard:hover{border-color:var(--blue-edge)}.vidcard .thumb{height:96px;background:var(--page);display:flex;align-items:center;justify-content:center;position:relative}.vidcard .thumb .dur{position:absolute;right:9px;bottom:7px;background:var(--ink);color:var(--page);font-weight:800;font-size:11px;padding:2px 8px;border-radius:7px}.vidcard .thumb svg.play{width:38px;height:38px}.vidcard .vname{padding:11px 14px;display:flex;align-items:center;gap:9px;font-weight:800;font-size:13.5px;line-height:1.35}.vidcard .vname svg{width:16px;height:16px;flex:none}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.stack{display:grid;gap:16px;align-content:start}.flagcard{border-color:var(--orange)!important;margin-bottom:16px}.belowcard{border-color:var(--blue-edge)!important;margin-bottom:16px}.flagrow{font-size:13.5px;margin-bottom:4px}.chart{display:grid;gap:7px}.crow{display:grid;grid-template-columns:190px 1fr 52px;gap:10px;align-items:center;font-size:12.5px}.ctrack{height:14px;background:var(--m0);border-radius:7px;overflow:hidden}.ctrack i{display:block;height:100%;border-radius:7px}.legend{display:flex;gap:14px;font-size:11.5px;color:var(--ink2);margin:10px 0 12px;flex-wrap:wrap}.legend span{display:flex;gap:5px;align-items:center}.sw{width:11px;height:11px;border-radius:3px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:7px 9px;border-bottom:2px solid var(--grid);vertical-align:top}th{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.num{font-variant-numeric:tabular-nums;text-align:right}td code{font-family:ui-monospace,monospace;font-size:11px;color:var(--orange-deep)}.prose{max-width:900px}.prose p,.prose li{color:var(--ink2);max-width:78ch}.prose h3{margin:22px 0 8px}.note{border-left:3px solid var(--orange);padding-left:13px;color:var(--ink2);margin:14px 0}pre{background:var(--page);border:2px solid var(--border);border-radius:12px;padding:14px;overflow:auto;font-size:12px;line-height:1.5;font-family:ui-monospace,monospace;color:var(--ink2);white-space:pre-wrap}.picker-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.picker-head h2{font-size:23px;margin:0 0 6px}.picker-head p{margin:0;max-width:62ch;font-size:13.5px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px}.course-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;font:inherit;cursor:pointer;background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:15px 17px 13px;color:var(--ink);box-shadow:0 3px 0 var(--border);transition:border-color .12s ease,transform .12s ease}.course-card:hover{border-color:var(--axis);transform:translateY(-1px)}.course-card.cur{border-color:var(--green);background:var(--green-soft);box-shadow:0 3px 0 var(--green-edge)}.course-card .chead{display:flex;align-items:center;gap:10px}.course-card .ctile{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:13px;flex:none}.course-card .ctile.c0{background:var(--green);box-shadow:0 3px 0 var(--green-deep)}.course-card .ctile.c1{background:var(--blue);box-shadow:0 3px 0 var(--blue-deep)}.course-card .ctile.c2{background:var(--orange);box-shadow:0 3px 0 var(--orange-deep)}.course-card .ctile.c3{background:var(--purple);box-shadow:0 3px 0 var(--purple-deep)}.course-card .ctile.c4{background:var(--teal);box-shadow:0 3px 0 var(--teal-deep)}.course-card .grade{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.course-card h3{font-size:15.5px;margin:0}.course-card p{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.45;font-weight:700}.course-card .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.course-card .chip{font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--page);border:2px solid var(--border);color:var(--ink2)}.course-card .count{margin-top:6px;font-size:12px;font-weight:700;color:var(--muted)}.placement-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;font:inherit;font-weight:700;cursor:pointer;color:var(--purple-deep);background:var(--purple-soft);border:2px solid var(--purple-edge);border-radius:16px;padding:14px 18px;margin-bottom:16px;font-size:13.5px;line-height:1.45}.placement-cta:hover{border-color:var(--purple)}.placement-cta .go{white-space:nowrap;font-weight:900;letter-spacing:.8px;color:var(--purple)}.placement{max-width:760px;margin:0 auto}.ptop{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.ptop h2{margin-bottom:2px}.ptop p{margin:0;max-width:58ch}.pbar{height:13px;border-radius:999px;background:var(--m0);margin:16px 0 18px;overflow:hidden}.pbar i{display:block;height:100%;border-radius:999px;background:var(--purple);transition:width .18s ease}
