:root{--bg:#f6f7f9;--surface:#fff;--text:#1b2433;--muted:#5d6779;--line:#cfd6e2;--accent:#2563eb;--accent-soft:#eaf0ff;--accent-text:#fff;--good:#15803d;--good-soft:#e8f6ee;--bad:#b91c1c;--bad-soft:#fdeeee;--warn-soft:#fff4dd;--warn-text:#7a4b00;--bar-track:#e5e9f0;--bar-fill:#16a34a;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#11151c;--surface:#1a212c;--text:#e8ecf3;--muted:#9aa5b8;--line:#36405166;--accent:#6b9bff;--accent-soft:#1f2d4d;--accent-text:#0c1424;--good:#5fd08a;--good-soft:#17301f;--bad:#ff8a8a;--bad-soft:#35191c;--warn-soft:#3a2f14;--warn-text:#f3d28b;--bar-track:#2a3342;--bar-fill:#4ade80}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.45;overflow-x:hidden}h1{margin:.25rem 0 .5rem;font-size:1.35rem;line-height:1.25}p{margin:.4rem 0}button{font:inherit;color:inherit;cursor:pointer;min-height:44px}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.screen{max-width:480px;padding:16px;padding-bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;min-width:0;margin:0 auto;display:flex}.center-screen,.center{text-align:center}.muted{color:var(--muted);font-size:.875rem}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.75rem}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.gap>*{flex:1}.stack{flex-direction:column;gap:8px;display:flex}.link{color:var(--accent);background:0 0;border:0;align-self:flex-start;align-items:center;min-height:44px;padding:0 4px;text-decoration:none;display:inline-flex}.btn{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 16px;font-weight:600}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.field,.pin-input{border:1.5px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:12px;padding:8px 12px}.pin-input{text-align:center;letter-spacing:.5em;font-size:1.75rem}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row-btn{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:flex}.status{min-height:1.5em;color:var(--bad);text-align:center;margin:0}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.key{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;min-height:56px;font-size:1.35rem}.key.go{background:var(--text);color:var(--bg);font-size:1rem;font-weight:600}.streak{background:var(--warn-soft);color:var(--warn-text);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.8rem}.tiles{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tile{background:var(--surface);border-radius:12px;padding:10px 14px}.tile.locked{opacity:.55}.bar{background:var(--bar-track);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.bar i{background:var(--bar-fill);height:100%;display:block}.bar.outlined{border:1.5px solid var(--line);background:0 0;height:10px}.bar.outlined i{background:repeating-linear-gradient(45deg, var(--bar-fill) 0 4px, transparent 4px 8px);opacity:.7}.timer{background:var(--warn-soft);color:var(--warn-text);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 12px;font-size:.8rem}.timer.done{background:var(--good-soft);color:var(--good)}.notice{background:var(--warn-soft);color:var(--warn-text);border-radius:12px;margin:0;padding:8px 12px;font-size:.9rem}.card{background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.prompt{margin:0;font-weight:600}.rule{color:var(--muted);white-space:pre-line;margin:0;font-size:.875rem}.eq{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.eq-col{background:var(--bg);text-align:center;overflow-wrap:anywhere;border-radius:8px;flex-direction:column;gap:2px;padding:8px 4px;font-size:.75rem;display:flex}.eq-col b{color:var(--muted);font-size:.7rem;font-weight:500}.opt{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:6px 14px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot{border:1.5px dashed var(--muted);text-align:center;width:100%;min-height:48px;color:var(--muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;margin-top:4px;padding:4px 8px;display:flex}.slot.filled{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.dir-row{background:var(--bg);border-radius:10px;padding:4px 4px 4px 12px}.toggle{gap:6px;display:inline-flex}.tog{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;width:48px;font-size:1.25rem}.tog.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.reveal{border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.reveal.good{background:var(--good-soft)}.reveal.bad{background:var(--bad-soft)}.verdict{margin:0;font-weight:700}.reveal.good .verdict{color:var(--good)}.reveal.bad .verdict{color:var(--bad)}.steps{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.big{margin-top:8px;font-size:2.5rem}.deltas{color:var(--muted);margin:0;padding:0;list-style:none}.break-copy{text-align:left}.break-row{padding:0 4px}.link.center{align-self:center}.eq-item{flex-direction:column;display:flex}.wide{max-width:1100px}h2{margin:.5rem 0 .25rem;font-size:1.1rem}h3{margin:0;font-size:1rem}textarea.field:not(.link-field){resize:vertical}.tnav{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.tnav a{color:var(--accent);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.tnav a.active{font-weight:700;text-decoration:underline}.tnav .tnav-brand{color:var(--text);margin-right:auto;font-weight:700}.join-link{flex-direction:column;gap:6px;display:flex}.link-field{resize:none;overflow-wrap:anywhere;flex:1;width:auto;min-width:0;font-size:16px;line-height:1.4}.class-name{font-size:1.05rem;font-weight:700}.badge{background:var(--bar-track);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600}.badge.approved{background:var(--good-soft);color:var(--good)}.badge.flagged{background:var(--bad-soft);color:var(--bad)}.samples{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.sample{flex-direction:column;gap:8px;min-width:0;display:flex}.sample>.card{border:1.5px solid var(--line)}.preview{background:var(--bg);border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.opt-ro{border:1.5px solid var(--line);border-radius:12px;padding:8px 12px}.opt-ro.right{border-color:var(--good);background:var(--good-soft)}.opt-tag{display:block}.pill{background:var(--bad-soft);color:var(--bad);border-radius:999px;align-self:flex-start;padding:1px 10px;font-size:.8rem;display:inline-block}.pill.warn{background:var(--warn-soft);color:var(--warn-text)}.brief-card{gap:4px}.names{margin:0;padding-left:1.2rem}.seg{border:1.5px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);border:0;padding:0 12px}.seg button.on{background:var(--text);color:var(--bg)}.grid-wrap{background:var(--surface);border-radius:12px;max-width:100%;overflow-x:auto}.grid{border-collapse:collapse;width:100%;font-size:.85rem}.grid th,.grid td{text-align:center;border-bottom:1px solid var(--bar-track);white-space:nowrap;padding:0}.grid thead th,.grid tfoot th,.grid tfoot td{color:var(--muted);padding:8px;font-weight:600}.grid tbody th{text-align:left;background:var(--surface);padding:0 10px;font-weight:600;position:sticky;left:0}.grid thead th:first-child,.grid tfoot th{text-align:left;background:var(--surface);position:sticky;left:0}.grid td:last-child{padding:0 10px}.grid td.g{background:var(--good-soft)}.grid td.a{background:var(--warn-soft)}.grid td.r{background:var(--bad-soft)}.grid td.n{background:var(--bar-track);color:var(--muted)}.cell{background:0 0;border:0;width:100%;min-width:64px;padding:0 8px}.roster-row{background:var(--surface);border-radius:12px;padding:6px 6px 6px 14px}.drill-row{background:var(--bg);border-radius:10px;padding:8px 12px}.teacher-screen{padding-top:max(16px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left));gap:24px}.teacher-screen [hidden]{display:none!important}.teacher-screen h1{letter-spacing:-.035em;font-size:clamp(1.6rem,4vw,2rem)}.teacher-screen h2{margin:0}.teacher-heading .eyebrow{margin-bottom:8px}.teacher-heading>.muted{max-width:65ch;font-size:1rem}.teacher-screen button,.teacher-screen a,.teacher-screen summary{touch-action:manipulation}.teacher-screen button{-webkit-user-select:none;user-select:none}.teacher-screen .btn:active:not(:disabled){transform:scale(.98)}.teacher-screen .btn{text-align:center;text-decoration:none}.teacher-screen .field{font-size:16px}.teacher-screen .tnav{border-bottom:1px solid var(--line);gap:8px;margin-bottom:8px;padding-bottom:16px}.teacher-screen .tnav a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:.9rem}.teacher-screen .tnav .tnav-brand{color:var(--text);padding-left:0}.teacher-screen .tnav a.active{color:var(--accent);background:var(--accent-soft);text-decoration:none}.catalogue-overview{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.approval-progress{padding:20px}.approval-progress .row{flex-wrap:wrap}.approval-progress progress{appearance:none;background:var(--bar-track);width:100%;height:7px;accent-color:var(--good);border:0;border-radius:8px;margin:14px 0 10px;display:block;overflow:hidden}.approval-progress progress::-webkit-progress-bar{background:var(--bar-track)}.approval-progress progress::-webkit-progress-value{background:var(--good);border-radius:8px}.approval-progress progress::-moz-progress-bar{background:var(--good);border-radius:8px}.topic-readiness{border-top:1px solid var(--line);color:var(--warn-text);background:var(--warn-soft);padding:0 20px;font-size:.875rem}.topic-readiness summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.topic-readiness ul{padding-left:20px}.ready-message{background:var(--good-soft);color:var(--good);margin:0;padding:12px 20px}.catalogue-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.status-filters{flex-wrap:wrap;gap:6px;display:flex}.status-filters button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 12px;font-size:.875rem;font-weight:600}.status-filters button.on{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 1px 3px #00000008}.status-filters button span{font-variant-numeric:tabular-nums;opacity:.8;margin-left:5px}.topic-filter{color:var(--muted);align-items:center;gap:10px;min-width:0;font-size:.875rem;display:flex}.topic-filter select{max-width:260px}.review-message{color:var(--good);margin:0;font-size:.875rem}.review-message:empty{display:none}.topic-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;padding:0 2px;display:flex}.topic-heading>span{flex-shrink:0}.pattern-list{flex-direction:column;gap:8px;display:flex}.pattern-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0}.pattern-card.is-open{border-color:var(--accent)}.pattern-toggle{text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:14px;width:100%;padding:18px 20px;display:flex}.pattern-title{flex:1;min-width:0;font-weight:600}.pattern-chevron{color:var(--muted);text-align:center;width:18px;font-size:1.35rem;font-weight:400}.pattern-body{flex-direction:column;gap:16px;padding:0 20px 20px;display:flex}.sample-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.sample-toolbar .seg{flex-shrink:0;font-size:.875rem}.review-example{grid-template-columns:1fr 1fr;gap:16px;display:grid}.review-question,.answer-key{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.answer-key{background:var(--good-soft);border-color:#0000}.answer-key .eyebrow{color:var(--good);font-weight:650}.review-question .eq-col{padding:12px 6px;font-size:.875rem}.review-question .eq-col b{font-size:.75rem}.entry-key{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.entry-key dt{color:var(--muted);margin-bottom:4px;font-size:.8rem}.entry-key dd{margin:0;font-weight:600}.entry-key dd span{font-variant-numeric:tabular-nums;margin-top:2px;font-size:.875rem;font-weight:400;display:block}.review-disclosure{border:1px solid var(--line);border-radius:10px}.review-disclosure summary{cursor:pointer;min-height:48px;padding:12px 14px;font-size:.9rem;font-weight:600}.review-disclosure summary>span{white-space:nowrap;margin-left:8px;font-weight:400}.review-options{padding:0 14px 14px}.review-options li{padding:8px 0}.review-options h4{margin:0 0 4px;font-size:.9rem}.review-decision{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:16px;display:flex}.review-decision label{gap:4px;font-size:.9rem;font-weight:600}.review-decision label .muted{font-weight:400}.review-decision textarea{margin-top:6px}.decision-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.decision-actions>p{max-width:45ch}.review-buttons{flex-shrink:0;gap:8px;display:flex}.empty-catalogue{align-items:flex-start;padding:24px}.teacher-setup{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.teacher-setup>a{color:var(--accent);flex-shrink:0}.classes-layout{grid-template-columns:1.25fr 1fr;align-items:start;gap:24px;display:grid}.classes-layout>section{gap:16px;min-width:0}.classes-layout .card{border:1px solid var(--line);padding:20px}.classes-layout .class-name{overflow-wrap:anywhere}.classes-layout .row{flex-wrap:wrap}.classes-layout .join-link .row{flex-wrap:nowrap}.classes-layout .new-class{gap:16px}.empty-classes{padding-block:32px!important}.grid-legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:.8rem;display:flex}.grid-legend span:before{content:"";border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.legend-warm:before{background:var(--muted)}.legend-low:before{background:var(--bad)}.legend-mid:before{background:var(--warn-text)}.legend-high:before{background:var(--good)}.teacher-screen>.stack{gap:14px}@media (hover:hover) and (pointer:fine){.pattern-toggle:hover,.status-filters button:hover{background:var(--bg)}.teacher-screen .btn:not(.primary):hover{border-color:var(--muted)}}@media (width<=700px){.teacher-screen{gap:20px}.teacher-screen .tnav .tnav-brand{width:100%}.teacher-screen .tnav{margin-bottom:0}.join-link .row{flex-direction:column;align-items:stretch}.join-link .link-field{width:100%}.classes-layout .join-link .row{flex-wrap:wrap}.review-example,.classes-layout,.review-question .eq{grid-template-columns:1fr}.review-question .eq-col{text-align:left;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:4px 8px;padding:10px;display:grid}.review-question .eq-item{grid-column:2}.review-question .eq-item>span:last-child{white-space:nowrap}.teacher-setup,.decision-actions{flex-direction:column;align-items:stretch;gap:12px}.teacher-setup .btn{align-self:flex-start}.review-buttons{flex-wrap:wrap}.review-buttons>button{flex:1;padding-inline:12px}.catalogue-filters{align-items:stretch;gap:12px}.status-filters{grid-template-columns:1fr 1fr;width:100%;display:grid}.topic-filter{width:100%}.topic-filter select{flex:1;min-width:0;max-width:none}.pattern-toggle{flex-wrap:wrap;gap:8px;padding:16px 12px}.pattern-title{flex-basis:calc(100% - 32px)}.pattern-chevron{order:1}.pattern-toggle .badge{order:2;margin-right:auto}.pattern-body{padding:0 12px 16px}.sample-toolbar .seg{width:100%;display:flex}.sample-toolbar .seg button{flex:1;padding-inline:8px}.review-question,.answer-key{padding:14px}.review-disclosure summary>span{margin:4px 0 0 18px;display:block}.topic-heading{flex-wrap:wrap;gap:4px 12px}.teacher-screen .roster-row>span{overflow-wrap:anywhere;min-width:0}.teacher-screen .roster-row>button{flex-shrink:0}.teacher-screen section[aria-label=Class\ grid]>.row{flex-wrap:wrap}}.empty-state{gap:14px}.empty-state h1,.empty-state h2{margin:0}.empty-state .link{align-self:center}.chosen-answer{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.selected-slot{outline:2px solid var(--accent);outline-offset:2px}.add-students{padding:0 16px 16px}.sign-out{margin-left:auto}.sign-out>.link{color:var(--muted);font-size:.875rem}.sign-out>.status{text-align:left;max-width:34ch}.screen>.sign-out{align-self:center;margin:0}button,a,summary{touch-action:manipulation}button{-webkit-user-select:none;user-select:none}button:active:not(:disabled){filter:brightness(.94)}.screen>.tiles .row{align-items:flex-start}.screen>.tiles .row>:last-child{flex-shrink:0}@media (width<=400px){.screen:not(.teacher-screen) .eq{grid-template-columns:1fr}.screen:not(.teacher-screen) .eq-col{text-align:left;grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:4px 8px;padding:10px;font-size:.875rem;display:grid}.screen:not(.teacher-screen) .eq-item{grid-column:2}.screen:not(.teacher-screen) .eq-item>span:last-child{white-space:nowrap}.screen>.tiles .row{flex-wrap:wrap}.teacher-screen .tnav{gap:4px}.teacher-screen .tnav a{padding-inline:8px}}.chip.on:disabled{opacity:1}