:root{--sk-scheme: light;--sk-bg: #f5f5f5;--sk-bg-image: none;--sk-bg-size: auto;--sk-surface: #ffffff;--sk-surface-2: #f8fafc;--sk-edge: #e2e8f0;--sk-edge-strong: #cbd5e1;--sk-ink: #1e293b;--sk-ink-2: #475569;--sk-muted: #94a3b8;--sk-primary: #4f46e5;--sk-primary-deep: #4338ca;--sk-primary-soft: #e0e7ff;--sk-primary-ink: #4338ca;--sk-on-primary: #ffffff;--sk-green: #10b981;--sk-green-deep: #059669;--sk-green-soft: #d1fae5;--sk-green-ink: #047857;--sk-blue: #3b82f6;--sk-blue-deep: #2563eb;--sk-blue-soft: #dbeafe;--sk-blue-ink: #1d4ed8;--sk-orange: #f97316;--sk-orange-deep: #ea580c;--sk-orange-soft: #ffedd5;--sk-orange-ink: #c2410c;--sk-purple: #8b5cf6;--sk-purple-deep: #7c3aed;--sk-purple-soft: #ede9fe;--sk-purple-ink: #6d28d9;--sk-red: #ef4444;--sk-red-deep: #dc2626;--sk-red-soft: #fee2e2;--sk-red-ink: #b91c1c;--sk-gold: #fbbf24;--sk-gold-deep: #d97706;--sk-gold-soft: #fef3c7;--sk-gold-ink: #b45309;--sk-teal: #14b8a6;--sk-teal-deep: #0d9488;--sk-teal-soft: #ccfbf1;--sk-teal-ink: #0f766e;--sk-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Arabic", system-ui, sans-serif;--sk-font-display: var(--sk-font-body);--sk-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sk-display-case: none;--sk-display-tracking: normal;--sk-radius-s: 8px;--sk-radius: 12px;--sk-radius-l: 16px;--sk-border-w: 1px;--sk-clip: none;--sk-press: 0px;--sk-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .1);--sk-shadow-pop: 0 10px 25px rgba(15, 23, 42, .12);--sk-glow: none}:root[data-skin=classic][data-theme=dark]{--sk-scheme: dark;--sk-bg: #0f172a;--sk-surface: #1e293b;--sk-surface-2: #273449;--sk-edge: #334155;--sk-edge-strong: #475569;--sk-ink: #f1f5f9;--sk-ink-2: #cbd5e1;--sk-muted: #94a3b8;--sk-primary: #6366f1;--sk-primary-deep: #4f46e5;--sk-primary-soft: rgba(99, 102, 241, .2);--sk-primary-ink: #a5b4fc;--sk-on-primary: #ffffff;--sk-green: #10b981;--sk-green-deep: #047857;--sk-green-soft: rgba(16, 185, 129, .18);--sk-green-ink: #6ee7b7;--sk-blue: #3b82f6;--sk-blue-deep: #1d4ed8;--sk-blue-soft: rgba(59, 130, 246, .18);--sk-blue-ink: #93c5fd;--sk-orange: #f97316;--sk-orange-deep: #c2410c;--sk-orange-soft: rgba(249, 115, 22, .18);--sk-orange-ink: #fdba74;--sk-purple: #8b5cf6;--sk-purple-deep: #6d28d9;--sk-purple-soft: rgba(139, 92, 246, .2);--sk-purple-ink: #c4b5fd;--sk-red: #ef4444;--sk-red-deep: #b91c1c;--sk-red-soft: rgba(239, 68, 68, .18);--sk-red-ink: #fca5a5;--sk-gold: #fbbf24;--sk-gold-deep: #b45309;--sk-gold-soft: rgba(251, 191, 36, .18);--sk-gold-ink: #fcd34d;--sk-teal: #14b8a6;--sk-teal-deep: #0f766e;--sk-teal-soft: rgba(20, 184, 166, .18);--sk-teal-ink: #5eead4;--sk-shadow: 0 1px 2px rgba(0, 0, 0, .3);--sk-shadow-pop: 0 10px 25px rgba(0, 0, 0, .45)}:root[data-skin=quest]{--sk-scheme: dark;--sk-bg: #0e1430;--sk-bg-image: radial-gradient(1200px 600px at 80% -10%, #263066 0%, #0e1430 55%);--sk-surface: #161d3d;--sk-surface-2: #1b2450;--sk-edge: rgba(255, 255, 255, .08);--sk-edge-strong: rgba(255, 255, 255, .16);--sk-ink: #e8ebf7;--sk-ink-2: #aab2d4;--sk-muted: #8d95b8;--sk-primary: #f0b64a;--sk-primary-deep: #c98a1b;--sk-primary-soft: rgba(240, 182, 74, .18);--sk-primary-ink: #ffd27a;--sk-on-primary: #2a1c05;--sk-green: #34d399;--sk-green-deep: #059669;--sk-green-soft: rgba(52, 211, 153, .18);--sk-green-ink: #6ee7b7;--sk-blue: #60a5fa;--sk-blue-deep: #2563eb;--sk-blue-soft: rgba(96, 165, 250, .18);--sk-blue-ink: #93c5fd;--sk-orange: #fb923c;--sk-orange-deep: #c2410c;--sk-orange-soft: rgba(251, 146, 60, .18);--sk-orange-ink: #fdba74;--sk-purple: #8b7cf6;--sk-purple-deep: #6d5bd0;--sk-purple-soft: rgba(139, 124, 246, .2);--sk-purple-ink: #b4a9fb;--sk-red: #ef6f8a;--sk-red-deep: #c2415d;--sk-red-soft: rgba(239, 111, 138, .2);--sk-red-ink: #f5a3b5;--sk-gold: #f0b64a;--sk-gold-deep: #c98a1b;--sk-gold-soft: rgba(240, 182, 74, .2);--sk-gold-ink: #ffd27a;--sk-teal: #38c6b0;--sk-teal-deep: #1f9c83;--sk-teal-soft: rgba(56, 198, 176, .2);--sk-teal-ink: #7ee0d0;--sk-font-body: "Nunito", "Noto Sans Arabic", "Trebuchet MS", "Segoe UI", sans-serif;--sk-font-display: "Sora", "Noto Sans Arabic", "Avenir Next", "Trebuchet MS", sans-serif;--sk-radius-s: 10px;--sk-radius: 14px;--sk-radius-l: 18px;--sk-shadow: none;--sk-shadow-pop: 0 12px 32px rgba(0, 0, 0, .45);--sk-glow: 0 6px 18px rgba(240, 182, 74, .35)}:root[data-skin=arcade]{--sk-scheme: dark;--sk-bg: #07090f;--sk-bg-image: linear-gradient(rgba(46, 230, 214, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 230, 214, .035) 1px, transparent 1px);--sk-bg-size: 40px 40px;--sk-surface: #0f1420;--sk-surface-2: #0a0e17;--sk-edge: #1d2536;--sk-edge-strong: #2b3650;--sk-ink: #e6f0ff;--sk-ink-2: #b7c2d9;--sk-muted: #7a8aa6;--sk-primary: #2ee6d6;--sk-primary-deep: #14a89c;--sk-primary-soft: rgba(46, 230, 214, .12);--sk-primary-ink: #8ffff3;--sk-on-primary: #04201d;--sk-green: #b6f542;--sk-green-deep: #7fb81f;--sk-green-soft: rgba(182, 245, 66, .14);--sk-green-ink: #d4fa8f;--sk-blue: #5ab8ff;--sk-blue-deep: #2f7fd1;--sk-blue-soft: rgba(90, 184, 255, .14);--sk-blue-ink: #a6d8ff;--sk-orange: #ff9c66;--sk-orange-deep: #d96a2f;--sk-orange-soft: rgba(255, 156, 102, .14);--sk-orange-ink: #ffc3a3;--sk-purple: #c084fc;--sk-purple-deep: #9153d6;--sk-purple-soft: rgba(192, 132, 252, .14);--sk-purple-ink: #dcb8fe;--sk-red: #ff4fa3;--sk-red-deep: #d42a7c;--sk-red-soft: rgba(255, 79, 163, .14);--sk-red-ink: #ff9fcb;--sk-gold: #ffd84a;--sk-gold-deep: #c9a410;--sk-gold-soft: rgba(255, 216, 74, .14);--sk-gold-ink: #ffe98f;--sk-teal: #2ee6d6;--sk-teal-deep: #14a89c;--sk-teal-soft: rgba(46, 230, 214, .12);--sk-teal-ink: #8ffff3;--sk-font-body: "Space Grotesk", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--sk-font-display: "Chakra Petch", "Noto Sans Arabic", "Space Grotesk", system-ui, sans-serif;--sk-display-case: uppercase;--sk-display-tracking: .08em;--sk-radius-s: 2px;--sk-radius: 4px;--sk-radius-l: 6px;--sk-clip: polygon(10px 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100%, 0 10px);--sk-shadow: none;--sk-shadow-pop: 0 0 0 1px #1d2536, 0 16px 40px rgba(0, 0, 0, .6);--sk-glow: 0 0 24px rgba(46, 230, 214, .45)}:root[data-skin=playground]{--sk-scheme: light;--sk-bg: #fbf7ef;--sk-surface: #ffffff;--sk-surface-2: #f6f0e3;--sk-edge: #ebe3d3;--sk-edge-strong: #d9d2c1;--sk-ink: #2b2a3d;--sk-ink-2: #5c5a72;--sk-muted: #8a8672;--sk-primary: #ff6b57;--sk-primary-deep: #c9432f;--sk-primary-soft: #fff1ee;--sk-primary-ink: #c9432f;--sk-on-primary: #ffffff;--sk-green: #35c98d;--sk-green-deep: #23926a;--sk-green-soft: #e9f9f1;--sk-green-ink: #1f7d5b;--sk-blue: #4aa8ff;--sk-blue-deep: #2f7fd1;--sk-blue-soft: #eaf3ff;--sk-blue-ink: #2a70b8;--sk-orange: #ff9a3c;--sk-orange-deep: #d0701a;--sk-orange-soft: #fff3e6;--sk-orange-ink: #b35f12;--sk-purple: #9b6bff;--sk-purple-deep: #7a4fe0;--sk-purple-soft: #f3edff;--sk-purple-ink: #6a41cc;--sk-red: #f0506e;--sk-red-deep: #c0304d;--sk-red-soft: #ffeef1;--sk-red-ink: #b02a45;--sk-gold: #ffc531;--sk-gold-deep: #c7920a;--sk-gold-soft: #fff8e6;--sk-gold-ink: #946c05;--sk-teal: #2cc5b5;--sk-teal-deep: #1c9488;--sk-teal-soft: #e6f8f6;--sk-teal-ink: #177a70;--sk-font-body: "Nunito", "Noto Sans Arabic", "Trebuchet MS", "Segoe UI", sans-serif;--sk-font-display: "Baloo 2", "Baloo Bhaijaan 2", "Nunito", "Trebuchet MS", sans-serif;--sk-radius-s: 12px;--sk-radius: 16px;--sk-radius-l: 22px;--sk-border-w: 2px;--sk-press: 5px;--sk-shadow: 0 6px 0 #ebe3d3;--sk-shadow-pop: 0 10px 0 #ebe3d3, 0 18px 40px rgba(43, 42, 61, .12)}:root[lang=ar]{--sk-display-case: none;--sk-display-tracking: normal}html{color-scheme:var(--sk-scheme);background-color:var(--sk-bg);background-image:var(--sk-bg-image);background-size:var(--sk-bg-size);background-attachment:fixed}:root{--page: var(--sk-bg);--surface: var(--sk-surface);--surface2: var(--sk-surface-2);--ink: var(--sk-ink);--ink2: var(--sk-ink-2);--muted: var(--sk-muted);--grid: var(--sk-edge);--axis: var(--sk-edge-strong);--border: var(--sk-edge);--on-hue: var(--sk-on-primary);--green: var(--sk-green);--green-deep: var(--sk-green-deep);--green-soft: var(--sk-green-soft);--green-ink: var(--sk-green-ink);--green-edge: color-mix(in srgb, var(--sk-green) 45%, var(--sk-surface));--blue: var(--sk-blue);--blue-deep: var(--sk-blue-deep);--blue-soft: var(--sk-blue-soft);--blue-ink: var(--sk-blue-ink);--blue-edge: color-mix(in srgb, var(--sk-blue) 45%, var(--sk-surface));--orange: var(--sk-orange);--orange-deep: var(--sk-orange-deep);--orange-soft: var(--sk-orange-soft);--orange-ink: var(--sk-orange-ink);--orange-edge: color-mix(in srgb, var(--sk-orange) 45%, var(--sk-surface));--purple: var(--sk-purple);--purple-deep: var(--sk-purple-deep);--purple-soft: var(--sk-purple-soft);--purple-ink: var(--sk-purple-ink);--purple-edge: color-mix(in srgb, var(--sk-purple) 45%, var(--sk-surface));--teal: var(--sk-teal);--teal-deep: var(--sk-teal-deep);--red: var(--sk-red);--red-deep: var(--sk-red-deep);--red-soft: var(--sk-red-soft);--red-ink: var(--sk-red-ink);--red-edge: color-mix(in srgb, var(--sk-red) 45%, var(--sk-surface));--gold: var(--sk-gold);--gold-soft: var(--sk-gold-soft);--gold-ink: var(--sk-gold-ink);--slate: var(--sk-muted);--slate-deep: var(--sk-ink-2);--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(--sk-ink);--vz-muted: var(--sk-ink-2);--vz-axis: color-mix(in srgb, var(--sk-ink) 38%, var(--sk-surface));--vz-grid: color-mix(in srgb, var(--sk-ink) 10%, var(--sk-surface));--vz-s1: var(--sk-blue);--vz-s2: var(--sk-orange);--vz-s3: var(--sk-teal);--vz-s4: var(--sk-purple);--vz-good: var(--sk-green);--vz-bad: var(--sk-red);--vz-surface: var(--sk-surface);--vz-on-fill: var(--sk-ink);--eyebrow-track: .08em;--app-accent: #2bb58f;--app-accent-soft: color-mix(in srgb, #2bb58f 18%, var(--sk-surface));--app-accent-deep: #1d8a6b}:root[data-theme=dark]{--vz-on-fill: var(--sk-bg)}*{box-sizing:border-box}body{margin:0;background:transparent;color:var(--ink);font:500 15px/1.55 var(--sk-font-body)}h1,h2,h3,h4{font-weight:800}h1,h2,h3,h4,.primary,.ghost,.navitem,.hint-btn,.linkish,.pill,.start-pill,.big{font-family:var(--sk-font-display);text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}:root:not([lang=ar]) :is(.kicker,.domain-head,.cap,th,.course-card .grade,.home-banner .kick,.start-pill){text-transform:uppercase;letter-spacing:var(--eyebrow-track)}b{font-weight:800}code,pre{font-family:var(--sk-font-mono)}:where(button,a,[tabindex]):focus-visible{outline:3px solid var(--sk-primary);outline-offset:2px}:is(.card,.opt,.course-card,.vidcard,.placement-cta):focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--sk-primary)}[dir=rtl] .icon-directional{display:inline-block;transform:scaleX(-1)}.ltr,.vis,svg.viz{direction:ltr;unicode-bidi:isolate}header{background:var(--surface);border-block-end:var(--sk-border-w) solid var(--border);padding:10px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}header h1{font-size:22px;margin:0;color:var(--sk-primary-ink)}.tabs{display:flex;gap:4px;margin-inline-start:10px;flex-wrap:wrap}.navitem{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;padding-block:6px;padding-inline:7px 12px;border-radius:var(--sk-radius);border:var(--sk-border-w) solid transparent;background:transparent;color:var(--ink2);cursor:pointer}.navitem .tile{width:34px;height:34px;border-radius:var(--sk-radius-s);display:flex;align-items:center;justify-content:center;flex:none}.navitem .tile svg{width:19px;height:19px;stroke:var(--on-hue)}.navitem .tile.brand{background:var(--sk-primary);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--sk-primary-deep)}.navitem .tile.brand svg{stroke:var(--sk-on-primary)}.navitem .tile.blue{background:var(--blue);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--blue-deep)}.navitem .tile.purple{background:var(--purple);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--purple-deep)}.navitem .tile.slate{background:var(--slate);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--slate-deep)}.navitem[aria-selected=true].brand-nav{background:var(--sk-primary-soft);border-color:var(--sk-primary);color:var(--sk-primary-ink)}.navitem[aria-selected=true].blue-nav{background:var(--blue-soft);border-color:var(--blue-edge);color:var(--blue-ink)}.navitem[aria-selected=true].slate-nav{background:var(--surface2);border-color:var(--axis);color:var(--ink)}.navitem[aria-selected=true].purple-nav{background:var(--purple-soft);border-color:var(--purple-edge);color:var(--purple-ink)}.streak-chip{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;color:var(--orange-ink)}.streak-chip svg{width:18px;height:18px;color:var(--orange)}.spacer{margin-inline-start:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ghost,.primary{font-size:14px;cursor:pointer;border-radius:var(--sk-radius);font-weight:800}.ghost{font-size:13px;padding:7px 13px;border:var(--sk-border-w) solid var(--axis);background:var(--surface);color:var(--ink2);box-shadow:0 calc(var(--sk-press) * .4) 0 var(--axis)}.ghost:hover{border-color:var(--sk-primary);color:var(--ink)}.ghost:active{transform:translateY(2px);box-shadow:none}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:0;background:var(--sk-primary);color:var(--sk-on-primary);box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep),var(--sk-glow);clip-path:var(--sk-clip)}.primary:hover{filter:brightness(1.05)}.primary:active{transform:translateY(3px);box-shadow:0 calc(var(--sk-press) * .2) 0 var(--sk-primary-deep)}.primary:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--sk-on-primary),0 var(--sk-press) 0 var(--sk-primary-deep)}.primary:disabled{background:var(--surface2);color:var(--muted);box-shadow:inset 0 0 0 var(--sk-border-w) var(--axis),0 var(--sk-press) 0 var(--axis);cursor:default;filter:none;transform:none}.primary.orange{background:var(--orange);color:var(--on-hue);box-shadow:0 var(--sk-press) 0 var(--orange-deep)}.primary.red{background:var(--red);color:var(--on-hue);box-shadow:0 var(--sk-press) 0 var(--red-deep)}.primary.orange:active,.primary.red:active{box-shadow:none}.pill{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;border:var(--sk-border-w) solid var(--border);color:var(--ink2);background:var(--surface2)}.course-pill{cursor:pointer;font-size:13px;color:var(--ink);background:var(--surface);border-color:var(--axis)}.course-pill:hover{border-color:var(--sk-primary);color:var(--sk-primary-ink)}main{max-width:1180px;margin:0 auto;padding:22px 24px 60px}.muted{color:var(--ink2)}.small{font-size:12.5px}.ok{color:var(--green-ink)}.bad{color:var(--red-ink)}header h1 .brand-icon{width:24px;height:24px;vertical-align:-4px;color:var(--app-accent)}.card{background:var(--surface);border:var(--sk-border-w) solid var(--sk-edge);border-radius:var(--sk-radius-l);box-shadow:var(--sk-shadow);clip-path:var(--sk-clip);padding:20px 22px}.card h2{font-size:21px;margin:0 0 8px}.card h3{font-size:15.5px;margin:0 0 8px}.card p{margin:0 0 10px}.stack{display:grid;gap:16px;max-width:900px;margin:0 auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-block-start:8px}.kicker{font-size:12px;font-weight:800;color:var(--sk-primary-ink);margin:0 0 4px}.lead{font-size:16.5px;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.points{margin:6px 0 10px;padding-inline-start:20px;display:grid;gap:6px}.numbered{display:grid;gap:6px;padding-inline-start:22px}.mini-steps{padding-inline-start:22px;display:grid;gap:4px;color:var(--ink2)}.error{color:var(--red-ink);background:var(--red-soft);border:var(--sk-border-w) solid var(--red-edge);border-radius:var(--sk-radius);padding:8px 12px}.primary.light{background:var(--sk-on-primary);color:var(--sk-primary-ink);box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep)}.small-btn{padding:3px 8px;font-size:12px;box-shadow:none}.pill.tiny{font-size:10px;padding:1px 7px;margin-inline-start:8px;vertical-align:2px}.save-status{font-size:12px;font-weight:700;color:var(--muted);min-width:4em}.save-status.saved{color:var(--green-ink)}.save-status.error{color:var(--orange-ink)}.field{display:grid;gap:6px;margin-block-end:14px}.field>label,fieldset legend,.composer>label,.add-own label{font-weight:700;color:var(--ink)}.hint{margin:0;font-size:12.5px;color:var(--ink2)}.hint.count{text-align:end}textarea,input[type=text],select{font:inherit;font-weight:500;color:var(--ink);background:var(--surface2);border:var(--sk-border-w) solid var(--axis);border-radius:var(--sk-radius);padding:9px 11px;width:100%;min-width:0}textarea{resize:vertical;line-height:1.5}:is(textarea,input,select):focus-visible{outline:3px solid var(--sk-primary);outline-offset:1px;border-color:var(--sk-primary)}input[type=checkbox],input[type=radio]{accent-color:var(--sk-primary);width:18px;height:18px}fieldset{border:0;margin:0;padding:0}fieldset legend{margin-block-end:8px;padding:0}.check-line{display:flex;gap:10px;align-items:flex-start;padding:7px 0;cursor:pointer}.check-line input{margin-top:3px;flex:none}.step-foot{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 18px;border-radius:var(--sk-radius-l);border:var(--sk-border-w) dashed var(--axis);background:var(--surface2)}.step-foot p{margin:0;color:var(--ink2);font-weight:600}.step-foot.is-done{border-style:solid;border-color:var(--green-edge);background:var(--green-soft)}.step-foot.is-done p{color:var(--green-ink)}.crumbs{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto 14px;flex-wrap:wrap}.crumbs .ghost{display:inline-flex;gap:6px;align-items:center}.crumbs .icon{width:16px;height:16px}.crumbs [aria-current]{font-weight:800}.home{max-width:820px;margin:0 auto}.home-banner{background:var(--sk-primary);border-radius:var(--sk-radius-l);clip-path:var(--sk-clip);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep),var(--sk-glow);margin-block-end:14px}.home-banner .kick{color:color-mix(in srgb,var(--sk-on-primary) 80%,transparent);font-weight:800;font-size:12px}.home-banner h2{color:var(--sk-on-primary);font-size:22px;margin:2px 0 0}.banner-side{display:flex;gap:12px;align-items:center}.home-banner .pill{background:var(--sk-primary-deep);border-color:var(--sk-primary-deep);color:var(--sk-on-primary);font-size:13px;padding:7px 13px}.stepper{list-style:none;margin:0;padding:0;display:grid;gap:4px;position:relative}.step-btn{display:flex;align-items:center;gap:16px;width:100%;text-align:start;font:inherit;color:inherit;background:none;border:0;padding:8px 10px;border-radius:var(--sk-radius-l);cursor:pointer}.step-btn:hover:not(:disabled){background:var(--surface2)}.step-btn:disabled{cursor:not-allowed}.step-row .node{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:var(--surface2);border:var(--sk-border-w) solid var(--axis);color:var(--ink2);box-shadow:0 var(--sk-press) 0 var(--axis);font-weight:800;font-family:var(--sk-font-display)}.step-row .node .icon{width:22px;height:22px}.step-row.completed .node{background:var(--green);border-color:var(--green-deep);color:var(--on-hue);box-shadow:0 var(--sk-press) 0 var(--green-deep)}.step-row.started .node{background:var(--blue);border-color:var(--blue-deep);color:var(--on-hue);box-shadow:0 var(--sk-press) 0 var(--blue-deep)}.step-row.cur .node{width:62px;height:62px;background:var(--sk-primary);color:var(--sk-on-primary);border:5px solid color-mix(in srgb,var(--sk-primary) 35%,var(--sk-surface));box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep),var(--sk-glow)}.step-row.locked{opacity:.62}.step-row .label{display:grid;gap:2px}.step-row .title{font-weight:800;font-size:15.5px}.step-row .sub{font-size:13px;color:var(--ink2)}.step-row .state{font-size:12px;font-weight:700;color:var(--muted)}.step-row.completed .state{color:var(--green-ink)}.step-row.started .state{color:var(--blue-ink)}.course-pick .choices{display:flex;gap:12px;flex-wrap:wrap}.choice{display:grid;gap:2px;text-align:start;font:inherit;color:var(--ink);padding:14px 18px;min-width:200px;border-radius:var(--sk-radius);border:var(--sk-border-w) solid var(--axis);background:var(--surface);box-shadow:0 var(--sk-press) 0 var(--axis);cursor:pointer}.choice span{color:var(--ink2);font-size:13px}.choice.sel{border-color:var(--sk-primary);background:var(--sk-primary-soft);box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep)}.pager{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dots{display:flex;gap:5px;list-style:none;margin:0;padding:0;flex-wrap:wrap;flex:1;justify-content:center}.dot{width:22px;height:22px;border-radius:50%;border:var(--sk-border-w) solid var(--axis);background:var(--surface2);cursor:pointer;padding:0}.dot.seen{background:var(--green-soft);border-color:var(--green-edge)}.dot.cur{background:var(--sk-primary);border-color:var(--sk-primary-deep)}.lesson-page .lead{font-weight:600}.callout{background:var(--gold-soft);color:var(--gold-ink);border-radius:var(--sk-radius);padding:10px 14px;font-weight:600}.source{font-size:12.5px;color:var(--ink2);font-style:italic}.coach-note{margin-top:16px;border-inline-start:4px solid var(--app-accent);background:var(--app-accent-soft);border-radius:var(--sk-radius);padding:12px 16px}.coach-note h3{font-size:13px;margin:0 0 4px;color:var(--ink)}.coach-note p{margin:0}.stat-big{display:flex;gap:18px;align-items:center;margin:10px 0}.stat-big .value,.figure .value{font-family:var(--sk-font-display);font-weight:800;font-size:46px;color:var(--sk-primary-ink);line-height:1}.figures{display:flex;gap:24px;flex-wrap:wrap;margin:8px 0 12px}.figure{display:grid;gap:4px}.compare,.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:10px 0}.compare-card,.mini-card{border:var(--sk-border-w) solid var(--border);border-radius:var(--sk-radius);padding:12px 14px;background:var(--surface2)}.compare-card h4,.mini-card h4{margin:0 0 6px}.compare-card.goal{border-color:var(--green-edge);background:var(--green-soft)}.compare-card .quote{font-weight:700}.tests{list-style:none;padding:0;display:grid;gap:10px}.tests li{display:flex;gap:12px;align-items:flex-start}.tests .n{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sk-primary);color:var(--sk-on-primary);font-weight:800}.weak-strong{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:10px 0}.weak-strong>div{border-radius:var(--sk-radius);padding:12px 14px;border:var(--sk-border-w) solid}.weak-strong .weak{border-color:var(--orange-edge);background:var(--orange-soft)}.weak-strong .strong{border-color:var(--green-edge);background:var(--green-soft)}.weak-strong .tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.weak-strong p{margin:6px 0 0}.checks .ok-pill,.ok-pill{margin-inline-end:6px;color:var(--green-ink);border-color:var(--green-edge)}.lesson-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lbar{display:flex;align-items:center;gap:14px;margin-block-end:12px}.lbar .track{flex:1;height:12px;border-radius:999px;background:var(--grid);overflow:hidden}.lbar .track i{display:block;height:100%;background:var(--sk-primary);transition:width .25s ease}.opts{display:grid;gap:10px;margin:12px 0}.opt{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;text-align:start;font:inherit;font-weight:700;padding:12px 14px;border-radius:var(--sk-radius);cursor:pointer;border:var(--sk-border-w) solid var(--axis);background:var(--surface);color:var(--ink);box-shadow:0 var(--sk-press) 0 var(--axis)}.opt .k{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:var(--sk-border-w) solid var(--axis);font-size:13px}.opt:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--sk-primary)}.opt.sel{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-ink)}.opt.right{border-color:var(--green);background:var(--green-soft);color:var(--green-ink)}.opt.wrong{border-color:var(--red);background:var(--red-soft);color:var(--red-ink)}.opt.fade{opacity:.55}.opt:disabled{cursor:default}.fb{border-radius:var(--sk-radius);padding:10px 14px;margin-block-end:10px}.fb h4{margin:0 0 4px;display:flex;gap:6px;align-items:center}.fb .icon{width:18px;height:18px}.fb.ok{background:var(--green-soft);color:var(--green-ink)}.fb.no{background:var(--red-soft);color:var(--red-ink)}.fb p{margin:0;color:var(--ink)}.interview{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;max-width:1040px;margin:0 auto;align-items:start}.sections ol{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:13.5px}.sections li{color:var(--ink2)}.sections li.explored{color:var(--green-ink);font-weight:700}.sections li.cur{color:var(--sk-primary-ink);font-weight:800}.chat{display:grid;gap:12px}.chat-log{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:58vh;overflow-y:auto;padding-inline-end:4px}.bubble{max-width:82%;padding:10px 14px;border-radius:16px;border:var(--sk-border-w) solid var(--border)}.bubble p{margin:2px 0 0;white-space:pre-wrap}.bubble .who{font-size:11.5px;font-weight:800;color:var(--ink2)}.bubble.interviewer{background:var(--app-accent-soft);border-color:color-mix(in srgb,var(--app-accent) 45%,var(--sk-surface));border-end-start-radius:4px}.bubble.student{justify-self:end;background:var(--blue-soft);border-color:var(--blue-edge);border-end-end-radius:4px}.thinking .dots{display:inline-flex;gap:4px}.thinking .dots i{width:7px;height:7px;border-radius:50%;background:var(--ink2);animation:blink 1.2s infinite ease-in-out}.thinking .dots i:nth-child(2){animation-delay:.2s}.thinking .dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion: reduce){.thinking .dots i{animation:none}}.composer{display:grid;gap:6px}.safety-note{background:var(--gold-soft);color:var(--gold-ink);border:var(--sk-border-w) solid var(--gold);border-radius:var(--sk-radius);padding:12px 16px;font-weight:600}.safety-note p{margin:0 0 6px}.status-card .pill{font-size:13px}.status-completed{color:var(--green-ink);border-color:var(--green-edge)}@media (max-width: 760px){.interview{grid-template-columns:1fr}.bubble{max-width:92%}}.table-wrap{overflow-x:auto}table.energy{width:100%;border-collapse:collapse}table.energy th{text-align:start;font-size:12.5px;padding:6px;vertical-align:bottom}table.energy td{padding:5px 6px;border-block-start:1px solid var(--grid);vertical-align:middle}table.energy td:first-child{width:30px;text-align:center;font-weight:800;color:var(--ink2)}table.energy tr.hh td{background:var(--app-accent-soft)}table.energy tr.hh td:first-child{color:var(--app-accent-deep);font-size:18px}.rating{display:flex;gap:3px}.rating label{position:relative;cursor:pointer}.rating input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.rating span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;border:var(--sk-border-w) solid var(--axis);background:var(--surface);font-weight:800;font-size:13px}.rating label.on span{background:var(--sk-primary);border-color:var(--sk-primary-deep);color:var(--sk-on-primary)}.rating input:focus-visible+span{outline:3px solid var(--sk-primary);outline-offset:1px}.purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.purpose-col ul{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:8px}.purpose-item{border-radius:var(--sk-radius);padding:6px;border:var(--sk-border-w) solid transparent}.purpose-item.ov2{background:var(--app-accent-soft);border-color:color-mix(in srgb,var(--app-accent) 70%,var(--sk-surface))}.purpose-item.ov3{background:color-mix(in srgb,var(--app-accent) 32%,var(--sk-surface));border-color:var(--app-accent)}.item-line{display:flex;gap:6px}.also{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:5px}.chip{font:inherit;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;border:var(--sk-border-w) solid var(--axis);background:var(--surface);color:var(--ink2);cursor:pointer}.chip.on{background:var(--app-accent);border-color:var(--app-accent-deep);color:#06281e}.overlaps{list-style:none;padding:0;display:grid;gap:6px}.overlaps li{padding:6px 10px;border-radius:var(--sk-radius);background:var(--app-accent-soft)}.overlaps li.ov3{background:color-mix(in srgb,var(--app-accent) 32%,var(--sk-surface))}.value-tray{display:flex;flex-wrap:wrap;gap:8px;min-height:44px}.value-card{font:inherit;font-weight:700;font-size:14px;padding:8px 14px;border-radius:var(--sk-radius);border:var(--sk-border-w) solid var(--axis);background:var(--surface);color:var(--ink);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--axis);cursor:grab;touch-action:manipulation}.value-card.own{border-style:dashed}.value-card.picked{border-color:var(--sk-primary);background:var(--sk-primary-soft);color:var(--sk-primary-ink);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--sk-primary-deep)}.add-own{margin-top:14px}.add-own input{max-width:220px}.piles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.pile.target{outline:2px dashed var(--sk-primary);outline-offset:-6px}.pile.essential h3{color:var(--green-ink)}.pile-btn{width:100%;margin-block-end:10px;font-size:13px;padding:8px 12px}.pile-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.pile-list li{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.top-list{list-style:none;padding:0;display:grid;gap:6px}.top-list li{display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:var(--sk-radius);background:var(--green-soft)}.top-list .rank{font-weight:800;width:22px;color:var(--green-ink)}.top-list .name{flex:1;font-weight:700}.goal-checks ul{list-style:none;padding:0;display:grid;gap:8px;margin:10px 0 6px}.check{display:grid;gap:3px;padding:8px 12px;border-radius:var(--sk-radius);border-inline-start:4px solid var(--axis);background:var(--surface2)}.check.pass{border-color:var(--green)}.check.needs-work{border-color:var(--orange)}.result-pass{color:var(--green-ink);border-color:var(--green-edge)}.result-needs-work{color:var(--orange-ink);border-color:var(--orange-edge)}.funnel{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.funnel .level{border-inline-start:5px solid var(--app-accent);padding-inline-start:12px}.funnel .l1{margin-inline:3%}.funnel .l2{margin-inline:6%}.funnel .l3{margin-inline:9%}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 14px}.callout-card{background:var(--gold-soft);border-color:var(--gold)}.callout-card h3,.callout-card p{color:var(--gold-ink)}.profile h3{margin-top:14px}.host-splash{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.1rem;color:var(--ink2)}.host-banner{padding:10px 16px;background:var(--gold-soft);color:var(--gold-ink);border-block-end:var(--sk-border-w) solid var(--gold);font-size:.9rem}.host-banner a{color:inherit;font-weight:700;margin-inline-start:6px}.step-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.step-banner .pill{cursor:pointer}.student-pill{opacity:.85}.back-pill{font-weight:700;cursor:pointer}@media (max-width: 640px){.purpose-grid{grid-template-columns:1fr}}@media (max-width: 520px){header{padding:10px 14px;gap:10px}main{padding:16px 12px 48px}.card{padding:16px}.step-row .node{width:44px;height:44px}.step-row.cur .node{width:52px;height:52px}.rating span{width:26px;height:26px}.funnel .level{margin-inline:0!important}}table.energy td:nth-child(2){min-width:220px;width:40%}.foot-wrap{margin-top:16px}