:root{--bg: #eef2ec;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(46, 125, 86, .16), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(122, 168, 116, .14), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(58, 125, 84, .07), transparent 60%);--surface: #ffffff;--surface-grad-a: #fcfdfb;--surface-grad-b: #f2f5f0;--surface-sunken: #f6f8f4;--heat-base: #e7eee6;--ink: #16211a;--ink-soft: #38473d;--muted: #64756a;--primary: #2f7d55;--primary-dark: #235f40;--primary-bright: #47a06d;--primary-soft: #e6f1e9;--primary-ring: rgba(47, 125, 85, .18);--on-primary: #ffffff;--border: #dce4d9;--border-strong: #c0cdbd;--correct: #2c7d4e;--correct-soft: #e2f1e7;--incorrect: #a44a26;--incorrect-soft: #f8e9df;--warn: #8a6a12;--warn-soft: #f8f0d7;--focus: #235f40;--hero-a: #255c3d;--hero-b: #2f7d55;--hero-c: #4aa873;--danger: #a83c28;--danger-dark: #862e1d;--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--shadow: 0 1px 2px rgba(20, 34, 26, .04), 0 6px 20px rgba(20, 34, 26, .06);--shadow-lift: 0 3px 6px rgba(20, 34, 26, .06), 0 18px 40px rgba(20, 34, 26, .12);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--font: "Segoe UI", system-ui, -apple-system, "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{--bg: #0f1611;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(47, 125, 85, .28), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(70, 140, 100, .14), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(30, 80, 55, .18), transparent 60%);--surface: #161f19;--surface-grad-a: #1b261e;--surface-grad-b: #141c16;--surface-sunken: #111a14;--heat-base: #24342a;--ink: #eaf2ec;--ink-soft: #c3d2c7;--muted: #8fa195;--primary: #4fa877;--primary-dark: #7cc79c;--primary-bright: #5fbd88;--primary-soft: #1d3126;--primary-ring: rgba(95, 189, 136, .28);--border: #26332a;--border-strong: #35463a;--correct: #6fc792;--correct-soft: #1b3225;--incorrect: #e0906a;--incorrect-soft: #33211a;--warn: #dcc169;--warn-soft: #2e2716;--focus: #7cc79c;--hero-a: #16351f;--hero-b: #1f5738;--hero-c: #2f7d55;--danger: #c05a3f;--danger-dark: #a5482f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .36);--shadow-lift: 0 3px 8px rgba(0, 0, 0, .44), 0 20px 44px rgba(0, 0, 0, .5);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--on-primary: #0c130f}:root[data-accent=ink]:not([data-theme=dark]){--primary: #35597f;--primary-dark: #27455f;--primary-bright: #41698f;--primary-soft: #e6edf4;--primary-ring: rgba(53, 89, 127, .18);--focus: #27455f;--hero-a: #1c3245;--hero-b: #35597f;--hero-c: #4b7599;--heat-base: #e5ebee;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(53, 89, 127, .16), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(116, 148, 178, .14), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(53, 89, 127, .07), transparent 60%)}:root[data-accent=ink][data-theme=dark]{--primary: #6d9dc7;--primary-dark: #9dbfdf;--primary-bright: #7dabcf;--primary-soft: #1a2733;--primary-ring: rgba(125, 171, 207, .28);--focus: #9dbfdf;--hero-a: #101e29;--hero-b: #1c3245;--hero-c: #2f5273;--heat-base: #223039;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(53, 89, 127, .3), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(77, 117, 153, .15), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(28, 50, 69, .2), transparent 60%)}:root[data-accent=teal]:not([data-theme=dark]){--primary: #15646b;--primary-dark: #0e4a50;--primary-bright: #1b7a82;--primary-soft: #e2f0f0;--primary-ring: rgba(21, 100, 107, .18);--focus: #0e4a50;--hero-a: #0e4a50;--hero-b: #15646b;--hero-c: #1f8089;--heat-base: #e3ecec;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(21, 100, 107, .15), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(90, 155, 158, .13), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(21, 100, 107, .07), transparent 60%)}:root[data-accent=teal][data-theme=dark]{--primary: #4fb1b5;--primary-dark: #8ed3d6;--primary-bright: #62bec2;--primary-soft: #14302f;--primary-ring: rgba(98, 190, 194, .28);--focus: #8ed3d6;--hero-a: #0b2424;--hero-b: #124a4c;--hero-c: #1c6f74;--heat-base: #1f3535;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(18, 74, 76, .34), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(31, 128, 137, .16), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(11, 36, 36, .22), transparent 60%)}:root[data-accent=bronze]:not([data-theme=dark]){--primary: #8a5a22;--primary-dark: #6b4517;--primary-bright: #a06b28;--primary-soft: #f5ecdf;--primary-ring: rgba(138, 90, 34, .18);--focus: #6b4517;--hero-a: #5a3a12;--hero-b: #8a5a22;--hero-c: #a87735;--heat-base: #f0e9dd;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(138, 90, 34, .14), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(176, 140, 88, .13), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(138, 90, 34, .07), transparent 60%)}:root[data-accent=bronze][data-theme=dark]{--primary: #d3a06a;--primary-dark: #e6c39c;--primary-bright: #dcae7c;--primary-soft: #33281a;--primary-ring: rgba(220, 174, 124, .28);--focus: #e6c39c;--hero-a: #221708;--hero-b: #4a3416;--hero-c: #77561f;--heat-base: #362c1f;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(122, 86, 32, .3), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(150, 112, 56, .15), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(34, 23, 8, .24), transparent 60%)}:root[data-accent=merlot]:not([data-theme=dark]){--primary: #7c2f42;--primary-dark: #611f31;--primary-bright: #93394f;--primary-soft: #f6e8eb;--primary-ring: rgba(124, 47, 66, .18);--focus: #611f31;--hero-a: #4c1a28;--hero-b: #7c2f42;--hero-c: #9c4258;--heat-base: #f1e4e6;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(124, 47, 66, .13), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(168, 106, 122, .12), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(124, 47, 66, .06), transparent 60%)}:root[data-accent=merlot][data-theme=dark]{--primary: #d17f93;--primary-dark: #e6aabb;--primary-bright: #d98fa1;--primary-soft: #351a21;--primary-ring: rgba(217, 143, 161, .28);--focus: #e6aabb;--hero-a: #1f0a10;--hero-b: #4c1a28;--hero-c: #7a3044;--heat-base: #382027;--bg-tint: radial-gradient(1100px 520px at 88% -140px, rgba(122, 48, 68, .3), transparent 62%), radial-gradient(900px 460px at -120px 4%, rgba(154, 82, 99, .15), transparent 58%), radial-gradient(700px 380px at 50% 120%, rgba(31, 10, 16, .24), transparent 60%)}*{box-sizing:border-box}html{font-size:calc(100% * var(--font-scale, 1));scroll-behavior:smooth}body{margin:0;font-family:var(--font);background-color:var(--bg);background-image:var(--bg-tint);background-attachment:fixed;color:var(--ink);line-height:1.6;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .24s var(--ease),color .24s var(--ease)}::selection{background:var(--primary-ring);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}h1,h2,h3{line-height:1.18;margin:0 0 .5rem;color:var(--ink);font-weight:700;text-wrap:balance}h1{font-family:var(--font-display);font-size:clamp(1.7rem,1.35rem + 1.4vw,2.15rem);font-weight:700;letter-spacing:-.02em}h2{font-size:1.24rem;letter-spacing:-.012em}h3{font-size:1.06rem;font-weight:650;letter-spacing:-.008em}p{margin:.4rem 0}a{color:var(--primary-dark);text-underline-offset:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:5px}.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:#fff;padding:.65rem 1.1rem;z-index:100;font-weight:700;border-radius:0 0 var(--radius-sm) 0;box-shadow:var(--shadow-lift)}.skip-link:focus{left:0}.app-header{background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-shadow:0 1px #fff6,0 6px 24px #14221a0d}.app-header-inner{max-width:1040px;margin:0 auto;padding:.72rem 1.1rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none;transition:opacity .16s var(--ease)}.brand:hover{opacity:.82}.brand svg{flex-shrink:0}.main-nav{display:flex;gap:.25rem;flex-wrap:wrap;margin-left:auto}.main-nav a{text-decoration:none;color:var(--ink-soft);padding:.45rem .95rem;border-radius:999px;font-weight:600;font-size:.92rem;transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}.main-nav a:hover{background:var(--primary-soft);color:var(--primary-dark);transform:translateY(-1px)}.main-nav a[aria-current=page]{background:linear-gradient(135deg,var(--primary-bright),var(--primary));color:#fff;box-shadow:0 2px 10px var(--primary-ring),var(--shadow-inset)}.nav-badge{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);border-radius:999px;font-size:.74rem;padding:0 .44rem;margin-left:.32rem;font-weight:800;font-variant-numeric:tabular-nums}main{max-width:1040px;margin:0 auto;padding:1.6rem 1.1rem 4.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.4rem;box-shadow:var(--shadow);margin-bottom:1rem;animation:fadeUp .32s var(--ease-out) both}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:1rem}.card-grid>a.card,a.card{text-decoration:none;color:inherit;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease);display:block;position:relative}.card-grid>a.card:hover,a.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--border-strong)}.course-card{text-decoration:none;color:inherit;display:block;overflow:hidden}.course-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:radial-gradient(320px 160px at 100% 0%,var(--primary-ring),transparent 70%);opacity:0;transition:opacity .24s var(--ease);pointer-events:none}.course-card:hover:after{opacity:1}.course-card h3{position:relative}.course-open{display:inline-block;margin-top:.4rem;color:var(--primary-dark);font-weight:700;transition:transform .2s var(--ease-out),color .16s var(--ease);position:relative}.course-card:hover .course-open{transform:translate(4px);color:var(--primary)}.hero{position:relative;background:radial-gradient(700px 300px at 92% -40%,rgba(255,255,255,.18),transparent 60%),linear-gradient(122deg,var(--hero-a) 0%,var(--hero-b) 52%,var(--hero-c) 100%);color:#f1f7f2;border:1px solid rgba(255,255,255,.12);border-radius:calc(var(--radius) + 4px);padding:1.7rem 1.8rem;margin-bottom:1.2rem;box-shadow:0 14px 40px #183c2652,var(--shadow-inset);overflow:hidden;animation:fadeUp .34s var(--ease-out) both}.hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:340px;height:340px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%);pointer-events:none}.hero>*{position:relative}.hero h1{color:#fff;margin-bottom:.3rem;text-shadow:0 1px 12px rgba(0,0,0,.12)}.hero .sub{color:#f1f7f2db}.hero-copy{display:flex;flex-direction:column;gap:.3rem}.encourage{margin:.35rem 0 0;font-style:italic;font-weight:600;font-size:1.04rem;color:#fff;opacity:.95;animation:fadeUp .52s var(--ease-out) both;animation-delay:.12s}.hero .stat-row{margin-top:1.15rem}.hero .stat{background:#ffffff1c;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff29}.hero .stat:hover{border-color:#ffffff57}.hero .stat .num{color:#fff}.hero .stat .lbl{color:#f1f7f2d1}.hero .stat .cushion{font-style:italic;text-transform:none;letter-spacing:0;font-weight:600;opacity:.9}.hero .btn.secondary{background:#ffffff29;color:#fff;border-color:#ffffff4d}.hero .btn.secondary:hover:not(:disabled){background:#ffffff42;border-color:#ffffff80}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-grid>.card{animation:fadeUp .36s var(--ease-out) both}.card-grid>.card:nth-child(1){animation-delay:0ms}.card-grid>.card:nth-child(2){animation-delay:55ms}.card-grid>.card:nth-child(3){animation-delay:.11s}.card-grid>.card:nth-child(4){animation-delay:165ms}.card-grid>.card:nth-child(5){animation-delay:.22s}.card-grid>.card:nth-child(6){animation-delay:275ms}.card-grid>.card:nth-child(7){animation-delay:.33s}.card-grid>.card:nth-child(8){animation-delay:385ms}.card-grid>.card:nth-child(n+9){animation-delay:.44s}.hero:before{animation:heroDrift 16s var(--ease) infinite alternate}@keyframes heroDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-46px,30px,0) scale(1.12)}}.stat{animation:fadeUp .3s var(--ease-out) both}.stat-row .stat:nth-child(2){animation-delay:70ms}.stat-row .stat:nth-child(3){animation-delay:.14s}.stat-row .stat:nth-child(4){animation-delay:.21s}.section-row{animation:fadeUp .26s var(--ease-out) both}.hero .btn:not(.secondary){animation:ctaGlow 3.2s var(--ease) infinite}@keyframes ctaGlow{0%,to{box-shadow:0 1px 2px #14221a1f,0 5px 14px var(--primary-ring),var(--shadow-inset)}50%{box-shadow:0 1px 2px #14221a1f,0 8px 26px var(--primary-ring),var(--shadow-inset)}}.btn{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(160deg,var(--primary-bright),var(--primary) 72%);color:var(--on-primary);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:.6rem 1.15rem;font-size:.95rem;font-weight:650;cursor:pointer;text-decoration:none;font-family:inherit;letter-spacing:-.005em;box-shadow:0 1px 2px #14221a1f,0 5px 14px var(--primary-ring),var(--shadow-inset);transition:filter .15s var(--ease),transform .15s var(--ease-out),box-shadow .15s var(--ease),background .15s var(--ease)}.btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 3px 6px #14221a1f,0 12px 26px var(--primary-ring),var(--shadow-inset)}.btn:active:not(:disabled){transform:translateY(0) scale(.985);filter:brightness(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:saturate(.7)}.btn.secondary{background:var(--surface);color:var(--primary-dark);border-color:var(--border-strong);box-shadow:0 1px 2px #14221a0d,var(--shadow-inset)}.btn.secondary:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.btn.danger{background:linear-gradient(160deg,color-mix(in srgb,var(--danger) 88%,#fff),var(--danger));border-color:var(--danger);box-shadow:0 1px 2px #14221a1f,0 5px 14px #a83c2838}.btn.danger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark)}.btn.small{padding:.34rem .78rem;font-size:.85rem;border-radius:var(--radius-xs)}input[type=text],input[type=number],textarea,select{font-family:inherit;font-size:.95rem;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem .75rem;width:100%;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}input[type=text]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:var(--muted)}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring);outline:none}input[type=text]:focus-visible,input[type=number]:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:1px}textarea{resize:vertical;min-height:5rem;line-height:1.55}select{cursor:pointer}label{font-weight:650;font-size:.92rem;color:var(--ink-soft)}.field{margin-bottom:.95rem}.field .hint{font-weight:400;font-size:.83rem;color:var(--muted);margin-top:.28rem;line-height:1.5}.checkbox-row{display:flex;align-items:flex-start;gap:.6rem;padding:.62rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.5rem;background:var(--surface);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease-out)}.checkbox-row:hover{border-color:var(--primary);background:var(--primary-soft);transform:translate(2px)}.checkbox-row input{margin-top:.22rem;width:1.15rem;height:1.15rem;accent-color:var(--primary);flex-shrink:0}.checkbox-row .sub{font-weight:400;font-size:.83rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:750;border-radius:999px;padding:.18rem .68rem;border:1px solid transparent;letter-spacing:.01em;white-space:nowrap}.badge.ok{color:var(--correct);background:var(--correct-soft);border-color:color-mix(in srgb,var(--correct) 32%,transparent)}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 32%,transparent)}.badge.bad{color:var(--incorrect);background:var(--incorrect-soft);border-color:color-mix(in srgb,var(--incorrect) 32%,transparent)}.badge.neutral{color:var(--ink-soft);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 26%,transparent)}.badge.planned{color:var(--muted);background:var(--surface-sunken);border-color:var(--border-strong);font-weight:650}.badge.kind{color:var(--muted);background:transparent;border-color:var(--border-strong);font-size:.68rem;font-weight:600;padding:.08rem .5rem;vertical-align:.12em}.banner{border-radius:var(--radius-sm);padding:.85rem 1.05rem;margin-bottom:.95rem;border:1px solid;display:flex;gap:.7rem;align-items:flex-start;box-shadow:var(--shadow);animation:fadeUp .26s var(--ease-out) both}.banner>span[aria-hidden=true]{font-size:1.05rem;line-height:1.4}.banner>svg{flex-shrink:0;margin-top:.2rem}.banner.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 34%,transparent);color:color-mix(in srgb,var(--warn) 80%,var(--ink))}.banner.error{background:var(--incorrect-soft);border-color:color-mix(in srgb,var(--incorrect) 34%,transparent);color:color-mix(in srgb,var(--incorrect) 80%,var(--ink))}.banner.info{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,transparent);color:var(--ink-soft)}.progress-outer{background:var(--surface-sunken);border:1px solid var(--border);border-radius:999px;height:.9rem;overflow:hidden;box-shadow:inset 0 1px 3px #14221a14}.progress-inner{background:linear-gradient(90deg,var(--primary),var(--primary-bright));height:100%;border-radius:999px;box-shadow:0 0 12px var(--primary-ring);transition:width .42s var(--ease-out)}table.simple{width:100%;border-collapse:collapse;font-size:.92rem}table.simple th,table.simple td{text-align:left;padding:.58rem .65rem;border-bottom:1px solid var(--border)}table.simple th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:750}table.simple tbody tr{transition:background .14s var(--ease)}table.simple tbody tr:hover{background:var(--surface-sunken)}table.simple tbody tr:last-child td{border-bottom:none}.muted{color:var(--muted)}.small{font-size:.85rem}.row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:.85rem}.quiz-top{display:flex;align-items:center;gap:1rem;margin-bottom:.95rem;flex-wrap:wrap}.quiz-progress-text{font-weight:750;color:var(--ink-soft);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--ink-soft);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;padding:.24rem .8rem;box-shadow:var(--shadow)}.timer.low{color:var(--incorrect);border-color:color-mix(in srgb,var(--incorrect) 44%,transparent);background:var(--incorrect-soft);animation:pulse 1.3s var(--ease) infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.q-prompt{font-size:1.18rem;font-weight:620;white-space:pre-wrap;margin-bottom:1.15rem;letter-spacing:-.014em;line-height:1.42;text-wrap:pretty}.q-meta{font-size:.8rem;color:var(--muted);margin-bottom:.85rem;font-weight:600;letter-spacing:.01em}.option-btn{display:flex;width:100%;gap:.8rem;align-items:flex-start;text-align:left;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:.82rem 1rem;margin-bottom:.6rem;font-size:.98rem;font-family:inherit;color:var(--ink);cursor:pointer;box-shadow:0 1px 2px #14221a0a;transition:border-color .15s var(--ease),background .15s var(--ease),transform .15s var(--ease-out),box-shadow .15s var(--ease)}.option-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft);transform:translate(4px);box-shadow:0 3px 12px var(--primary-ring)}.option-btn .key{flex-shrink:0;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--border-strong);border-radius:8px;font-weight:800;font-size:.85rem;color:var(--ink-soft);background:var(--surface-sunken);transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease-out)}.option-btn[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 4px var(--primary-ring)}.option-btn[aria-pressed=true] .key{background:var(--primary);color:var(--on-primary);border-color:var(--primary);transform:scale(1.05)}.option-btn:disabled{cursor:default}.option-btn.correct-pick{border-color:var(--correct);background:var(--correct-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--correct) 18%,transparent)}.option-btn.wrong-pick{border-color:var(--incorrect);background:var(--incorrect-soft)}.option-btn .verdict{margin-left:auto;font-weight:750;display:inline-flex;align-items:center;gap:.3rem}.verdict.ok{color:var(--correct)}.verdict.no{color:var(--incorrect)}.feedback{border-radius:var(--radius-sm);border:1px solid var(--border-strong);padding:1.05rem 1.15rem;margin-top:1rem;background:linear-gradient(180deg,var(--surface-grad-a),var(--surface-grad-b));box-shadow:var(--shadow);animation:fadeUp .24s var(--ease-out) both}.feedback .verdict-line{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.06rem;margin-bottom:.45rem;letter-spacing:-.01em}.feedback .verdict-line.ok{color:var(--correct)}.feedback .verdict-line.no{color:var(--incorrect)}.feedback .verdict-line.skip{color:var(--muted)}.source-ref{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.7rem .95rem;margin-top:.75rem;font-size:.9rem;color:var(--ink-soft);line-height:1.55;box-shadow:0 1px 4px #14221a0f}.source-ref .cite{font-weight:800;color:var(--primary-dark);display:block;margin-bottom:.25rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.kp-list{list-style:none;padding:0;margin:.5rem 0}.kp-list li{display:flex;gap:.5rem;padding:.22rem 0;font-size:.93rem;align-items:baseline}.selfgrade{display:flex;gap:.5rem;margin-top:.95rem;flex-wrap:wrap;align-items:center}.selfgrade .btn[aria-pressed=true]{background:var(--primary-dark);border-color:var(--primary-dark);filter:none;box-shadow:inset 0 2px 5px #00000038;transform:translateY(0)}.stat-row{display:flex;gap:.95rem;flex-wrap:wrap}.stat{flex:1 1 132px;background:linear-gradient(180deg,var(--surface-grad-a),var(--surface-grad-b));border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1.05rem;box-shadow:var(--shadow-inset);transition:border-color .18s var(--ease),transform .18s var(--ease-out),box-shadow .18s var(--ease)}.stat:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.stat .num{font-size:1.75rem;font-weight:800;color:var(--primary-dark);font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.1}.stat .lbl{font-size:.74rem;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.bars{display:flex;align-items:flex-end;gap:5px;height:56px}.bars .bar{flex:1;background:linear-gradient(180deg,var(--primary-bright),var(--primary));border-radius:5px 5px 2px 2px;min-height:3px;opacity:.82;transition:opacity .18s var(--ease),transform .18s var(--ease-out),filter .18s var(--ease)}.bars .bar:hover{opacity:1;transform:scaleY(1.06);filter:brightness(1.06)}.bars .bar.today{opacity:1;box-shadow:0 0 0 2px var(--primary-dark)}.heat{display:flex;flex-direction:column;gap:.45rem;overflow-x:auto;padding-top:.2rem}.heat-months{display:grid;grid-auto-flow:column;grid-auto-columns:14px;margin-left:38px;font-size:.7rem;color:var(--muted);min-width:min-content}.heat-months>span{grid-row:1}.heat-grid{display:grid;grid-template-columns:34px repeat(20,14px);grid-auto-rows:14px;gap:4px;align-items:center;min-width:min-content}.heat-dow{font-size:.68rem;color:var(--muted);white-space:nowrap;grid-column:1}.heat-cell{width:13px;height:13px;border-radius:3px;border:1px solid var(--border);background:var(--surface-sunken);display:inline-block;transition:transform .14s var(--ease-out),outline-color .14s var(--ease)}.heat-cell:hover{transform:scale(1.28)}.heat-cell.lvl1{background:color-mix(in srgb,var(--primary) 30%,var(--heat-base));border-color:transparent}.heat-cell.lvl2{background:color-mix(in srgb,var(--primary) 52%,var(--heat-base));border-color:transparent}.heat-cell.lvl3{background:color-mix(in srgb,var(--primary) 76%,var(--heat-base));border-color:transparent}.heat-cell.lvl4{background:color-mix(in srgb,var(--primary) 100%,var(--heat-base));border-color:transparent}.heat-cell.future{opacity:.32}.heat-legend{display:flex;align-items:center;gap:4px}.heat-legend .heat-cell{width:11px;height:11px}.chart{width:100%;height:auto;max-height:210px;display:block}.chart-grid{stroke:var(--border);stroke-width:1}.chart-axis{fill:var(--muted);font-size:11px;font-family:var(--font)}.chart-line{fill:none;stroke:var(--primary);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--primary-dark)}.mastery{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.7rem}.mastery-bar{height:6px;border-radius:4px;background:var(--surface-sunken);border:1px solid var(--border);overflow:hidden;margin:.25rem 0}.mastery-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary-bright),var(--primary));transition:width .5s var(--ease-out)}.accent-row{display:flex;flex-wrap:wrap;gap:.45rem}.accent-swatch{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem .4rem .55rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-soft);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease-out),background .16s var(--ease)}.accent-swatch:hover{border-color:var(--primary);transform:translateY(-1px)}.accent-swatch.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);box-shadow:0 0 0 2px var(--primary-ring)}.accent-swatch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.accent-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex-shrink:0}.accent-swatch.on .accent-dot{box-shadow:inset 0 0 0 2px var(--surface),0 0 0 2px var(--primary)}.accent-swatch.on:after{content:"✓";font-weight:800;margin-left:.1rem}.source-image{margin:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.85rem;box-shadow:var(--shadow)}.source-image img{display:block;max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-sunken)}.source-image figcaption{margin-top:.6rem;line-height:1.55}.empty{text-align:center;padding:2.6rem 1.2rem;color:var(--muted)}.empty h2{color:var(--ink-soft)}.section-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(140px,1.4fr) 90px 90px auto;gap:.5rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--border)}.section-row header,.section-head{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:750}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c16108c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;animation:fadeIn .18s var(--ease) both}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:470px;width:100%;padding:1.5rem;box-shadow:0 24px 70px #0000005c;animation:popIn .24s var(--ease-out) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.weight-input{width:4.5rem}.coverage-table td.num{font-variant-numeric:tabular-nums;font-weight:650}.q-review-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1.05rem;margin-bottom:.65rem;background:var(--surface);box-shadow:0 1px 2px #14221a08;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease-out)}.q-review-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.effort-note{font-size:.98rem;line-height:1.62;font-weight:500;color:var(--ink-soft);border-left:3px solid var(--primary);padding:.15rem 0 .15rem .95rem;margin:.2rem 0 .3rem}.due-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.25rem;background:var(--surface);box-shadow:var(--shadow)}.reveal-answer{background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:var(--radius-sm);padding:.9rem 1.05rem;margin-top:.75rem;animation:fadeUp .24s var(--ease-out) both}footer.app-footer{max-width:1040px;margin:0 auto;padding:1.3rem 1.1rem;color:var(--muted);font-size:.82rem;text-align:center;border-top:1px solid var(--border)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.mode-card{display:flex;flex-direction:column;gap:.45rem;text-align:left;padding:1.05rem 1.15rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font:inherit;color:inherit;box-shadow:0 1px 2px #14221a08;transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease-out)}.mode-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow)}.mode-card.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 4px 16px var(--primary-ring),var(--shadow-inset)}.mode-card .small{color:var(--muted)}.mode-title{display:flex;align-items:center;gap:.4rem;letter-spacing:.01em}.course-mark{display:inline-flex;vertical-align:-3px;margin-right:.45rem}.mode-card.selected .small{color:var(--ink-soft)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1rem}.pack{display:flex;flex-direction:column;gap:.3rem;margin-bottom:0}.pack h2{font-size:1.06rem}.pack>.row .badge.ok{margin-left:auto}.pack .btn{align-self:flex-start}.passage{margin-top:auto;padding-top:.6rem;border-top:1px dashed var(--border-strong)}.passage summary{cursor:pointer;list-style:none;color:var(--primary-dark);font-weight:650;font-size:.85rem}.passage summary::-webkit-details-marker{display:none}.passage summary:before{content:"▸";display:inline-block;margin-right:.4rem;transition:transform .18s var(--ease-out)}.passage[open] summary:before{transform:rotate(90deg)}.passage p{margin:.55rem 0 0;color:var(--ink-soft);font-size:.88rem;line-height:1.62}@media (max-width: 640px){.app-header-inner{padding:.6rem .8rem;gap:.6rem}.main-nav{margin-left:0;width:100%}main{padding:1.1rem .75rem 3rem}.section-row{grid-template-columns:1fr 1fr}.mode-grid{grid-template-columns:1fr}.q-prompt{font-size:1.06rem}.hero{padding:1.3rem 1.2rem}.option-btn:hover:not(:disabled){transform:none}.stat:hover{transform:none}.card{padding:1.1rem 1.15rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.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}.eyebrow{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:var(--muted);margin:0 0 .35rem}.sub{color:var(--ink-soft)}.chip{border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--ink-soft);border-radius:999px;padding:.32rem .85rem;font-size:.83rem;font-weight:650;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.chip:hover{border-color:var(--primary);color:var(--primary-dark)}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 2px 10px var(--primary-ring)}.outcomes{margin:.7rem 0 0;padding-left:1.05rem;color:var(--ink-soft);font-size:.89rem;line-height:1.6}.outcomes li{margin-bottom:.18rem}.outcomes li::marker{color:var(--primary)}.course-head{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface) 62%);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.5rem 1.3rem;box-shadow:var(--shadow);margin-bottom:1rem}.course-head h1{font-family:var(--font-display);margin-bottom:.35rem}.course-head .sub{max-width:62ch;margin-bottom:0}.lesson-list{list-style:none;margin:1rem 0 .9rem;padding:0}.lesson-list li+li{border-top:1px solid var(--border)}.lesson-row{display:flex;align-items:center;gap:.85rem;padding:.72rem .5rem;border-radius:var(--radius-sm);color:inherit;text-decoration:none;transition:background .15s var(--ease),transform .15s var(--ease-out)}.lesson-row:hover{background:var(--primary-soft);transform:translate(2px)}.lesson-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lesson-no{flex:0 0 1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-strong);font-size:.78rem;font-weight:750;color:var(--muted);background:var(--surface-sunken)}.lesson-no svg{color:var(--correct)}.lesson-row-main{display:flex;flex-direction:column;gap:.08rem;min-width:0}.lesson-row-main strong{font-size:.96rem}.lesson-row-side{margin-left:auto;white-space:nowrap}.learn-page{max-width:62rem}.lesson-head{margin-bottom:.4rem}.lesson-head h1{font-family:var(--font-display);margin-bottom:.3rem}.lesson-head .sub{color:var(--ink-soft);margin:0;max-width:60ch}.lesson-body{display:flex;flex-direction:column;gap:1.05rem;margin:1.4rem 0}.lesson-prose{font-size:1.045rem;line-height:1.74;color:var(--ink);margin:0;max-width:66ch}.lesson-steps{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-sm);padding:.95rem 1.1rem}.lesson-steps h3{font-size:.92rem;margin:0 0 .5rem}.lesson-steps ol{margin:0;padding-left:1.35rem;line-height:1.65;font-size:.93rem}.lesson-steps li+li{margin-top:.3rem}.lesson-steps li::marker{color:var(--primary);font-weight:750}.lesson-note{border-radius:var(--radius-sm);padding:.85rem 1rem;border:1px solid var(--border);background:var(--primary-soft)}.lesson-note.tip{border-left:3px solid var(--primary)}.lesson-note.watch{border-left:3px solid var(--warn);background:var(--warn-soft)}.lesson-note .note-label{display:block;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;font-weight:750;color:var(--muted);margin-bottom:.28rem}.lesson-note p{margin:0;font-size:.92rem;line-height:1.6;color:var(--ink-soft)}.lesson-table{margin:0}.table-cap{font-size:.8rem;color:var(--muted);margin:0 0 .4rem;font-weight:650}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.table-scroll table.simple{margin:0}.table-scroll td:first-child{font-family:var(--mono);font-size:.85rem;white-space:nowrap}:root{--mono: "Cascadia Code", "SF Mono", "JetBrains Mono", Consolas, "Liberation Mono", monospace;--code-bg: #16211c;--code-ink: #e8f1ea;--code-border: #2b3a32;--tok-com: #8aa294;--tok-str: #b8d9a8;--tok-kw: #7fc9a0;--tok-num: #e0b07a;--tok-bi: #9dc8e8;--tok-pn: #b6c7bb}.code-card{margin:0}.code-cap{font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.02em;margin-bottom:.35rem}pre.code{margin:0;background:var(--code-bg);color:var(--code-ink);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:.95rem 1.05rem;font-family:var(--mono);font-size:.86rem;line-height:1.62;overflow-x:auto;-moz-tab-size:4;tab-size:4;box-shadow:var(--shadow)}pre.code:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.t-com{color:var(--tok-com);font-style:italic}.t-str{color:var(--tok-str)}.t-kw{color:var(--tok-kw);font-weight:650}.t-num{color:var(--tok-num)}.t-bi{color:var(--tok-bi)}.t-pn{color:var(--tok-pn)}.code-out,.code-error{margin-top:.4rem;border:1px dashed var(--border-strong);border-radius:var(--radius-xs);padding:.6rem .75rem;background:var(--surface-sunken)}.code-error{border-color:color-mix(in srgb,var(--incorrect) 45%,transparent);background:var(--incorrect-soft)}.code-out-lbl{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--muted);margin-bottom:.25rem}.code-out pre,.code-error pre{margin:0;font-family:var(--mono);font-size:.84rem;line-height:1.6;white-space:pre-wrap;color:var(--ink)}.sandbox{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.05rem 1.15rem 1.15rem;box-shadow:var(--shadow)}.sandbox-task{margin:0 0 .7rem;font-weight:650;font-size:.95rem;color:var(--ink)}.sandbox-editor{width:100%;font-family:var(--mono);font-size:.86rem;line-height:1.6;background:var(--code-bg);color:var(--code-ink);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:.85rem .95rem;resize:vertical;-moz-tab-size:4;tab-size:4}.sandbox-editor:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}.sandbox-result{margin-top:.7rem}.sandbox-result:empty{margin-top:0}.sandbox-match{margin:.55rem 0 0;font-size:.86rem;font-weight:650;color:var(--correct)}.sandbox-expected{margin-top:.5rem}.sandbox-expected summary,.sandbox-aside summary{cursor:pointer;font-size:.85rem;font-weight:650;color:var(--primary-dark)}.sandbox-expected pre{margin:.4rem 0 0;font-family:var(--mono);font-size:.83rem;white-space:pre-wrap;background:var(--surface-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius-xs);padding:.5rem .65rem}.sandbox-aside{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.sandbox-aside p{margin:.35rem 0 0;color:var(--ink-soft);line-height:1.55}.lesson-check{border-left:3px solid var(--primary)}.lesson-pager{gap:.6rem;margin:.4rem 0 1rem}.lesson-pager .btn{max-width:46%;text-align:left}@media (max-width: 720px){.lesson-row{align-items:flex-start}.lesson-pager .btn{max-width:100%}.lesson-prose{font-size:1rem}}