: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{--ground: var(--sk-bg);--surface: var(--sk-surface);--surface-2: var(--sk-surface-2);--ink: var(--sk-ink);--ink2: var(--sk-ink-2);--muted: var(--sk-muted);--line: var(--sk-edge);--line-2: var(--sk-edge-strong);--primary: var(--sk-primary);--primary-d: var(--sk-primary-deep);--primary-l: var(--sk-primary-soft);--primary-ink: var(--sk-primary-ink);--on-primary: var(--sk-on-primary);--gray: color-mix(in srgb, var(--sk-muted) 28%, transparent);--gray-ink: color-mix(in srgb, var(--sk-ink-2) 70%, var(--sk-muted));--radius: var(--sk-radius-l);--radius-s: var(--sk-radius);--radius-xs: var(--sk-radius-s)}.tile-green,.hue-green{--hue: var(--sk-green);--hue-d: var(--sk-green-deep);--hue-l: var(--sk-green-soft);--hue-ink: var(--sk-green-ink)}.tile-blue,.hue-blue{--hue: var(--sk-blue);--hue-d: var(--sk-blue-deep);--hue-l: var(--sk-blue-soft);--hue-ink: var(--sk-blue-ink)}.tile-orange,.hue-orange{--hue: var(--sk-orange);--hue-d: var(--sk-orange-deep);--hue-l: var(--sk-orange-soft);--hue-ink: var(--sk-orange-ink)}.tile-purple,.hue-purple{--hue: var(--sk-purple);--hue-d: var(--sk-purple-deep);--hue-l: var(--sk-purple-soft);--hue-ink: var(--sk-purple-ink)}.tile-red,.hue-red{--hue: var(--sk-red);--hue-d: var(--sk-red-deep);--hue-l: var(--sk-red-soft);--hue-ink: var(--sk-red-ink)}.tile-gold,.hue-gold{--hue: var(--sk-gold);--hue-d: var(--sk-gold-deep);--hue-l: var(--sk-gold-soft);--hue-ink: var(--sk-gold-ink)}.tile-teal,.hue-teal{--hue: var(--sk-teal);--hue-d: var(--sk-teal-deep);--hue-l: var(--sk-teal-soft);--hue-ink: var(--sk-teal-ink)}.tile-gray,.hue-gray{--hue: var(--sk-muted);--hue-d: var(--sk-edge-strong);--hue-l: var(--gray);--hue-ink: var(--gray-ink)}*{box-sizing:border-box}html,body{margin:0}body{background:transparent;color:var(--ink);font:16px/1.5 var(--sk-font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:var(--sk-font-display);font-weight:700;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}p{margin:0}button{font:inherit;color:inherit}a{color:var(--primary-ink)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.display{font-family:var(--sk-font-display);text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.icon-directional{display:inline-block}[dir=rtl] .icon-directional{transform:scaleX(-1)}.btn{--btn-edge: transparent;--ring: var(--primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-s);border:var(--sk-border-w) solid transparent;box-shadow:0 var(--sk-press) 0 var(--btn-edge);clip-path:var(--sk-clip);font-family:var(--sk-font-display);font-weight:700;font-size:14px;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking);cursor:pointer;transition:transform .05s ease,filter .1s ease;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(calc(var(--sk-press) / 2));box-shadow:0 calc(var(--sk-press) / 2) 0 var(--btn-edge)}.btn:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--ring),0 var(--sk-press) 0 var(--btn-edge)}.btn:disabled{--btn-edge: var(--line-2);cursor:default;background:var(--gray);border-color:transparent;color:var(--gray-ink)}.btn-primary{--btn-edge: var(--primary-d);--ring: var(--on-primary);background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:not(:disabled){box-shadow:0 var(--sk-press) 0 var(--btn-edge),var(--sk-glow)}.btn-blue{--btn-edge: var(--sk-blue-deep);background:var(--sk-blue-soft);border-color:color-mix(in srgb,var(--sk-blue) 45%,transparent);color:var(--sk-blue-ink)}.btn-ghost{--btn-edge: var(--line-2);background:var(--surface);border-color:var(--line);color:var(--primary-ink)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);filter:none}.btn-sm{padding:8px 14px;font-size:12.5px}.btn-block{width:100%}.linky{border:0;background:none;padding:0;font-family:var(--sk-font-display);font-weight:700;font-size:13px;color:var(--primary-ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.linky:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:232px minmax(0,1fr) 320px;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-inline-end:var(--sk-border-w) solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding-block:6px 18px;padding-inline:10px}.brand-mark{width:36px;height:36px;border-radius:var(--radius-xs);background:var(--primary);box-shadow:0 var(--sk-press) 0 var(--primary-d),var(--sk-glow);display:grid;place-items:center;color:var(--on-primary);font-family:var(--sk-font-display);font-weight:800;font-size:18px}.brand-name{font-family:var(--sk-font-display);font-weight:800;font-size:20px;color:var(--primary-ink);text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:var(--radius-s);border:var(--sk-border-w) solid transparent;background:none;cursor:pointer;text-align:start;width:100%}.nav-item:hover{background:var(--surface-2)}.nav-item[aria-current=page]{background:var(--primary-l);border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.tile{width:40px;height:40px;border-radius:var(--radius-xs);display:grid;place-items:center;flex:none;background:var(--hue-l, var(--gray));color:var(--hue-ink, var(--gray-ink));box-shadow:inset 0 0 0 var(--sk-border-w) color-mix(in srgb,var(--hue, var(--sk-muted)) 35%,transparent),0 calc(var(--sk-press) * .6) 0 var(--hue-d, var(--line-2));font-family:var(--sk-font-display)}.tile svg{width:22px;height:22px}.tile-xs{width:28px;height:28px}.nav-label{font-family:var(--sk-font-display);font-weight:700;font-size:14px;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking);color:var(--ink2)}.nav-item[aria-current=page] .nav-label{color:var(--primary-ink)}.nav-item .sub{display:block;font-family:var(--sk-font-body);font-size:11.5px;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--muted)}.sidebar .spacer{flex:1}.main{padding-block:28px 80px;padding-inline:32px;min-width:0}.main-narrow{max-width:640px;margin-inline:auto}.main-wide{max-width:960px;margin-inline:auto}.rail{padding-block:28px 40px;padding-inline:0 24px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow:auto}@media (max-width: 1100px){.shell{grid-template-columns:88px minmax(0,1fr) 300px}.nav-label,.brand-name{display:none}}@media (max-width: 860px){.shell{grid-template-columns:88px minmax(0,1fr)}.rail{display:none}}.card{background:var(--surface);border:var(--sk-border-w) solid var(--line);border-radius:var(--radius);box-shadow:var(--sk-shadow);clip-path:var(--sk-clip);padding:18px 20px}.card h3{font-size:17px;margin-bottom:10px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card-head h3{margin:0}.card-warn{border-color:color-mix(in srgb,var(--sk-orange) 55%,transparent);margin-bottom:16px}.muted{color:var(--ink2)}.small{font-size:13px}.tiny{font-family:var(--sk-font-display);font-size:11.5px;font-weight:700;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking);color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--sk-font-display);font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:var(--sk-border-w) solid var(--line);color:var(--ink2);text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.pill.ok{background:var(--sk-green-soft);border-color:color-mix(in srgb,var(--sk-green) 45%,transparent);color:var(--sk-green-ink)}.pill.warn{background:var(--sk-orange-soft);border-color:color-mix(in srgb,var(--sk-orange) 45%,transparent);color:var(--sk-orange-ink)}.content-note{margin:6px 0 0;padding-inline-start:10px;border-inline-start:3px solid var(--sk-orange)}.lang-badge{display:inline-block;margin-inline-start:6px;padding:0 5px;border-radius:4px;font-size:10px;font-weight:700;vertical-align:middle;background:var(--surface-2);border:var(--sk-border-w) solid var(--line);color:var(--ink2)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.push-end{margin-inline-start:auto}.gap-above-s{margin-top:8px}.gap-above{margin-top:14px}.gap-above-l{margin-top:18px}.gap-below-s{margin-bottom:8px}.gap-below{margin-bottom:12px}.note-after{margin-top:10px}.stuck-row{margin-top:6px}.quiz-intro{max-width:48ch}.goal-ring{position:relative;width:120px;height:120px;flex:none}.goal-ring svg{width:100%;height:100%;transform:rotate(-90deg)}[dir=rtl] .goal-ring svg{transform:scaleX(-1) rotate(-90deg)}.goal-ring .track{fill:none;stroke:var(--gray);stroke-width:12}.goal-ring .fill{fill:none;stroke:var(--sk-orange);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.goal-ring.done .fill{stroke:var(--sk-green)}.goal-ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.goal-ring .center b{font-family:var(--sk-font-display);font-size:26px;line-height:1;font-weight:800}.goal-ring .center span{font-family:var(--sk-font-display);font-size:11px;font-weight:700;color:var(--muted);text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.daily{display:flex;gap:16px;align-items:center}.daily-stats{display:grid;gap:6px;min-width:0}.streak{display:flex;align-items:center;gap:8px;font-family:var(--sk-font-display);font-weight:800;font-size:18px;color:var(--sk-orange-ink)}.streak svg{width:22px;height:22px;fill:var(--sk-orange)}.streak.cold{color:var(--muted)}.streak.cold svg{fill:var(--muted)}.goal-picker{display:flex;gap:6px;margin-top:12px}.goal-picker button{flex:1;border-radius:var(--radius-xs);border:var(--sk-border-w) solid var(--line);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--line-2);background:var(--surface);padding:6px 4px;font-family:var(--sk-font-display);font-size:11.5px;font-weight:700;color:var(--ink2);cursor:pointer;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.goal-picker button[aria-pressed=true]{background:var(--primary-l);border-color:var(--primary);color:var(--primary-ink)}.todo{list-style:none;margin:0;padding:0;display:grid;gap:8px}.todo li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}.todo .box,.checklist .box{width:22px;height:22px;border-radius:7px;border:2px solid var(--line-2);display:grid;place-items:center;flex:none}.todo .box.done,.checklist .box.done{background:var(--sk-green-soft);border-color:var(--sk-green-deep);color:var(--sk-green-ink)}.todo .box svg{width:14px;height:14px}.todo li.done{color:var(--muted);text-decoration:line-through}.next-up{display:flex;gap:12px;align-items:center}.next-up .tile{width:46px;height:46px}.next-up b{display:block;font-size:14px}.next-summary{margin-top:12px}.path-head{margin-bottom:18px}.path-head h1{font-size:26px}.unit{margin-bottom:8px}.unit-banner{border-radius:var(--radius);padding:16px 20px;background:linear-gradient(var(--hue-l),var(--hue-l)),var(--surface);border:var(--sk-border-w) solid color-mix(in srgb,var(--hue) 45%,transparent);box-shadow:0 var(--sk-press) 0 var(--hue-d);clip-path:var(--sk-clip);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:12px;z-index:2}.unit-banner .tiny{color:var(--hue-ink)}.unit-banner h2{font-size:20px}.unit-banner .count{font-family:var(--sk-font-display);font-weight:700;font-size:13px;background:var(--surface);color:var(--hue-ink);padding:4px 10px;border-radius:999px;white-space:nowrap}.nodes{position:relative;padding-block:26px 30px;display:flex;flex-direction:column;align-items:center;gap:24px}.nodes-end{padding-top:4px}.node-wrap{position:relative;width:100%;display:flex;justify-content:center;transform:translate(var(--x, 0px))}[dir=rtl] .node-wrap{transform:translate(calc(var(--x, 0px) * -1))}.node{position:relative;width:76px;height:76px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;transition:transform .06s ease;background:linear-gradient(var(--hue-l, var(--gray)),var(--hue-l, var(--gray))),var(--surface);color:var(--hue-ink, var(--gray-ink));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--hue, var(--sk-muted)) 55%,transparent),0 var(--sk-press) 0 var(--hue-d, var(--line-2))}.node svg{width:34px;height:34px}.node-icon{display:grid}.node:active:not(:disabled){transform:translateY(calc(var(--sk-press) / 2))}.node:focus-visible{outline-offset:6px}.node.locked{--hue: var(--sk-muted);--hue-d: var(--line-2);--hue-l: var(--gray);--hue-ink: var(--gray-ink);cursor:default}.node.passed{--hue: var(--sk-gold);--hue-d: var(--sk-gold-deep);--hue-l: var(--sk-gold-soft);--hue-ink: var(--sk-gold-ink)}.node.current{background:var(--primary);color:var(--on-primary);box-shadow:0 var(--sk-press) 0 var(--primary-d),0 0 0 8px var(--ground),0 0 0 12px color-mix(in srgb,var(--primary) 55%,transparent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 var(--sk-press) 0 var(--primary-d),0 0 0 8px var(--ground),0 0 0 12px color-mix(in srgb,var(--primary) 55%,transparent)}50%{box-shadow:0 var(--sk-press) 0 var(--primary-d),0 0 0 8px var(--ground),0 0 0 16px color-mix(in srgb,var(--primary) 35%,transparent)}}.node .check{position:absolute;inset-inline-end:-4px;bottom:-6px;width:26px;height:26px;border-radius:50%;background:var(--surface);border:2px solid var(--sk-gold-deep);color:var(--sk-green-ink);display:grid;place-items:center}.node .check svg{width:14px;height:14px}.start-bubble{position:absolute;top:-44px;left:50%;transform:translate(-50%);background:var(--surface);border:2px solid var(--line-2);border-radius:var(--radius-xs);padding:6px 14px;font-family:var(--sk-font-display);font-weight:800;font-size:12.5px;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking);color:var(--primary-ink);white-space:nowrap;animation:bob 1.2s ease-in-out infinite}.start-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:12px;background:var(--surface);border-right:2px solid var(--line-2);border-bottom:2px solid var(--line-2);transform:translate(-50%) rotate(45deg)}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.node-label{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:calc(50% + 62px);width:170px;font-size:13px;font-weight:600;color:var(--ink2);line-height:1.3}.node-label b{display:block;color:var(--ink)}.node-label.locked,.node-label.locked b{color:var(--muted)}.trophy{width:76px;height:76px;border-radius:50%;background:var(--sk-gold-soft);border:3px dashed var(--sk-gold-deep);display:grid;place-items:center;color:var(--sk-gold-ink)}.trophy svg{width:34px;height:34px}.trophy.won{border-style:solid;border-color:var(--sk-gold);box-shadow:0 var(--sk-press) 0 var(--sk-gold-deep),var(--sk-glow)}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.topbar .x{border:0;background:none;color:var(--muted);cursor:pointer;padding:4px;display:grid}.topbar .x svg{width:26px;height:26px}.progressbar{flex:1;height:16px;border-radius:999px;background:var(--gray);overflow:hidden}.progressbar i{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width .25s ease;position:relative}.progressbar i:after{content:"";position:absolute;inset-inline:8px;top:4px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--on-primary) 30%,transparent)}.lesson-title{display:flex;align-items:center;gap:14px;margin-bottom:16px}.lesson-title .tile{width:54px;height:54px;border-radius:var(--radius-s)}.lesson-title h1{font-size:24px;line-height:1.15}.lesson-title .row{margin-top:4px}.cando{font-size:15px;color:var(--ink2);font-style:italic}.section{margin-bottom:18px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.section-title .tile{width:30px;height:30px}.section-title .tile svg{width:16px;height:16px}.section-title h3{font-size:15px;margin:0}.idea{font-size:17px;font-weight:600;line-height:1.5;background:var(--sk-green-soft);border:var(--sk-border-w) solid color-mix(in srgb,var(--sk-green) 45%,transparent);border-radius:var(--radius);padding:14px 18px}.prose p{margin-bottom:10px;line-height:1.6;max-width:68ch}.words{display:grid;gap:8px;margin:0}.words div{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:baseline;background:var(--sk-purple-soft);border:var(--sk-border-w) solid color-mix(in srgb,var(--sk-purple) 40%,transparent);border-radius:var(--radius-s);padding:8px 12px}.words dt{font-weight:800;color:var(--sk-purple-ink)}.words dd{margin:0;color:var(--ink2);font-size:14px}@media (max-width: 600px){.words div{grid-template-columns:1fr;gap:2px}}.sample{margin:0 0 12px;border:var(--sk-border-w) solid var(--line);border-radius:var(--radius);padding:12px 16px;background:var(--surface-2)}.sample blockquote{margin:0 0 8px;font-size:15px;line-height:1.6;white-space:pre-line}.sample figcaption{font-size:13.5px;color:var(--ink2);border-top:2px dashed var(--line-2);padding-top:8px}.sample figcaption b{color:var(--sk-blue-ink)}.offer{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:var(--sk-blue-soft);border:var(--sk-border-w) solid color-mix(in srgb,var(--sk-blue) 45%,transparent);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px}.offer .tile{width:52px;height:52px}.offer p{flex:1 1 240px;font-weight:600;font-size:14px}.player video{display:block;width:100%;border-radius:var(--radius);background:var(--surface-2);margin-bottom:10px;direction:ltr;unicode-bidi:isolate}.callout{border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;background:var(--hue-l);border:var(--sk-border-w) solid color-mix(in srgb,var(--hue) 45%,transparent);display:flex;gap:12px;align-items:flex-start}.callout.ok{--hue: var(--sk-green);--hue-l: var(--sk-green-soft)}.callout.no{--hue: var(--sk-red);--hue-l: var(--sk-red-soft)}.callout.back{--hue: var(--sk-orange);--hue-l: var(--sk-orange-soft)}.callout .tile{width:34px;height:34px;background:var(--surface)}.callout .tile svg{width:18px;height:18px}.callout h4{font-size:15px;margin-bottom:2px}.callout p{font-size:14px;color:var(--ink2)}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}.passage{margin:0 0 14px;padding:12px 16px;border-inline-start:5px solid var(--sk-blue);background:var(--sk-blue-soft);border-start-end-radius:var(--radius-s);border-end-end-radius:var(--radius-s);font-size:15px;line-height:1.6;white-space:pre-line}.stem{font-size:20px;font-weight:700;line-height:1.35;margin-bottom:18px}.opts{display:grid;gap:10px;margin-bottom:18px}.opt{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;text-align:start;padding:13px 14px;border-radius:var(--radius-s);border:var(--sk-border-w) solid var(--line);box-shadow:0 var(--sk-press) 0 var(--line-2);clip-path:var(--sk-clip);background:var(--surface);cursor:pointer;font-size:15.5px;font-weight:600}.opt:hover{background:var(--surface-2)}.opt:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--primary),0 var(--sk-press) 0 var(--line-2)}.opt .k{width:30px;height:30px;border-radius:var(--radius-xs);border:2px solid var(--line-2);display:grid;place-items:center;font-family:var(--sk-font-display);font-weight:800;font-size:13px;color:var(--ink2)}.opt.picked{background:var(--primary-l);border-color:var(--primary);box-shadow:0 var(--sk-press) 0 var(--primary-d);color:var(--primary-ink)}.opt.picked .k{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.qfoot{border-top:var(--sk-border-w) solid var(--line);padding-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qfoot .spacer{flex:1}.score{font-family:var(--sk-font-display);font-size:40px;font-weight:800;line-height:1;margin-bottom:14px}.score small{font-size:18px;color:var(--muted);font-weight:700}.missed{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}.missed li{border:var(--sk-border-w) solid var(--line);border-radius:var(--radius-s);padding:12px 14px;background:var(--surface-2)}.missed .q{font-weight:700;margin-bottom:4px}.missed .why{color:var(--sk-red-ink);font-weight:600;font-size:14px;margin-top:4px}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate .card{width:min(520px,100%);padding:28px 30px}.gate .brand{padding:0 0 12px}.gate-title{font-size:24px;margin-bottom:6px}.field{display:grid;gap:6px;margin:16px 0 12px;font-family:var(--sk-font-display);font-size:13px;font-weight:700;color:var(--ink2);text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.field input,.search{font:inherit;font-family:var(--sk-font-body);font-size:16px;font-weight:600;text-transform:none;letter-spacing:normal;padding:11px 14px;border-radius:var(--radius-s);border:var(--sk-border-w) solid var(--line-2);background:var(--surface-2);color:var(--ink)}.field input::placeholder,.search::placeholder{color:var(--muted)}.field input:focus,.search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent);background:var(--surface)}.returning{margin-top:16px}.returning summary{cursor:pointer;font-weight:700}.grades{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:14px}.grade-card{display:flex;gap:14px;align-items:flex-start;text-align:start;background:var(--surface);border:var(--sk-border-w) solid var(--line);box-shadow:0 var(--sk-press) 0 var(--line-2),var(--sk-shadow);clip-path:var(--sk-clip);border-radius:var(--radius);padding:16px;cursor:pointer;transition:transform .06s ease}.grade-card:hover{transform:translateY(-2px)}.grade-card:active{transform:translateY(calc(var(--sk-press) / 2))}.grade-card:focus-visible,.piece:focus-visible,.rung:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--primary)}.grade-card.cur{border-color:var(--primary);background:var(--primary-l)}.grade-card-body{min-width:0;flex:1}.grade-card .tile{width:52px;height:52px;border-radius:var(--radius-s);font-weight:800;font-size:18px}.grade-card h3{font-size:17px;margin-bottom:4px}.grade-card p{font-size:13px;color:var(--ink2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bar{display:block;height:10px;border-radius:999px;background:var(--gray);overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;border-radius:999px;background:var(--sk-green)}.page-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px}.page-head>div{flex:1 1 260px;min-width:0}.page-head .tile{width:52px;height:52px;border-radius:var(--radius-s)}.page-head h1{font-size:26px}.page-head p{color:var(--ink2);font-size:14px}.dict-controls{margin-bottom:16px}.dict-controls .search{flex:1 1 240px;min-width:0}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:var(--sk-font-display);font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface);border:var(--sk-border-w) solid var(--line-2);color:var(--ink2);cursor:pointer;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.chip.on{background:var(--primary-l);border-color:var(--primary);color:var(--primary-ink)}.dict{margin:0;display:grid;gap:10px}.entry{background:var(--surface);border:var(--sk-border-w) solid var(--line);border-radius:var(--radius-s);padding:12px 16px}.entry dt{font-weight:800;font-size:16px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;color:var(--sk-purple-ink)}.entry dt .alt{font-weight:600;color:var(--muted)}.entry dd{margin:4px 0 0;color:var(--ink2);max-width:80ch}.entry dd p{margin-top:4px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}.stack{display:grid;gap:16px;align-content:start}.grid2>*,.stack>*{min-width:0}.grid2 .card:has(table){overflow-x:auto}.chart{display:grid;gap:7px}.crow{display:grid;grid-template-columns:minmax(0,200px) 1fr 54px;gap:10px;align-items:center;font-size:13px;font-weight:600}.crow .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrack{display:block;height:12px;background:var(--gray);border-radius:999px;overflow:hidden}.ctrack i{display:block;height:100%;border-radius:999px;background:var(--hue, var(--gray))}.num{font-variant-numeric:tabular-nums;text-align:end}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:start;padding:7px 9px;border-bottom:var(--sk-border-w) solid var(--line);vertical-align:top}th{font-family:var(--sk-font-display);color:var(--muted);font-size:11px;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}td.ok{color:var(--sk-green-ink);font-weight:700}td.bad{color:var(--sk-red-ink);font-weight:700}code{font-family:var(--sk-font-mono);font-size:12px;background:var(--surface-2);padding:1px 6px;border-radius:6px;direction:ltr;unicode-bidi:isolate}.glossary-pop{position:fixed;z-index:40;max-width:min(360px,calc(100vw - 16px));background:var(--surface);border:2px solid var(--sk-purple);border-radius:var(--radius-s);padding:10px 14px;box-shadow:var(--sk-shadow-pop)}.glossary-pop b{font-size:15px;font-weight:800;color:var(--sk-purple-ink)}.glossary-pop p{margin:4px 0 0;font-size:14px;color:var(--ink2)}.icon{width:18px;height:18px;flex:none;vertical-align:middle}.phases{margin-bottom:18px}.phase-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.phase{display:inline-flex;align-items:center;gap:8px;padding-block:4px;padding-inline:4px 12px;border-radius:999px;border:var(--sk-border-w) solid var(--line);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--line-2);background:var(--surface);cursor:pointer;font-family:var(--sk-font-display);font-weight:700;font-size:12.5px;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking);color:var(--ink2)}.phase .tile{width:28px;height:28px;border-radius:999px}.phase .tile svg{width:15px;height:15px}.phase:hover{background:var(--surface-2)}.phase.on{background:var(--primary-l);border-color:var(--primary);color:var(--primary-ink)}.phase.locked{opacity:.6;cursor:default}.progressbar.slim{height:10px}.progressbar.slim i:after{top:2px;height:3px}.screen{min-height:300px;padding:28px 32px;display:flex;flex-direction:column;justify-content:center}.screen .tiny{margin-bottom:12px}.screen-title{font-size:28px;margin-bottom:14px}.idea.big{font-size:21px;line-height:1.5}.word-term{font-size:40px;color:var(--sk-purple-ink);margin-bottom:10px;text-transform:lowercase;letter-spacing:normal}.word-say{font-size:21px;line-height:1.5;max-width:44ch}.word-example{margin-top:14px;padding:10px 14px;background:var(--sk-purple-soft);border:var(--sk-border-w) solid color-mix(in srgb,var(--sk-purple) 40%,transparent);border-radius:var(--radius-s);font-size:15px;max-width:60ch}.how-text{font-size:20px;line-height:1.6;max-width:52ch}.sample-big{margin:0 0 16px;padding:18px 22px;border-inline-start:6px solid var(--sk-orange);background:var(--sk-orange-soft);border-start-end-radius:var(--radius);border-end-end-radius:var(--radius);font-size:18px;line-height:1.6;white-space:pre-line;max-width:60ch}.notice{background:var(--sk-blue-soft);border:var(--sk-border-w) solid color-mix(in srgb,var(--sk-blue) 45%,transparent);border-radius:var(--radius);padding:14px 18px;max-width:60ch}.notice b{font-family:var(--sk-font-display);color:var(--sk-blue-ink);font-size:12px;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.notice p{margin-top:4px;font-size:16px;line-height:1.55}.screen-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.host-banner{grid-column:1 / -1;padding:10px 16px;background:var(--sk-gold-soft);color:var(--sk-gold-ink);border-bottom:var(--sk-border-w) solid color-mix(in srgb,var(--sk-gold) 55%,transparent);font-size:.9rem}.host-banner a{color:inherit;font-weight:700;margin-inline-start:6px}.pair{display:grid;gap:12px;max-width:64ch}.pair .wrong,.pair .right{border-radius:var(--radius);padding:14px 18px;font-size:17px;line-height:1.55}.pair .wrong{background:var(--sk-red-soft);border:var(--sk-border-w) solid color-mix(in srgb,var(--sk-red) 45%,transparent)}.pair .right{background:var(--sk-green-soft);border:var(--sk-border-w) solid color-mix(in srgb,var(--sk-green) 45%,transparent)}.pair .tag{display:block;font-family:var(--sk-font-display);font-size:11px;font-weight:800;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking);margin-bottom:4px}.pair .wrong .tag{color:var(--sk-red-ink)}.pair .right .tag{color:var(--sk-green-ink)}.node.half:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px dashed var(--sk-gold-deep);pointer-events:none}.desk-wide{max-width:1120px}.desk{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}@media (max-width: 1360px){.desk{grid-template-columns:1fr}.desk-side{position:static}}.desk-main{display:grid;gap:14px;min-width:0}.desk-side{display:grid;gap:14px;position:sticky;top:12px}.desk-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.desk-head .tile{width:46px;height:46px}.desk-head h2{font-size:20px}.prompt-card{background:var(--sk-gold-soft);border:var(--sk-border-w) solid color-mix(in srgb,var(--sk-gold) 55%,transparent);border-radius:var(--radius);padding:14px 18px}.prompt-text{font-size:16px;line-height:1.55;font-weight:600;margin-bottom:6px}.editor{width:100%;min-height:420px;resize:vertical;font:500 17px/1.7 var(--sk-font-body);color:var(--ink);background:var(--surface);border:var(--sk-border-w) solid var(--line-2);border-radius:var(--radius);padding:20px 24px}.editor::placeholder{color:var(--muted)}.editor:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.editor:disabled{opacity:.7}.desk-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.desk-foot .spacer{flex:1}.wc{font-size:14px;font-weight:600;color:var(--ink2)}.wc b{font-size:18px;color:var(--ink)}.wc.short{color:var(--sk-orange-ink)}.wc.long{color:var(--sk-red-ink)}.checks h3{margin-bottom:8px}.checklist{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:6px}.checklist li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600}.checklist .box{color:var(--sk-red-ink)}.checklist .box svg{width:13px;height:13px}.checklist li.ok{color:var(--ink2)}.focus,.plan{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:14px;line-height:1.45}.sources .source h4{font-size:15px;margin:10px 0 2px;text-transform:none;letter-spacing:normal}.source-text{font-size:14px;line-height:1.6;white-space:pre-line;margin-top:8px;max-height:360px;overflow:auto;padding-inline-end:6px}.report{display:grid;gap:16px}.report-head{display:flex;align-items:center;gap:14px}.report-head .tile.big{width:60px;height:60px;border-radius:var(--radius);font-size:26px;font-weight:800}.report-head h2{font-size:26px}.rubric{margin:0;display:grid;gap:12px}.crit dt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crit dt b{font-size:15px}.crit .levelname{font-family:var(--sk-font-display);font-size:11.5px;font-weight:700;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking);color:var(--muted)}.crit dd{margin:4px 0 0;font-size:14px;color:var(--ink2);line-height:1.5}.levelbar{display:inline-flex;gap:3px;margin-inline-start:auto}.levelbar i{width:26px;height:10px;border-radius:999px;background:var(--gray)}.levelbar i.on.l1{background:var(--sk-red)}.levelbar i.on.l2{background:var(--sk-orange)}.levelbar i.on.l3{background:var(--sk-green)}.levelbar i.on.l4{background:var(--sk-gold)}.bullets{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:14.5px;line-height:1.5}.icon.gold{color:var(--sk-gold-deep)}.issues{list-style:none;margin:0;padding:0;display:grid;gap:10px}.issues li{border:var(--sk-border-w) solid var(--line);border-radius:var(--radius-s);padding:10px 14px;background:var(--surface-2)}.issues blockquote{margin:6px 0;font-size:15px;font-weight:600;color:var(--sk-red-ink)}.issues .fix{font-size:14px}.pill.kind-spelling{background:var(--sk-red-soft);border-color:color-mix(in srgb,var(--sk-red) 45%,transparent);color:var(--sk-red-ink)}.pill.kind-grammar,.pill.kind-punctuation,.pill.kind-capitalization{background:var(--sk-orange-soft);border-color:color-mix(in srgb,var(--sk-orange) 45%,transparent);color:var(--sk-orange-ink)}.pill.kind-word-choice,.pill.kind-clarity{background:var(--sk-blue-soft);border-color:color-mix(in srgb,var(--sk-blue) 45%,transparent);color:var(--sk-blue-ink)}.pill.kind-structure,.pill.kind-task{background:var(--sk-purple-soft);border-color:color-mix(in srgb,var(--sk-purple) 45%,transparent);color:var(--sk-purple-ink)}.student-text{white-space:pre-wrap;font:500 15px/1.7 var(--sk-font-body);background:var(--surface-2);border:var(--sk-border-w) solid var(--line);border-radius:var(--radius-s);padding:14px 18px;margin:0}.levels-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.levelcount{display:flex;align-items:center;gap:10px;padding:10px 12px}.levelcount .tile{width:36px;height:36px;font-weight:800}.levelcount b{display:block;font-size:20px;line-height:1}.pieces{list-style:none;margin:0;padding:0;display:grid;gap:10px}.piece{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:start;background:var(--surface);border:var(--sk-border-w) solid var(--line);box-shadow:0 var(--sk-press) 0 var(--line-2),var(--sk-shadow);clip-path:var(--sk-clip);border-radius:var(--radius);padding:12px 16px;cursor:pointer}.piece:hover{background:var(--surface-2)}.piece .tile{width:40px;height:40px;font-weight:800;font-size:17px}.piece-body{display:grid;gap:2px;min-width:0}.piece-body b{font-size:15px}.piece-body .excerpt{font-size:13px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ladder{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}@media (max-width: 860px){.ladder{grid-template-columns:1fr}}.rungs{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rung{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:var(--surface);border:var(--sk-border-w) solid var(--line);box-shadow:0 var(--sk-press) 0 var(--line-2);clip-path:var(--sk-clip);border-radius:var(--radius-s);padding:8px 10px;cursor:pointer}.rung .tile{width:36px;height:36px;font-weight:800}.rung b{display:block;font-size:14px}.rung .small{display:block}.rung.on{background:var(--primary-l);border-color:var(--primary)}.rung .pill{margin-inline-start:auto}.rung-detail h3{margin:18px 0 8px}.rung-detail .step{font-size:15.5px;line-height:1.6;max-width:68ch}.prof{margin:0;display:grid;gap:8px}.prof dt{font-family:var(--sk-font-display);font-weight:700;font-size:13px;color:var(--primary-ink);text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}.prof dd{margin:2px 0 0;font-size:14px;color:var(--ink2);line-height:1.5}.scroll-x{overflow-x:auto}.ladder-table{min-width:1200px;font-size:12.5px}.ladder-table th,.ladder-table td{vertical-align:top;line-height:1.45;min-width:150px}.ladder-table thead th .small{display:block;text-transform:none;letter-spacing:normal}.ladder-table .here{background:var(--primary-l)}@media (max-width: 600px){.main{padding-block:18px 60px;padding-inline:14px}.sidebar{padding-inline:8px}.shell{grid-template-columns:64px minmax(0,1fr)}.nav-item{padding:6px;justify-content:center}.brand{padding-inline:6px}.node-wrap,[dir=rtl] .node-wrap{transform:none;flex-direction:column;align-items:center;gap:8px}.node-label{position:static;transform:none;width:auto;max-width:100%;text-align:center}.screen{padding:20px 16px}.screen-title,.page-head h1,.path-head h1{font-size:22px}.word-term{font-size:30px}.word-say,.how-text,.idea.big{font-size:18px}.levels-row{grid-template-columns:repeat(2,minmax(0,1fr))}.crow{grid-template-columns:minmax(0,1fr) 70px 54px}.gate .card{padding:22px 18px}.editor{padding:14px}.phase{padding-inline-end:4px}.phase-label{display:none}}