:root{--bg:#fff;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);color:#111827;background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}body{background:var(--bg);margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{color:#0f172a;background:#f8fafc;min-height:100vh}.top-bar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:72px;padding:12px 20px;display:grid}.top-bar-left{justify-self:start;align-items:center;min-width:0;display:flex}.header-link-button{align-items:center;text-decoration:none;display:inline-flex}.brand-title{margin:0;font-size:clamp(30px,3vw,40px);font-weight:900;line-height:1}.top-bar-center{justify-content:center;align-self:stretch;align-items:center;min-width:120px;display:flex}.top-bar-board{border-bottom:0}.question-timer{color:#0f172a;text-align:center;font-variant-numeric:tabular-nums;background:#f8fafc;border:0;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;border-radius:0;justify-content:center;align-self:stretch;align-items:center;min-width:112px;padding:0 16px;font-size:30px;font-weight:900;line-height:1;display:flex}.toolbar{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex}.button{color:#1e293b;min-height:40px;font:inherit;background:#f1f5f9;border:0;border-radius:12px;padding:8px 16px;font-weight:800;transition:background .16s,color .16s,border-color .16s}.button:hover:not(:disabled){background:#e2e8f0}.button:disabled{color:#94a3b8;cursor:not-allowed}.button-primary{color:#fff;background:#4f46e5;box-shadow:0 8px 18px #4f46e538}.button-primary:hover:not(:disabled){background:#4338ca}.page{padding:16px}.page-inner{max-width:1280px;margin:0 auto}.year-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.year-button{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:160px;font-size:clamp(28px,3vw,40px);font-weight:900;box-shadow:0 16px 35px #0f172a17}.year-button:hover:not(:disabled){border-color:#818cf8}.year-button-selected{color:#fff;background:#4f46e5;border-color:#4f46e5}.year-button-disabled{color:#94a3b8;background:#f1f5f9;box-shadow:0 3px 10px #0f172a0d}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 16px 35px #0f172a17}.unit-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.unit-button{color:#334155;background:#fff;border:2px solid #e2e8f0;border-radius:12px;min-width:64px;height:56px;font-size:20px;font-weight:900}.unit-button:hover{background:#f8fafc}.unit-button-active,.unit-button-included{color:#fff;background:#4f46e5;border-color:#4f46e5}.panel-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.panel-kicker{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}.panel-text{color:#1e293b;margin:2px 0 0;font-size:18px;font-weight:900}.topic-toggle{margin-bottom:18px}.topic-layout{border-top:1px solid #e2e8f0;grid-template-columns:260px minmax(0,1fr);gap:16px;padding-top:20px;display:grid}.topic-units{gap:8px;display:grid}.topic-unit-button{color:#1e293b;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:10px 14px;font-weight:900;display:flex}.topic-unit-button-selected{color:#312e81;background:#eef2ff;border-color:#818cf8}.topic-topic-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;min-height:256px;padding:16px}.topic-buttons{gap:8px;max-width:650px;margin-bottom:20px;display:grid}.topic-button{color:#1e293b;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;font-weight:900}.topic-button-selected{color:#312e81;background:#eef2ff;border-color:#818cf8}.topic-empty{color:#94a3b8;justify-content:center;align-items:center;min-height:224px;font-size:20px;font-weight:900;display:flex}.topic-start{justify-content:flex-end;display:flex}.board{flex-direction:column;height:calc(100vh - 72px);display:flex}.board-grid{flex:1;grid-template-rows:1fr 1fr;gap:12px;min-height:0;padding:12px;display:grid}.board-row{gap:12px;min-height:0;display:grid}.board-row-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.board-row-narrow{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-board{color:#64748b;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;height:100%;padding:32px;font-size:32px;font-weight:900;display:flex;box-shadow:0 16px 35px #0f172a17}.flip-scene{perspective:1400px;min-height:0}.flip-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.7,.2,1);position:relative}.flip-card.is-flipped{transform:rotateY(180deg)}.flip-card.no-flip-animation{transition:none}.card-shell{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #0f172a17}.card-shell-board{backface-visibility:hidden;position:absolute;inset:0}.card-shell-expanded{border-width:4px;width:min(100%,1120px);height:min(82vh,760px);padding:24px}.card-shell-board.card-back{transform:rotateY(180deg)}.change-question-button{color:#2563eb;width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;font-size:26px;font-weight:900;line-height:1;position:absolute;bottom:14px;right:16px}.change-question-button:hover{color:#1d4ed8;background:0 0}.card-bank-number{color:#94a3b8;pointer-events:none;font-size:12px;font-weight:800;line-height:1;position:absolute;bottom:14px;left:16px}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.card-unit{color:#4338ca;margin:0;font-size:30px;font-weight:900;line-height:1}.card-topic{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:14px;font-weight:800;overflow:hidden}.card-shell-expanded .card-unit{font-size:32px}.card-shell-expanded .card-topic{font-size:18px}.card-body{flex:1;justify-content:center;align-items:stretch;min-height:0;padding:8px;display:flex;overflow:hidden}.card-content{color:#1e293b;text-align:justify;white-space:pre-line;width:100%;max-width:100%;min-height:100%;font-size:30px;font-weight:600;line-height:1.18}.card-content mjx-container{font-size:calc(1em + 2px)}.card-content mjx-mfrac,.card-content mjx-frac{font-size:1.08em}.vertical-align-top,.vertical-align-centre{flex-direction:column;min-height:100%;display:flex}.vertical-align-centre{justify-content:center}.vertical-align-top{justify-content:flex-start}.card-shell-expanded .card-content{max-width:880px;font-size:clamp(34px,5vw - 2px,58px)}.answer .card-content{color:#312e81;text-align:center;flex-direction:column;justify-content:center;font-size:clamp(28px,4vw - 2px,46px);display:flex}.card-shell-expanded.answer .card-content{font-size:clamp(46px,6vw - 2px,70px)}.card-content p{margin:0 0 .75em}.card-content p:last-child{margin-bottom:0}.card-text-center{text-align:center}.fraction-size mjx-mfrac,.fraction-size mjx-frac{font-size:1.25em}.comparison-box{vertical-align:middle;border:.08em solid;justify-content:center;align-items:center;width:1.15em;height:1.15em;display:inline-flex}.part-label{color:#4338ca;font-size:.82em;font-weight:900}.overlay-none{background:#fff}.overlay-answer{background:#f0f9ff}.overlay-yellow{background:#fef9c3}.overlay-blue{background:#dbeafe}.overlay-pink{background:#fce7f3}.overlay-green{background:#dcfce7}.overlay-menu{position:relative}.overlay-popover{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:320px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px #0f172a2e}.overlay-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.overlay-choice{border:1px solid #e2e8f0;border-radius:12px;height:64px;position:relative;box-shadow:0 4px 12px #0f172a14}.overlay-choice-selected:after{content:"";background:#020617;border-radius:999px;width:12px;height:12px;position:absolute;top:8px;right:8px}.expanded-backdrop{z-index:50;background:#020617b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.expanded-wrap{width:min(100%,1120px);height:min(82vh,760px);position:relative}.nav-arrow{z-index:60;color:#0f172a;background:0 0;border:0;font-size:64px;font-weight:900;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{color:#475569}.nav-arrow-left{left:20px}.nav-arrow-right{right:20px}.status-screen{color:#64748b;text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:32px;font-size:22px;font-weight:900;display:flex}.status-error{color:#dc2626}@media (width<=900px){.top-bar,.panel-footer{align-items:stretch}.top-bar{grid-template-columns:1fr}.top-bar-left,.top-bar-center,.toolbar{justify-self:stretch}.toolbar{justify-content:flex-start}.year-grid,.topic-layout,.board-grid,.board-row-wide,.board-row-narrow{grid-template-columns:1fr}.board{height:auto}.board-grid{grid-template-rows:none}.flip-scene{min-height:280px}}