@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');:root{font-family:'DM Sans',Arial,sans-serif;color:#172440;background:#f4f7fc;font-size:16px;--navy:#162442;--purple:#5b45c8;--line:#dce3ef}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #f1ae2b;outline-offset:3px}header{height:86px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 40px}.brand{display:flex;align-items:center;gap:13px;color:white;text-decoration:none;font-family:'Space Grotesk',Arial,sans-serif;font-size:1.2rem}.brand b{color:#b9aaff}.brand-mark{width:43px;height:43px;border-radius:11px;background:#b9aaff;color:var(--navy);display:grid;place-content:center;font-size:2.3rem}.overall{display:flex;align-items:center;gap:14px;font-size:.82rem;white-space:nowrap}.overall progress{width:180px;height:7px;border:0;border-radius:9px;overflow:hidden;background:#354363}.overall progress::-webkit-progress-bar{background:#354363}.overall progress::-webkit-progress-value{background:#b9aaff}.overall progress::-moz-progress-bar{background:#b9aaff}.shell{min-height:calc(100vh - 86px);display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1500px;margin:auto}aside{background:white;border-right:1px solid var(--line);padding:35px 23px}.side-label,.eyebrow{font-size:.75rem;letter-spacing:1.7px;font-weight:700;color:#6650bb}aside h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:1.45rem;margin:11px 7px 25px}.checkpoint-link{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;background:transparent;border-radius:10px;padding:12px 10px;color:#53627b}.checkpoint-link:hover{background:#f5f4fb}.checkpoint-link.active{background:#eeebfc;color:#36277e}.checkpoint-link>span:last-child{min-width:0}.checkpoint-link b,.checkpoint-link small{display:block}.checkpoint-link b{font-size:.87rem;line-height:1.35}.checkpoint-link small{font-size:.75rem;color:#748096;margin-top:3px}.checkpoint-icon{width:33px;height:33px;display:grid;place-content:center;flex-shrink:0;border-radius:9px;background:color-mix(in srgb,var(--accent) 13%,white);color:var(--accent);font-size:.82rem;font-weight:700}.active .checkpoint-icon{background:var(--accent);color:white}.side-tip{border-top:1px solid var(--line);margin-top:26px;padding:24px 8px;display:flex;gap:10px;color:#617089;font-size:.8rem;line-height:1.55}.side-tip span{color:#bd426a}.side-tip p{margin:0}.side-tip b{color:#3f4f68}main{padding:42px clamp(25px,6vw,90px) 60px;min-width:0;outline:0}.title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.title-row h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-1px;margin:8px 0}.title-row p{color:#5f6d83;line-height:1.6;margin:0;max-width:720px}.skill-number{display:grid;place-content:center;width:50px;height:50px;border-radius:14px;background:color-mix(in srgb,var(--accent) 13%,white);color:var(--accent);font:700 1.2rem 'Space Grotesk';flex-shrink:0}.question-tabs{display:flex;gap:9px;margin:27px 0 22px}.question-tabs button{width:42px;height:42px;border-radius:10px;border:1px solid #d8dfeb;background:white;color:#647189;font-weight:700}.question-tabs button:hover{background:#f0edfc}.question-tabs button.active{background:var(--navy);border-color:var(--navy);color:white}.question-tabs button.correct:not(.active){background:#dcf4ec;border-color:#b9e3d7;color:#12715c}.question-tabs button.wrong:not(.active){background:#fff1e0;border-color:#f1d6b3;color:#a25c13}.question-card{background:white;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:14px;padding:30px;box-shadow:0 8px 25px #263b6110}.question-meta{display:flex;justify-content:space-between;gap:15px;color:#6b7890;font-size:.73rem;letter-spacing:1.3px;font-weight:700}.instruction{color:#4c5c74;margin:28px 0 13px}.normal-expression,.zero-expression{min-height:150px;border-radius:11px;background-color:#f8faff;background-image:linear-gradient(#d5ddeb55 1px,transparent 1px),linear-gradient(90deg,#d5ddeb55 1px,transparent 1px);background-size:25px 25px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:28px;font:600 clamp(1.7rem,4vw,3rem) 'Space Grotesk',Arial,sans-serif;font-variant-numeric:tabular-nums}.normal-expression input,.zero-expression input{width:155px;min-height:62px;border:0;border-bottom:4px solid var(--accent);background:#fff;color:var(--accent);padding:6px 10px;text-align:center;font-weight:700;border-radius:7px 7px 2px 2px}.normal-expression input:read-only,.zero-expression input:read-only{background:#e7f6f0;border-color:#16805f;color:#126a53}.operator{color:#67758b}.zero-expression{font-size:clamp(1.2rem,2.5vw,2rem);gap:20px}.zero-number{display:inline-flex;align-items:flex-start;white-space:nowrap}.zero-number .zero-run{position:relative;display:inline-block;color:#8c98aa;letter-spacing:2px;margin:0 5px;padding-bottom:35px}.zero-number b{color:var(--accent)}.zero-number .brace{position:absolute;bottom:23px;left:0;right:0;border-bottom:2px solid #738197;border-left:2px solid #738197;border-right:2px solid #738197;height:8px;border-radius:0 0 7px 7px}.zero-number small{position:absolute;bottom:0;left:50%;transform:translateX(-50%);text-align:center;color:#68758a;font:600 .78rem 'DM Sans',Arial,sans-serif;letter-spacing:0;white-space:nowrap}.actions{display:flex;align-items:center;gap:18px;margin-top:23px}.primary,.secondary,.hint-button{border-radius:8px;padding:12px 20px;font-weight:700;border:1px solid transparent}.primary{background:var(--purple);color:white}.primary:hover:not(:disabled){background:#4934ad}.primary:disabled{background:#16805f;opacity:1}.secondary{background:white;color:var(--navy);border-color:#ccd5e4}.hint-button{background:transparent;color:#5e4aa7;padding-left:3px}.feedback{margin-top:21px;padding:17px 19px;border-radius:9px;line-height:1.6}.feedback.wrong{background:#fff0df;color:#895115}.feedback.correct{background:#e2f5ed;color:#16634e}.hint{margin-top:18px;border-left:3px solid #c47b15;background:#fff9eb;padding:15px 18px;color:#6a5936;line-height:1.6}.hint span{font-size:.74rem;letter-spacing:1px;font-weight:700}.hint p{margin:4px 0 0}.next-row{display:flex;justify-content:flex-end;margin-top:20px}.checkpoint-complete{display:flex;gap:12px;background:#eeebfc;margin-top:20px;padding:17px;border-radius:9px;color:#44348b;line-height:1.5}.checkpoint-complete p{margin:0}.checkpoint-complete>span{font-size:1.3rem}.results{background:var(--navy);color:white;margin-top:25px;border-radius:14px;padding:30px}.results .eyebrow{color:#b9aaff}.results h2{font:700 2rem 'Space Grotesk';margin:8px 0}.results>p{color:#d5ddeb;line-height:1.6}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.result-grid>div{background:#263654;border-radius:9px;padding:15px}.result-grid span{display:grid;place-content:center;width:28px;height:28px;border-radius:7px;color:white;background:var(--accent);font-size:.8rem}.result-grid b,.result-grid small{display:block}.result-grid b{margin-top:10px}.result-grid small{color:#abb7ca;font-size:.72rem;line-height:1.35;margin-top:3px}.results .secondary{color:white;border-color:#56647d;background:transparent}@media(max-width:850px){.shell{grid-template-columns:245px minmax(0,1fr)}aside{padding:26px 12px}main{padding:34px 25px}.checkpoint-link b{font-size:.8rem}.zero-expression{gap:12px}.zero-number .zero-run{letter-spacing:0}.result-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){header{height:72px;padding:0 17px}.brand{font-size:.96rem}.brand-mark{width:37px;height:37px;font-size:2rem}.overall{display:block;text-align:right;font-size:.72rem}.overall progress{display:block;width:100px;margin-top:5px}.shell{display:block}aside{border:0;border-bottom:1px solid var(--line);padding:14px 17px}.side-label,aside h1,.side-tip{display:none}#checkpoint-nav{display:flex;overflow-x:auto;gap:8px;padding:2px}.checkpoint-link{min-width:48px;width:48px;height:46px;padding:6px;justify-content:center;flex-shrink:0}.checkpoint-link>span:last-child{display:none}.checkpoint-link.active{width:auto;max-width:220px;padding-right:12px;justify-content:flex-start}.checkpoint-link.active>span:last-child{display:block}.checkpoint-link.active small{display:none}main{padding:25px 16px}.title-row h2{font-size:1.75rem}.skill-number{width:42px;height:42px}.question-tabs{margin:21px 0 17px;gap:6px}.question-tabs button{width:38px;height:38px}.question-card{padding:18px}.question-meta{font-size:.65rem}.normal-expression,.zero-expression{min-height:135px;padding:22px 10px}.normal-expression{font-size:1.7rem}.normal-expression input,.zero-expression input{width:125px;min-height:54px}.zero-expression{font-size:1.08rem;gap:8px}.zero-number .zero-run{padding-bottom:32px}.zero-number .brace{left:0;right:0}.zero-number small{font-size:.68rem}.actions{gap:10px}.primary,.secondary,.hint-button{padding:11px 14px;font-size:.85rem}.result-grid{grid-template-columns:1fr}.results{padding:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}[hidden]{display:none!important}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.ranking-button,.student-badge,.teacher-link,.dialog-close{font-weight:700}.ranking-button{border:1px solid #6b7894;background:#263654;color:white;border-radius:8px;padding:9px 14px;white-space:nowrap}.ranking-button:hover{background:#354866}.student-badge{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:8px;background:#b9aaff;color:#162442;padding:9px 12px;font-size:.78rem}.entry-page{min-height:calc(100vh - 86px);display:grid;place-items:center;padding:42px 20px;background:radial-gradient(circle at 80% 10%,#e7e2ff 0,transparent 32%),#f4f7fc}.entry-card{width:min(820px,100%);background:white;border:1px solid var(--line);border-top:5px solid var(--purple);border-radius:16px;padding:clamp(25px,5vw,48px);box-shadow:0 18px 55px #263b6117}.entry-card h1{font:700 clamp(2rem,5vw,3.25rem) 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.5px;margin:10px 0 14px;color:var(--navy)}.entry-copy{max-width:650px;color:#5f6d83;line-height:1.65;margin:0 0 28px}.identity-grid{display:grid;grid-template-columns:1fr 1fr 2.2fr;gap:15px}.identity-grid label,.teacher-login label{display:grid;gap:8px;color:#4d5c74;font-size:.82rem;font-weight:700}.identity-grid select,.teacher-login input{width:100%;min-height:48px;border:1px solid #cbd4e3;border-radius:8px;background:white;color:var(--navy);padding:10px 12px;font:600 .95rem 'DM Sans',Arial,sans-serif}.identity-grid select:focus,.teacher-login input:focus{border-color:var(--purple)}.form-error{min-height:22px;color:#a53b3b;font-size:.85rem;margin:10px 0 0}.entry-start{margin-top:5px}.entry-links{display:flex;align-items:center;gap:18px;margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.teacher-link{border:0;background:transparent;color:#5e4aa7;padding:10px 4px}dialog{width:min(650px,calc(100% - 28px));max-height:calc(100vh - 36px);border:0;border-radius:16px;padding:28px;box-shadow:0 26px 80px #0e183b55;color:var(--navy)}dialog::backdrop{background:#0d173dcc;backdrop-filter:blur(3px)}.teacher-dialog{width:min(1420px,calc(100% - 28px))}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.dialog-head h2{font:700 clamp(1.5rem,3vw,2rem) 'Space Grotesk',Arial,sans-serif;margin:5px 0 0}.dialog-head .eyebrow{margin:0}.dialog-close{width:39px;height:39px;border:0;border-radius:9px;background:#edf1f7;color:#44536d;font-size:1.65rem;line-height:1}.dialog-note{color:#65738a;line-height:1.5}.dialog-loading,.empty-ranking,.dialog-error{padding:30px 15px;text-align:center;color:#68758a}.dialog-error{background:#fff0e5;border-radius:9px;color:#8c5115}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:#748097;text-align:left;padding:10px;border-bottom:1px solid var(--line)}.ranking-table td{padding:11px 10px;border-bottom:1px solid #e8edf4}.ranking-table td:last-child{text-align:right;white-space:nowrap}.ranking-table td strong{font-size:1.2rem;color:var(--purple)}.ranking-table small{display:block;color:#758198;margin-top:2px}.rank{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e9edf4;font-weight:800}.rank-1{background:#f5c848;color:#593f00}.rank-2{background:#d6deea;color:#405069}.rank-3{background:#e1a773;color:#61360d}.last-refreshed{text-align:right;color:#8994a6;font-size:.75rem;margin:12px 0 0}.teacher-login{max-width:460px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:28px auto}.teacher-login .form-error{grid-column:1/-1;margin:0}.dashboard-meta{display:flex;justify-content:space-between;gap:20px;color:#69768c;font-size:.8rem;margin:17px 0 10px}.table-scroll{max-height:65vh;overflow:auto;border:1px solid var(--line);border-radius:10px;background:white}.dashboard-table{border-collapse:separate;border-spacing:0;min-width:2100px;width:100%;font-size:.76rem;font-variant-numeric:tabular-nums}.dashboard-table th,.dashboard-table td{height:42px;padding:7px 9px;border-right:1px solid #e1e7f0;border-bottom:1px solid #e1e7f0;text-align:center;white-space:nowrap}.dashboard-table thead th{position:sticky;top:0;z-index:3;background:var(--navy);color:white;letter-spacing:.4px}.dashboard-table tbody th{position:sticky;left:0;z-index:2;background:#f3f5fa;color:#36455d;text-align:left}.dashboard-table thead th:first-child{left:0;z-index:5}.dashboard-table .student-name{position:sticky;left:62px;z-index:2;min-width:205px;max-width:205px;text-align:left;background:white;font-weight:700}.dashboard-table thead th:nth-child(2){position:sticky;left:62px;z-index:5;min-width:205px}.answer-cell{min-width:67px;max-width:95px;overflow:hidden;text-overflow:ellipsis}.answer-correct{background:#dcf4ec;color:#126b56;font-weight:700}.answer-wrong{background:#fff0df;color:#945716;font-weight:700}.answer-empty{background:#f8fafc;color:#a5aeba}.mark-cell{position:sticky;right:0;z-index:2;min-width:76px;background:#ece8ff;color:#453299;font-weight:800}.dashboard-key{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#69768c;font-size:.77rem}.dashboard-key span{width:13px;height:13px;border-radius:3px;margin-left:10px}.key-correct{background:#bde8da}.key-wrong{background:#f6d3aa}.key-empty{background:#edf1f5}.feedback.sync-error{background:#fff0e5;color:#8c5115}@media(max-width:900px){header{padding:0 20px}.student-badge{max-width:170px}.identity-grid{grid-template-columns:1fr 1fr}.identity-grid label:last-child{grid-column:1/-1}.teacher-dialog{padding:20px}}@media(max-width:640px){.header-actions{gap:7px}.ranking-button{padding:8px 9px;font-size:.75rem}.student-badge{max-width:95px;padding:8px;font-size:.68rem}.entry-page{min-height:calc(100vh - 72px);padding:20px 14px}.entry-card{padding:24px 18px}.identity-grid{grid-template-columns:1fr}.identity-grid label:last-child{grid-column:auto}.entry-links{align-items:stretch;flex-direction:column;gap:6px}.teacher-login{grid-template-columns:1fr}.teacher-login .primary{width:100%}dialog{padding:20px}.dashboard-meta{display:grid;gap:4px}}