:root{--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-200: #c7d2fe;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--accent-400: #22d3ee;--accent-500: #06b6d4;--bg: #f6f7fb;--bg-tint: radial-gradient(1200px 600px at 15% -10%, #e6ecff 0%, transparent 60%), radial-gradient(900px 500px at 95% 0%, #e6fbff 0%, transparent 55%);--surface: #ffffff;--surface-2: #f9fafc;--surface-3: #f1f3f9;--surface-inset: #eef1f7;--overlay: rgba(15, 23, 42, .45);--text: #101426;--text-muted: #5a6480;--text-soft: #808aa6;--text-invert: #ffffff;--border: #e4e8f1;--border-strong: #d2d9e8;--ring: rgba(99, 102, 241, .35);--ok: #16a34a;--ok-soft: #dcfce7;--warn: #d97706;--warn-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--info: #2563eb;--info-soft: #dbeafe;--subj-science: #0d9488;--subj-science-2: #34d399;--subj-physics: #2563eb;--subj-physics-2: #22d3ee;--subj-chemistry: #ea580c;--subj-chemistry-2: #f59e0b;--subj-biology: #059669;--subj-biology-2: #84cc16;--subj-mathematics: #7c3aed;--subj-mathematics-2: #c084fc;--subj-cs: #db2777;--subj-cs-2: #fb7185;--shadow-xs: 0 1px 2px rgba(16, 20, 38, .05);--shadow-sm: 0 2px 6px rgba(16, 20, 38, .06), 0 1px 2px rgba(16, 20, 38, .04);--shadow-md: 0 10px 24px -12px rgba(16, 20, 38, .22), 0 2px 6px rgba(16, 20, 38, .05);--shadow-lg: 0 24px 48px -20px rgba(16, 20, 38, .3), 0 6px 16px rgba(16, 20, 38, .07);--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Consolas, "Liberation Mono", monospace;--font-math: "Cambria Math", "Latin Modern Math", Georgia, "Times New Roman", serif;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1rem;--t-lg: 1.125rem;--t-xl: 1.375rem;--t-2xl: 1.75rem;--t-3xl: 2.25rem;--t-4xl: 3rem;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .38s;--page-max: 1240px;--header-h: 64px}[data-theme=dark]{--bg: #0b0f1a;--bg-tint: radial-gradient(1200px 600px at 15% -10%, #16204a 0%, transparent 60%), radial-gradient(900px 500px at 95% 0%, #0d2b39 0%, transparent 55%);--surface: #131828;--surface-2: #171d31;--surface-3: #1d2439;--surface-inset: #0f1424;--overlay: rgba(2, 6, 18, .6);--text: #eef1f9;--text-muted: #a3adc7;--text-soft: #7d88a5;--border: #262e46;--border-strong: #333d5c;--ring: rgba(129, 140, 248, .45);--ok: #4ade80;--ok-soft: rgba(34, 197, 94, .16);--warn: #fbbf24;--warn-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-soft: rgba(239, 68, 68, .16);--info: #60a5fa;--info-soft: rgba(59, 130, 246, .16);--subj-science: #2dd4bf;--subj-science-2: #6ee7b7;--subj-physics: #60a5fa;--subj-physics-2: #67e8f9;--subj-chemistry: #fb923c;--subj-chemistry-2: #fcd34d;--subj-biology: #34d399;--subj-biology-2: #a3e635;--subj-mathematics: #a78bfa;--subj-mathematics-2: #d8b4fe;--subj-cs: #f472b6;--subj-cs-2: #fda4af;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .45);--shadow-md: 0 12px 28px -14px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 28px 56px -24px rgba(0, 0, 0, .8), 0 8px 20px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--t-base);line-height:1.55;color:var(--text);background-color:var(--bg);background-image:var(--bg-tint);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}canvas{display:block;touch-action:none}svg{display:block}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:var(--r-xs)}::selection{background:var(--brand-200);color:var(--brand-700)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-soft);background-clip:content-box}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--s-7) var(--s-6) var(--s-10)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spacer{flex:1}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.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}.skip-link{position:absolute;left:50%;top:-60px;transform:translate(-50%);z-index:200;background:var(--brand-600);color:#fff;padding:var(--s-2) var(--s-4);border-radius:var(--r-sm);transition:top var(--dur) var(--ease)}.skip-link:focus{top:10px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-4);height:40px;border-radius:var(--r-sm);font-size:var(--t-base);font-weight:600;white-space:nowrap;border:1px solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(180deg,var(--brand-500),var(--brand-600));color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,var(--brand-600),var(--brand-700));box-shadow:var(--shadow-md)}.btn--secondary{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn--sm{height:32px;padding:0 var(--s-3);font-size:var(--t-sm)}.btn--lg{height:48px;padding:0 var(--s-6);font-size:var(--t-md);border-radius:var(--r-md)}.btn--icon{width:40px;padding:0}.btn--icon.btn--sm{width:32px}.btn--block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;background:var(--surface-3);color:var(--text-muted);border:1px solid transparent;white-space:nowrap}.chip--outline{background:transparent;border-color:var(--border)}.chip--accent{background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 14%,transparent);color:var(--accent-color, var(--brand-600))}.chip--ok{background:var(--ok-soft);color:var(--ok)}.chip--warn{background:var(--warn-soft);color:var(--warn)}.chip--info{background:var(--info-soft);color:var(--info)}.chip--danger{background:var(--danger-soft);color:var(--danger)}.chip__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.difficulty{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-xs);font-weight:600}.difficulty__bars{display:inline-flex;gap:2px;align-items:flex-end}.difficulty__bar{width:4px;border-radius:1px;background:var(--border-strong)}.difficulty__bar:nth-child(1){height:6px}.difficulty__bar:nth-child(2){height:9px}.difficulty__bar:nth-child(3){height:12px}.difficulty--beginner{color:var(--ok)}.difficulty--intermediate{color:var(--warn)}.difficulty--advanced{color:var(--danger)}.difficulty--beginner .difficulty__bar:nth-child(-n+1),.difficulty--intermediate .difficulty__bar:nth-child(-n+2),.difficulty--advanced .difficulty__bar:nth-child(-n+3){background:currentColor}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card--interactive{cursor:pointer;text-align:left;width:100%;display:block}.card--interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent-color, var(--brand-500)) 40%,var(--border))}.card--interactive:active{transform:translateY(-1px)}.class-card{--accent-color: var(--brand-600);padding:var(--s-5);overflow:hidden;isolation:isolate}.class-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-2, var(--accent-400)));opacity:.9}.class-card:after{content:"";position:absolute;z-index:-1;right:-50px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-color) 22%,transparent),transparent 68%);transition:transform var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease);opacity:.7}.class-card:hover:after{transform:scale(1.35) translate(-10px,12px);opacity:1}.class-card__head{display:flex;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-3)}.class-card__badge{flex:none;width:60px;height:60px;border-radius:var(--r-md);display:grid;place-items:center;background:linear-gradient(160deg,var(--accent-color),var(--accent-color-2, var(--accent-500)));color:#fff;box-shadow:var(--shadow-sm);line-height:1}.class-card__badge span{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85;display:block}.class-card__badge strong{font-size:1.6rem;font-weight:800;display:block;margin-top:2px}.class-card__title{font-size:var(--t-lg);margin-bottom:2px}.class-card__desc{color:var(--text-muted);font-size:var(--t-sm);min-height:40px}.class-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px dashed var(--border)}.stat{display:flex;flex-direction:column;gap:1px}.stat__value{font-size:var(--t-lg);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft);font-weight:600}.class-card__cta{margin-top:var(--s-4);display:flex;align-items:center;gap:6px;font-size:var(--t-sm);font-weight:600;color:var(--accent-color)}.class-card__cta svg{transition:transform var(--dur) var(--ease)}.card--interactive:hover .class-card__cta svg{transform:translate(4px)}.subject-card{padding:var(--s-5);overflow:hidden;display:flex;flex-direction:column;min-height:100%}.subject-card__glyph{width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--accent-color),var(--accent-color-2));box-shadow:0 6px 16px -8px var(--accent-color);margin-bottom:var(--s-4);transition:transform var(--dur) var(--ease)}.card--interactive:hover .subject-card__glyph{transform:rotate(-6deg) scale(1.06)}.subject-card__title{font-size:var(--t-lg)}.subject-card__tagline{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-color);margin-bottom:var(--s-1)}.subject-card__desc{color:var(--text-muted);font-size:var(--t-sm);margin:var(--s-2) 0 var(--s-4);flex:1}.subject-card__meta{display:flex;gap:var(--s-2);flex-wrap:wrap}.subject-card--empty{opacity:.75;border-style:dashed}.topic-card{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);min-height:100%}.topic-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.topic-card__title{font-size:var(--t-md);line-height:1.3}.topic-card__desc{color:var(--text-muted);font-size:var(--t-sm);flex:1}.topic-card__meta{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;font-size:var(--t-xs);color:var(--text-soft)}.topic-card__meta-item{display:inline-flex;align-items:center;gap:4px;font-weight:600}.topic-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--border)}.ncert-ref{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);overflow:hidden}.ncert-ref__head{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);font-size:var(--t-sm);border-bottom:1px solid var(--border);background:var(--surface-3)}.ncert-ref__head .soft{margin-left:auto;font-size:var(--t-xs)}.ncert-ref__chapter{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);font-size:var(--t-sm);border-bottom:1px solid var(--border);transition:background var(--dur) var(--ease)}.ncert-ref__chapter:last-child{border-bottom:none}.ncert-ref__chapter:hover{background:var(--surface-3)}.ncert-ref__number{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:var(--t-xs);font-weight:800;font-family:var(--font-mono);background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 15%,transparent);color:var(--accent-color, var(--brand-600))}.ncert-ref__link{margin-left:auto;flex:none;font-size:var(--t-xs);font-weight:600;color:var(--accent-color, var(--brand-600));white-space:nowrap}.progress-bar{position:relative;height:6px;border-radius:var(--r-pill);background:var(--surface-inset);overflow:hidden;width:100%}.progress-bar__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-color, var(--brand-500)),var(--accent-color-2, var(--accent-400)));transition:width var(--dur-slow) var(--ease)}.progress-ring{display:grid;place-items:center;position:relative}.progress-ring__label{position:absolute;font-size:.65rem;font-weight:700;font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-xs);font-weight:600;padding:3px 9px;border-radius:var(--r-pill)}.status-pill--not-started{background:var(--surface-3);color:var(--text-soft)}.status-pill--in-progress{background:var(--info-soft);color:var(--info)}.status-pill--explored{background:var(--warn-soft);color:var(--warn)}.status-pill--completed{background:var(--ok-soft);color:var(--ok)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:var(--t-sm);color:var(--text-muted);min-width:0}.breadcrumb__link{padding:3px 8px;border-radius:var(--r-xs);transition:background var(--dur) var(--ease),color var(--dur) var(--ease);white-space:nowrap}.breadcrumb__link:hover{background:var(--surface-3);color:var(--text)}.breadcrumb__sep{color:var(--text-soft);opacity:.6;flex:none}.breadcrumb__current{padding:3px 8px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header{position:sticky;top:0;z-index:60;height:var(--header-h);display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-6);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:var(--s-3);font-weight:800;letter-spacing:-.02em;font-size:var(--t-md);flex:none}.brand__mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(150deg,var(--brand-500),var(--accent-500));color:#fff;box-shadow:0 6px 14px -6px var(--brand-500)}.brand__sub{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);display:block;line-height:1;margin-top:2px}.header-nav{display:flex;align-items:center;gap:2px;margin-left:var(--s-2)}.header-nav__link{padding:7px 12px;border-radius:var(--r-sm);font-size:var(--t-sm);font-weight:600;color:var(--text-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.header-nav__link:hover{background:var(--surface-3);color:var(--text)}.header-nav__link.is-active{background:var(--brand-50);color:var(--brand-600)}[data-theme=dark] .header-nav__link.is-active{background:color-mix(in srgb,var(--brand-500) 20%,transparent);color:var(--brand-300)}.search-trigger{display:inline-flex;align-items:center;gap:var(--s-2);height:38px;padding:0 var(--s-3);min-width:210px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);font-size:var(--t-sm);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.search-trigger:hover{border-color:var(--border-strong);background:var(--surface)}.search-trigger kbd{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;padding:2px 6px;border-radius:5px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-soft)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:10vh var(--s-4) var(--s-4);animation:fade-in var(--dur) var(--ease)}.search-modal{width:min(640px,100%);max-height:70vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:pop-in var(--dur) var(--ease)}.search-modal__input-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-bottom:1px solid var(--border);flex:none}.search-modal__input{flex:1;border:none;background:none;font-size:var(--t-lg);outline:none}.search-modal__input::placeholder{color:var(--text-soft)}.search-results{overflow-y:auto;padding:var(--s-2)}.search-group__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-soft);padding:var(--s-3) var(--s-3) var(--s-2)}.search-result{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3);border-radius:var(--r-sm);text-align:left;transition:background var(--dur-fast) var(--ease)}.search-result:hover,.search-result.is-active{background:var(--surface-3)}.search-result__icon{flex:none;width:34px;height:34px;border-radius:var(--r-xs);display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--accent-color, var(--brand-500)),var(--accent-color-2, var(--accent-400)))}.search-result__title{font-weight:600;font-size:var(--t-base)}.search-result__path{font-size:var(--t-xs);color:var(--text-soft)}.search-result__kind{margin-left:auto;font-size:var(--t-xs);color:var(--text-soft);font-weight:600}.search-modal__footer{display:flex;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-top:1px solid var(--border);font-size:var(--t-xs);color:var(--text-soft);flex:none}.search-modal__footer kbd{font-family:var(--font-mono);padding:1px 5px;border-radius:4px;background:var(--surface-3);border:1px solid var(--border)}.search-empty{padding:var(--s-8) var(--s-4);text-align:center;color:var(--text-muted)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap}.section-head__title{font-size:var(--t-xl)}.section-head__sub{color:var(--text-muted);font-size:var(--t-sm);margin-top:2px}.eyebrow{font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-600)}[data-theme=dark] .eyebrow{color:var(--brand-300)}.grid{display:grid;gap:var(--s-5)}.grid--classes{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid--subjects{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--topics{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--s-8) var(--s-6);text-align:center;color:var(--text-muted);background:color-mix(in srgb,var(--surface) 60%,transparent)}.empty-state__title{font-size:var(--t-md);color:var(--text);margin-bottom:var(--s-1)}.toolbar{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-5)}.field{display:flex;align-items:center;gap:var(--s-2);height:38px;padding:0 var(--s-3);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field:focus-within{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--ring)}.field input{border:none;outline:none;background:none;min-width:190px;font-size:var(--t-sm)}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--border)}.segmented__btn{padding:5px 11px;border-radius:7px;font-size:var(--t-sm);font-weight:600;color:var(--text-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.segmented__btn:hover{color:var(--text)}.segmented__btn.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.tip{position:relative;display:inline-flex}.tip__bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#101426;color:#fff;font-size:var(--t-xs);font-weight:500;line-height:1.4;padding:6px 10px;border-radius:var(--r-xs);width:max-content;max-width:240px;text-align:center;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);z-index:30;box-shadow:var(--shadow-md)}.tip__bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#101426}.tip:hover .tip__bubble,.tip:focus-within .tip__bubble{opacity:1;transform:translate(-50%) translateY(0)}[data-theme=dark] .tip__bubble{background:#2b3350}[data-theme=dark] .tip__bubble:after{border-top-color:#2b3350}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.animate-in{animation:rise-in var(--dur-slow) var(--ease) both}@media (max-width: 900px){.header-nav{display:none}.search-trigger{min-width:0}.search-trigger span,.search-trigger kbd{display:none}.search-trigger{width:38px;justify-content:center;padding:0}}@media (max-width: 640px){.page{padding:var(--s-5) var(--s-4) var(--s-9)}.app-header{padding:0 var(--s-4);gap:var(--s-2)}.grid--classes,.grid--subjects,.grid--topics{grid-template-columns:1fr}}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1;min-height:0;display:flex;flex-direction:column}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);border:1px solid var(--border);background:linear-gradient(135deg,#4f46e5,#6d28d9 45%,#0891b2);color:#fff;padding:var(--s-9) var(--s-8);box-shadow:var(--shadow-lg);margin-bottom:var(--s-8)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.22) 1px,transparent 0);background-size:22px 22px;opacity:.5;-webkit-mask-image:linear-gradient(160deg,#000 10%,transparent 75%);mask-image:linear-gradient(160deg,#000 10%,transparent 75%)}.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s-8);align-items:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#ffffff29;border:1px solid rgba(255,255,255,.24);padding:5px 12px;border-radius:var(--r-pill);margin-bottom:var(--s-4)}.hero__title{font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.05;letter-spacing:-.035em;margin-bottom:var(--s-4)}.hero__title em{font-style:normal;background:linear-gradient(90deg,#fde68a,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lede{font-size:var(--t-lg);line-height:1.5;color:#ffffffdb;max-width:52ch;margin-bottom:var(--s-6)}.hero__actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.hero .btn--primary{background:#fff;color:var(--brand-700)}.hero .btn--primary:hover{background:#f2f3ff}.hero .btn--secondary{background:#ffffff1f;border-color:#ffffff4d;color:#fff}.hero .btn--secondary:hover{background:#fff3}.hero__stats{display:flex;gap:var(--s-6);margin-top:var(--s-7);flex-wrap:wrap}.hero__stat strong{display:block;font-size:var(--t-2xl);font-weight:800;line-height:1}.hero__stat span{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.09em;color:#ffffffb8;font-weight:600}.hero__panel{background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-lg);padding:var(--s-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__panel-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#fffc;margin-bottom:var(--s-3)}.hero__preview{border-radius:var(--r-md);overflow:hidden;background:#090c1a59;border:1px solid rgba(255,255,255,.14)}.hero__preview-caption{display:flex;align-items:center;gap:8px;font-size:var(--t-xs);color:#ffffffc7;margin-top:var(--s-3)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--s-4);margin-bottom:var(--s-8)}.step{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.step:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.step__num{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:var(--t-sm);font-weight:800;background:var(--brand-50);color:var(--brand-600);margin-bottom:var(--s-3)}[data-theme=dark] .step__num{background:color-mix(in srgb,var(--brand-500) 22%,transparent);color:var(--brand-300)}.step__title{font-size:var(--t-base);margin-bottom:4px}.step__desc{font-size:var(--t-sm);color:var(--text-muted)}.resume-card{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);margin-bottom:var(--s-7);flex-wrap:wrap}.resume-card__icon{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--accent-color, var(--brand-500)),var(--accent-color-2, var(--accent-400)));flex:none}.resume-card__body{flex:1;min-width:200px}.resume-card__label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--text-soft)}.resume-card__title{font-size:var(--t-md);font-weight:700}.resume-card__path{font-size:var(--t-sm);color:var(--text-muted)}.page-head{margin-bottom:var(--s-6)}.page-head__bar{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap}.page-head__title{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.03em}.page-head__lede{color:var(--text-muted);max-width:70ch;margin-top:var(--s-2)}.page-head__banner{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-lg);color:#fff;background:linear-gradient(120deg,var(--accent-color, var(--brand-600)),var(--accent-color-2, var(--accent-500)));box-shadow:var(--shadow-md);margin-bottom:var(--s-6);flex-wrap:wrap}.page-head__banner-glyph{width:54px;height:54px;flex:none;border-radius:var(--r-md);display:grid;place-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.25)}.page-head__banner h1{font-size:var(--t-2xl)}.page-head__banner p{color:#ffffffd9;font-size:var(--t-sm);max-width:60ch}.page-head__banner-stats{display:flex;gap:var(--s-5);margin-left:auto}.page-head__banner-stats .stat__label{color:#ffffffbf}.progress-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s-4);margin-bottom:var(--s-7)}.summary-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-xs)}.summary-tile__value{font-size:var(--t-3xl);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.summary-tile__label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-soft);margin-top:var(--s-2)}.history-list{display:flex;flex-direction:column;gap:var(--s-2)}.history-row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.history-row:hover{border-color:var(--border-strong);transform:translate(3px)}.history-row__title{font-weight:600}.history-row__path{font-size:var(--t-xs);color:var(--text-soft)}.history-row__meta{margin-left:auto;display:flex;align-items:center;gap:var(--s-4);font-size:var(--t-xs);color:var(--text-muted)}.app-footer{border-top:1px solid var(--border);padding:var(--s-6);text-align:center;font-size:var(--t-sm);color:var(--text-soft)}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr}.hero{padding:var(--s-7) var(--s-5)}.page-head__banner-stats{margin-left:0;width:100%}}.learn{display:flex;flex-direction:column;flex:1;min-height:0}.learn-topbar{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-6);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;position:sticky;top:var(--header-h);z-index:40}.learn-topbar__main{min-width:0;flex:1}.learn-topbar__title{font-size:var(--t-lg);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.learn-topbar__actions{display:flex;align-items:center;gap:var(--s-2)}.learn-progress{display:flex;align-items:center;gap:var(--s-3);padding:6px var(--s-3);border-radius:var(--r-pill);background:var(--surface-3);font-size:var(--t-xs);font-weight:600;color:var(--text-muted)}.learn-progress .progress-bar{width:84px}.learn-body{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);gap:var(--s-5);padding:var(--s-5) var(--s-6) var(--s-7);align-items:start;flex:1;min-height:0;max-width:1600px;width:100%;margin:0 auto}.learn-left,.learn-right{min-width:0}.learn-right{position:sticky;top:calc(var(--header-h) + 74px);max-height:calc(100vh - var(--header-h) - 96px);display:flex;flex-direction:column}.sim{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;container-type:inline-size}.sim__body{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:stretch}.sim__main{min-width:0;display:flex;flex-direction:column}.sim__side{min-width:0;border-left:1px solid var(--border);background:var(--surface-2);overflow-y:auto;max-height:640px}@container (max-width: 660px){.sim__body{grid-template-columns:1fr}.sim__side{border-left:none;border-top:1px solid var(--border);max-height:none}}.sim__header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.sim__title{font-size:var(--t-base);font-weight:700}.sim__subtitle{font-size:var(--t-xs);color:var(--text-soft)}.sim__status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:700;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-muted)}.sim__status--running{background:var(--ok-soft);color:var(--ok)}.sim__status--running .chip__dot{animation:pulse 1.4s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.sim__stage{position:relative;background:var(--surface-inset)}[data-theme=dark] .sim__stage{background-color:#0a0e1a}.sim__canvas{width:100%;height:auto;display:block}.sim__hint{position:absolute;left:var(--s-3);bottom:var(--s-3);display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:600;padding:5px 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - var(--s-6))}.sim__transport{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.sim__transport-spacer{flex:1}.speed-control{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);font-weight:600;color:var(--text-muted)}.readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:var(--s-3);padding:var(--s-4);border-top:1px solid var(--border)}.readout{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);padding:var(--s-3);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.readout--primary{border-color:color-mix(in srgb,var(--accent-color, var(--brand-500)) 45%,var(--border));background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 8%,var(--surface))}.readout__label{display:flex;align-items:center;gap:5px;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--text-soft);margin-bottom:4px}.readout__value{font-family:var(--font-mono);font-size:var(--t-xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.02em;transition:color var(--dur) var(--ease)}.readout--primary .readout__value{color:var(--accent-color, var(--brand-600))}.readout__unit{font-size:var(--t-sm);font-weight:600;color:var(--text-soft);margin-left:3px}.readout__note{font-size:var(--t-xs);color:var(--text-soft);margin-top:3px}.value-flash{animation:flash-accent .52s var(--ease)}@keyframes flash-accent{0%{background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 22%,var(--surface))}to{background:inherit}}.controls{padding:var(--s-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s-4) var(--s-5);align-content:start}.controls__title{grid-column:1 / -1;display:flex;align-items:center;gap:var(--s-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--text-soft);position:sticky;top:calc(var(--s-4) * -1);padding:var(--s-2) 0;margin-top:calc(var(--s-2) * -1);background:var(--surface-2);z-index:1}.control{display:flex;flex-direction:column;gap:var(--s-2)}.control__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2)}.control__label{font-size:var(--t-sm);font-weight:600;display:inline-flex;align-items:center;gap:5px}.control__value{font-family:var(--font-mono);font-size:var(--t-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-color, var(--brand-600));background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 10%,transparent);padding:1px 7px;border-radius:var(--r-xs)}.control__hint{font-size:var(--t-xs);color:var(--text-soft)}.slider{--track: var(--surface-inset);--fill: var(--accent-color, var(--brand-500));-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--fill) 0%,var(--fill) var(--pct, 50%),var(--track) var(--pct, 50%),var(--track) 100%)}.slider::-moz-range-track{height:6px;border-radius:var(--r-pill);background:var(--track)}.slider::-moz-range-progress{height:6px;border-radius:var(--r-pill);background:var(--fill)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid var(--fill);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--fill);box-shadow:var(--shadow-sm)}.slider:hover::-webkit-slider-thumb,.slider:focus-visible::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 6px color-mix(in srgb,var(--fill) 20%,transparent)}.slider:disabled{opacity:.5;cursor:not-allowed}.slider__scale{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-soft);font-family:var(--font-mono);margin-top:-4px}.toggle{display:inline-flex;align-items:center;gap:var(--s-3);cursor:pointer}.toggle__track{position:relative;width:42px;height:24px;border-radius:var(--r-pill);background:var(--border-strong);transition:background var(--dur) var(--ease);flex:none}.toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease)}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle input:checked+.toggle__track{background:var(--accent-color, var(--brand-500))}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(18px)}.toggle input:focus-visible+.toggle__track{box-shadow:0 0 0 3px var(--ring)}.select,.number-input{width:100%;height:38px;padding:0 var(--s-3);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);font-size:var(--t-sm);outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.select:focus,.number-input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--ring)}.option-group{display:flex;gap:var(--s-2);flex-wrap:wrap}.option-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);font-size:var(--t-sm);font-weight:600;color:var(--text-muted);transition:all var(--dur) var(--ease)}.option-chip:hover{border-color:var(--border-strong);color:var(--text)}.option-chip.is-active{border-color:var(--accent-color, var(--brand-500));background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 12%,transparent);color:var(--accent-color, var(--brand-600))}.option-chip__swatch{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.control--action{justify-content:flex-end}.sim--fullscreen{display:flex;flex-direction:column;width:100%;height:100%;max-height:100vh;border:none;border-radius:0;background:var(--surface)}.sim--immersive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;height:100vh}.sim--fullscreen .sim__body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;flex:1;min-height:0}.sim--fullscreen .sim__main{min-height:0}.sim--fullscreen .sim__side{border-left:none;border-top:1px solid var(--border);max-height:34vh}.sim--fullscreen .sim__stage{flex:1;min-height:0;display:flex}.sim--fullscreen .sim__canvas{aspect-ratio:auto!important;width:100%;height:100%}.sim--fullscreen .controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sim--fullscreen .readouts{padding:var(--s-3) var(--s-4)}.lab-notes{margin-top:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);overflow:hidden}.lab-notes__head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.lab-notes__title{font-size:var(--t-base);font-weight:700;display:flex;align-items:center;gap:var(--s-2)}.lab-notes__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-5);padding:var(--s-4)}.lab-notes__col-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-soft);margin-bottom:var(--s-3);display:flex;align-items:center;gap:6px}.note-line{display:flex;gap:var(--s-3);padding:var(--s-2) 0;font-size:var(--t-sm);line-height:1.5;border-bottom:1px dashed var(--border)}.note-line:last-child{border-bottom:none}.note-line__marker{flex:none;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:.62rem;font-weight:800;background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 14%,transparent);color:var(--accent-color, var(--brand-600));margin-top:2px}.note-line__formula{font-family:var(--font-math);font-size:var(--t-md);font-weight:600}.notes-editor{width:100%;min-height:170px;resize:vertical;padding:var(--s-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);font-family:var(--font-sans);font-size:var(--t-sm);line-height:1.6;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.notes-editor:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--ring);background:var(--surface)}.notes-editor::placeholder{color:var(--text-soft)}.lab-notes__footer{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3);flex-wrap:wrap;font-size:var(--t-xs);color:var(--text-soft)}@media (max-width: 760px){.lab-notes__body{grid-template-columns:1fr}}.practice-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);padding:var(--s-4);margin-bottom:var(--s-3)}.practice-card__q{display:flex;gap:var(--s-3);font-size:var(--t-base);line-height:1.5;font-weight:600}.practice-card__num{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:.68rem;font-weight:800;background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 16%,transparent);color:var(--accent-color, var(--brand-600));margin-top:1px}.practice-card__actions{display:flex;gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap}.practice-card__reveal{margin-top:var(--s-3);padding:var(--s-3);border-radius:var(--r-sm);font-size:var(--t-sm);line-height:1.5;animation:fade-in var(--dur) var(--ease)}.practice-card__reveal--hint{background:var(--warn-soft);color:var(--text)}.practice-card__reveal--answer{background:color-mix(in srgb,var(--ok) 13%,transparent);color:var(--text);font-weight:600}.graph-panel{border-top:1px solid var(--border);padding:var(--s-4)}.graph-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap}.graph-panel__title{font-size:var(--t-sm);font-weight:700}.graph-legend{display:flex;gap:var(--s-3);flex-wrap:wrap;font-size:var(--t-xs);color:var(--text-muted)}.graph-legend__item{display:inline-flex;align-items:center;gap:5px;font-weight:600}.graph-legend__swatch{width:12px;height:3px;border-radius:2px}.graph-canvas{width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2)}.info-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden}.info-panel__tabs{display:flex;gap:2px;padding:var(--s-2);border-bottom:1px solid var(--border);background:var(--surface-2);overflow-x:auto;flex:none;scrollbar-width:none}.info-panel__tabs::-webkit-scrollbar{display:none}.info-tab{padding:7px 12px;border-radius:var(--r-sm);font-size:var(--t-sm);font-weight:600;color:var(--text-muted);white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.info-tab:hover{background:var(--surface-3);color:var(--text)}.info-tab.is-active{background:var(--surface);color:var(--accent-color, var(--brand-600));box-shadow:var(--shadow-xs)}.info-panel__scroll{overflow-y:auto;overscroll-behavior:contain;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-6);flex:1;min-height:0}.info-section{scroll-margin-top:var(--s-4)}.info-section__title{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--text-soft);margin-bottom:var(--s-3)}.info-section__title:after{content:"";flex:1;height:1px;background:var(--border)}.info-text{font-size:var(--t-base);line-height:1.62;color:var(--text)}.info-list{display:flex;flex-direction:column;gap:var(--s-3)}.info-list li{display:flex;gap:var(--s-3);font-size:var(--t-base);line-height:1.5}.info-list__marker{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:.68rem;font-weight:800;background:color-mix(in srgb,var(--accent-color, var(--brand-500)) 14%,transparent);color:var(--accent-color, var(--brand-600));margin-top:1px}.concept-item{border-left:2px solid color-mix(in srgb,var(--accent-color, var(--brand-500)) 45%,transparent);padding-left:var(--s-3)}.concept-item__term{font-weight:700;font-size:var(--t-base)}.concept-item__detail{color:var(--text-muted);font-size:var(--t-sm);line-height:1.5}.formula-card{border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--accent-color, var(--brand-500)) 35%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--accent-color, var(--brand-500)) 10%,var(--surface)),var(--surface));padding:var(--s-4);margin-bottom:var(--s-3);box-shadow:var(--shadow-xs)}.formula-card__name{font-size:var(--t-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-color, var(--brand-600));margin-bottom:var(--s-2)}.formula-card__expr{font-family:var(--font-math);font-size:1.6rem;font-weight:600;letter-spacing:.01em;text-align:center;padding:var(--s-3) 0;color:var(--text)}.formula-card__expr sub{font-size:.62em}.formula-card__desc{font-size:var(--t-sm);color:var(--text-muted);text-align:center}.formula-card__rearranged{display:flex;gap:var(--s-2);justify-content:center;flex-wrap:wrap;margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--border)}.formula-pill{font-family:var(--font-math);font-size:var(--t-md);padding:3px 12px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border)}.variable-row{display:grid;grid-template-columns:auto 1fr;gap:var(--s-3);align-items:baseline;padding:var(--s-2) 0;border-bottom:1px dashed var(--border)}.variable-row:last-child{border-bottom:none}.variable-row__symbol{font-family:var(--font-math);font-size:var(--t-lg);font-weight:700;color:var(--accent-color, var(--brand-600));min-width:28px}.variable-row__name{font-weight:600;font-size:var(--t-base)}.variable-row__unit{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text-soft);margin-left:6px}.variable-row__desc{font-size:var(--t-sm);color:var(--text-muted)}.example-card{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);overflow:hidden;margin-bottom:var(--s-3)}.example-card__head{padding:var(--s-3) var(--s-4);font-weight:700;font-size:var(--t-sm);background:var(--surface-3);display:flex;align-items:center;gap:var(--s-2)}.example-card__body{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--t-sm)}.example-card__step{display:flex;gap:var(--s-3);line-height:1.5}.example-card__step-index{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text-soft);padding-top:2px}.example-card__answer{margin-top:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);font-weight:700;font-family:var(--font-mono);font-size:var(--t-base);align-self:flex-start}.callout{border-radius:var(--r-md);padding:var(--s-4);display:flex;gap:var(--s-3);font-size:var(--t-base);line-height:1.55}.callout__icon{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center}.callout--fact{background:var(--info-soft);color:var(--text)}.callout--fact .callout__icon{background:var(--info);color:#fff}.callout--takeaway{background:color-mix(in srgb,var(--brand-500) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-500) 26%,transparent)}.callout--takeaway .callout__icon{background:var(--brand-600);color:#fff}.mistake-item{display:flex;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--danger-soft);margin-bottom:var(--s-2)}.mistake-item__x{flex:none;width:20px;height:20px;border-radius:6px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:800;margin-top:2px}.mistake-item__wrong{font-weight:600;font-size:var(--t-sm)}.mistake-item__right{font-size:var(--t-sm);color:var(--text-muted);margin-top:2px}.mistake-item__right strong{color:var(--ok)}.application-item{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);margin-bottom:var(--s-2);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.application-item:hover{border-color:var(--border-strong);transform:translate(2px)}.application-item__icon{font-size:1.15rem;line-height:1.2}.application-item__title{font-weight:600;font-size:var(--t-sm)}.application-item__desc{font-size:var(--t-sm);color:var(--text-muted)}.related-link{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);border:1px dashed var(--border-strong);margin-bottom:var(--s-2);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.related-link:hover{background:var(--surface-2);border-color:var(--accent-color, var(--brand-500))}.related-link__class{font-size:var(--t-xs);font-weight:800;padding:3px 8px;border-radius:var(--r-xs);background:var(--surface-3);color:var(--text-muted);flex:none}.objective{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--t-base);line-height:1.5;padding:var(--s-2) 0}.objective__check{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--border-strong);display:grid;place-items:center;margin-top:2px;color:transparent;transition:all var(--dur) var(--ease)}.objective--done .objective__check{background:var(--ok);border-color:var(--ok);color:#fff}@media (max-width: 1100px){.learn-body{grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:var(--s-4);padding:var(--s-4)}}@media (max-width: 940px){.learn-body{grid-template-columns:1fr}.learn-right{position:static;max-height:none}.info-panel__scroll{max-height:none;overflow:visible}}@media (max-width: 640px){.learn-topbar{padding:var(--s-3) var(--s-4);position:static}.learn-topbar__title{font-size:var(--t-md)}.sim__body{grid-template-columns:1fr}.sim__side{border-left:none;border-top:1px solid var(--border);max-height:none}.readouts{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--s-2);padding:var(--s-3)}.readout__value{font-size:var(--t-lg)}.controls{grid-template-columns:1fr;padding:var(--s-3)}.sim__transport{padding:var(--s-3)}.slider{height:30px}.slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px}.slider::-moz-range-thumb{width:24px;height:24px}}