:root{--page: #ffffff;--surface-border: #e5e7eb;--text: #111827;--text-secondary: #6b7280;--radius-card: 16px;--radius-control: 10px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--physics: #d81b60;--physics-tint: #fce4ec;--chemistry: #c2410c;--chemistry-tint: #ffedd5;--history: #15803d;--history-tint: #dcfce7;--social_studies: #1d4ed8;--social_studies-tint: #dbeafe;--green-fill: #dcfce7;--green-border: #15803d;--yellow-fill: #fef3c7;--yellow-border: #b45309;--red-fill: #fee2e2;--red-border: #b91c1c;--tabletop: #f3e9d2}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body[data-band="1-2"]{font-size:20px}body[data-band="3-5"]{font-size:18px}body[data-band="6-8"],body[data-band="9-12"]{font-size:16px}h1,h2,h3{text-wrap:balance;margin:0 0 .5em;line-height:1.25}button{font:inherit;cursor:pointer;border-radius:var(--radius-control);border:1px solid var(--surface-border);background:#fff;color:var(--text);padding:10px 18px;min-height:44px}button:hover:not(:disabled){border-color:var(--text-secondary)}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.btn-primary{background:var(--accent, #111827);border-color:var(--accent, #111827);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.shell{max-width:1180px;margin:0 auto;padding:0 24px 80px}.dashbar{position:sticky;top:0;z-index:20;background:var(--page);border-bottom:1px solid var(--surface-border);display:flex;align-items:center;gap:4px;padding:10px 24px;flex-wrap:wrap}.dashbar .brand{font-weight:700;letter-spacing:-.02em;margin-right:12px;display:inline-flex;align-items:center;gap:8px}.brand-lockup{display:flex;align-items:center;gap:12px}.dashbar nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}.dashbar a{text-decoration:none;color:var(--text);padding:8px 14px;border-radius:var(--radius-control);border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;min-height:44px}body[data-band="1-2"] .dashbar a{min-height:56px;padding:10px 18px}.dashbar a:hover{background:#f9fafb}.dashbar a[aria-current=page]{font-weight:700;border-color:var(--surface-border);box-shadow:inset 0 -3px 0 var(--accent, var(--text))}.dashbar .who{color:var(--text-secondary);font-size:13px}.path-wrap{position:relative;padding:40px 0 24px}.horizon-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--surface-border) 18%,var(--surface-border) 82%,transparent)}.path{position:relative;display:flex;align-items:center;min-height:220px;padding:0 8px;--node-w: 132px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.path{justify-content:safe center}.node{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:0 0 var(--node-w);max-width:var(--node-w)}.node .circle{border-radius:50%;display:grid;place-items:center;border:3px solid var(--accent);background:#fff;color:var(--accent);font-weight:700;transition:transform .18s ease}.node.passed .circle{background:var(--accent);color:#fff}.node.current .circle{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 16%,transparent)}.node.locked .circle{border-color:var(--surface-border);color:var(--text-secondary);opacity:.6}.node .label{font-size:13px;color:var(--text);max-width:calc(100% - 14px);overflow-wrap:anywhere}.node.locked .label{color:var(--text-secondary)}.node .reason{font-size:11px;color:var(--text-secondary)}.dot{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent);z-index:5;pointer-events:none;transition:left 1.4s cubic-bezier(.4,0,.2,1),top 1.4s cubic-bezier(.4,0,.2,1)}.dot.travelling{filter:blur(3px) drop-shadow(0 0 6px var(--accent))}.wheee{position:absolute;z-index:6;font-weight:800;color:var(--accent);pointer-events:none;white-space:nowrap;transition:left 1.4s cubic-bezier(.4,0,.2,1),top 1.4s cubic-bezier(.4,0,.2,1);animation:wheeeFade 1.4s ease-out forwards}@keyframes wheeeFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}18%{opacity:1}85%{opacity:.5}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@media(max-width:900px){.path{--node-w: 116px;min-height:200px}}@media(max-width:560px){.path{--node-w: 96px;min-height:184px;padding:0 4px}.node .label{font-size:12px}.node .reason{font-size:10px}.dashbar{padding:8px 12px;gap:6px}.dashbar .brand{margin-right:4px;font-size:15px}.dashbar nav{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;gap:2px;scrollbar-width:none;-ms-overflow-style:none}.dashbar nav::-webkit-scrollbar{display:none}.dashbar a{padding:8px 10px;white-space:nowrap;font-size:14px}body[data-band="1-2"] .dashbar a{padding:8px 12px;min-height:48px}.dashbar a,.dashbar button{min-height:44px}.dashbar .identity{flex:1 1 0;min-width:0}.dashbar .identity>button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashbar .who{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.dot{transition:none}.dot.travelling{filter:none}.wheee{display:none}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.reading{max-width:68ch;margin:0 auto}.reading .section{padding:28px 0;border-bottom:1px solid var(--surface-border)}.reading h3{font-size:1.15em}.reading p.body{font-size:1.06em;line-height:1.7;max-width:65ch}body[data-band="1-2"] .reading p.body{font-size:1.15em;line-height:1.75;max-width:46ch}.illus{font-size:56px;line-height:1;text-align:center;padding:18px;background:#fafafa;border-radius:var(--radius-card);border:1px solid var(--surface-border);margin-bottom:16px}body[data-band="1-2"] .illus{font-size:96px}.readaloud-word{border-radius:3px;padding:0 1px}.readaloud-word.active{background:#fde68a}.gate{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.gate .ring{width:18px;height:18px;border-radius:50%;border:2px solid var(--surface-border);background:conic-gradient(var(--accent) calc(var(--pct) * 1%),transparent 0)}.qbox{border:1px solid var(--surface-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card);padding:20px;margin-bottom:16px;transition:background .24s ease,border-color .24s ease}.qbox.green{background:var(--green-fill);border-color:var(--green-border)}.qbox.yellow{background:var(--yellow-fill);border-color:var(--yellow-border)}.qbox.red{background:var(--red-fill);border-color:var(--red-border)}.qbox .state{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:8px}.qbox .opts{display:flex;flex-direction:column;gap:8px;margin-top:14px}.qbox .opt{text-align:left;padding:12px 16px;background:#fff;border:1px solid var(--surface-border);border-radius:var(--radius-control)}.qbox .opt[aria-pressed=true]{border-color:var(--text);font-weight:600}.qbox .opt.is-answer{border-color:var(--green-border);border-width:2px}.qbox .explain{margin-top:12px;font-size:.92em;color:var(--text)}.bench{background:var(--tabletop);border-radius:var(--radius-card);padding:24px;border:1px solid #e3d7bb}.shelf{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.material{background:#fff;border:2px solid #e3d7bb;border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 2px #d9c9a5}.material[aria-pressed=true]{border-color:var(--accent);box-shadow:0 2px 0 var(--accent)}.material .conc{font-size:11px;color:var(--text-secondary)}.beaker{min-height:190px;border-radius:14px;background:#fffdf7;border:2px dashed #d9c9a5;display:grid;place-items:center;padding:18px;text-align:center}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{border:1px solid var(--surface-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card);overflow:hidden}.card .bar{height:8px;background:var(--accent)}.card .body{padding:16px}.card .name{font-size:20px;font-weight:600}.card .meta{font-size:13px;color:var(--text-secondary)}.tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;border:1px solid var(--surface-border);border-radius:999px;padding:3px 10px}.tag.warn{border-color:var(--yellow-border);color:var(--yellow-border);background:var(--yellow-fill)}.tag.good{border-color:var(--green-border);color:var(--green-border);background:var(--green-fill)}.notice{border:1px solid var(--surface-border);border-left:4px solid var(--accent, var(--text-secondary));border-radius:var(--radius-control);padding:14px 16px;background:#fafafa;font-size:.94em}.stepper{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0 28px}.step-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;border:1px solid var(--surface-border);border-radius:999px;padding:6px 14px}.step-pill.done{border-color:var(--green-border);color:var(--green-border)}.step-pill.current{border-color:var(--accent);font-weight:700;box-shadow:inset 0 -2px 0 var(--accent)}.step-pill.locked{color:var(--text-secondary);opacity:.7}.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}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th,table.data td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--surface-border)}table.data th{color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}table.data td.num{font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}.linklike{background:none;border:none;padding:0;font:inherit;color:#1d4ed8;text-decoration:underline;cursor:pointer;min-height:0}html[lang=hi] body{font-family:Noto Sans Devanagari,Nirmala UI,Mangal,Kohinoor Devanagari,system-ui,sans-serif;line-height:1.7}