:root{--ground:#fbfaf7;--surface:#fff;--ink:#1a1a17;--muted:#6b675c;--line:#e5e1d8;--green:#2f6248;--green-soft:#e3efe7;--amber:#b06f26;--amber-fill:#c79040;--amber-soft:#f7ebdc;--track:#e8e4da;--far:#cfcabd;--error:#9b2c2c;--serif:Fraunces, Georgia, serif;--sans:Karla, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--ground:#171715;--surface:#21211e;--ink:#f1eee6;--muted:#a8a395;--line:#33322d;--green:#6fbf93;--green-soft:#22352b;--amber:#e0a455;--amber-fill:#c79040;--amber-soft:#33291b;--track:#33322d;--far:#55534b;--error:#f0a0a0}.primary{color:#10130f!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);margin:0;font-size:17px;line-height:1.5}h1{font-family:var(--serif);margin:0;font-size:28px;font-weight:600;line-height:1.15}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,textarea{font:inherit}.display{text-align:center;font-size:clamp(30px,4.6vw,46px)}.lead{color:var(--muted);max-width:560px;font-size:19px;line-height:1.6}.eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.eyebrow.amber{color:var(--amber)}.muted{color:var(--muted)}.small{font-size:14px}.nowrap{white-space:nowrap}.pad{padding:24px}.primary,.ghost,.as-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:12px 38px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#fff;border:none}.primary.big{padding:16px 60px;font-size:19px}.primary:disabled,.ghost:disabled{opacity:.5;cursor:default}.ghost{color:var(--muted);border:1px solid var(--line);background:0 0;padding:11px 24px;font-weight:600}.link{color:var(--green);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:8px 0;font-weight:600;text-decoration:underline}.choices{grid-template-columns:repeat(4,1fr);gap:12px;max-width:520px;display:grid}.choice{border:1px solid var(--line);background:var(--surface);min-height:84px;color:var(--ink);font-family:var(--serif);cursor:pointer;border-radius:16px;font-size:32px;font-weight:600}.choice:hover{border-color:var(--green);background:var(--green-soft)}.only-wide{align-self:flex-start}.only-narrow{align-self:flex-start;display:none}#root{flex-direction:column;display:flex}.nav{border-bottom:1px solid var(--line);background:var(--ground);flex-shrink:0;align-items:center;gap:4px;height:48px;padding:0 16px;display:flex}.nav a{color:var(--muted);border-radius:999px;align-items:center;min-height:36px;padding:8px 12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--ink)}.nav a.on{color:var(--green);background:var(--green-soft)}.nav-gap{flex:1}.nav-out{padding:8px 12px;text-decoration:none}h2{font-family:var(--serif);margin:14px 0 0;font-size:21px;font-weight:600}.centre{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;min-height:0;padding:40px 16px;display:flex}.page{flex-direction:column;gap:20px;width:100%;max-width:1080px;margin:0 auto;padding:36px 16px 64px;display:flex}.page .display{text-align:left}.row{align-items:center;gap:14px;display:flex}.row.wrap{flex-wrap:wrap}.centre-row{justify-content:center}.stack{flex-direction:column;gap:14px;display:flex}.grow{flex:1;min-height:0}.spacer{flex:1}.centre-text{text-align:center;justify-content:center;align-items:center}.queue{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;width:min(580px,100%);padding:8px}.queue li{align-items:center;gap:14px;padding:14px 16px;display:flex}.queue li+li{border-top:1px solid var(--line)}.queue .marks{white-space:nowrap;margin-left:auto}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot.green{background:var(--green)}.dot.amber{background:var(--amber-fill)}.work{flex:1;grid-template-columns:minmax(340px,46%) 1fr;min-height:0;display:grid}.work.paper-hidden{grid-template-columns:1fr}.paper{border-right:1px solid var(--line);flex-direction:column;gap:10px;min-height:0;padding:20px;display:flex}.paper-head,.paper-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.paper-frame{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;min-height:0;overflow:auto}.paper-frame canvas{display:block}.paper-nav .ghost{min-height:40px;padding:6px 16px;font-size:14px}.desk{flex-direction:column;gap:16px;min-height:0;padding:24px 28px;display:flex;overflow:auto}.desk-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.desk-meta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;display:flex}.clock{font-variant-numeric:tabular-nums;color:var(--muted)}.field-label{color:var(--muted);font-size:15px;font-weight:600}textarea{resize:none;border:1px solid var(--line);width:100%;min-height:190px;color:var(--ink);background:var(--surface);border-radius:12px;outline:none;flex:1;padding:18px 20px;font-size:19px;line-height:1.65}textarea:focus{border-color:var(--green)}.score{align-items:baseline;gap:12px;display:flex}.score strong{font-family:var(--serif);font-size:50px;font-weight:600;line-height:1}.score.big strong{font-size:clamp(36px,5vw,48px)}.bars{flex-direction:column;gap:11px;width:100%;display:flex}.bar-row{text-align:left;grid-template-columns:150px 1fr 22px;align-items:center;gap:14px;display:grid}.track{background:var(--track);border-radius:999px;height:12px;overflow:hidden}.fill{background:var(--far);border-radius:999px;height:100%;transition:width .5s;display:block}.earned .fill{background:var(--green)}.near .fill{background:var(--amber-fill)}.bar-label{color:var(--muted);font-size:16px;font-style:italic}.earned .bar-label{color:var(--ink);font-style:normal;font-weight:600}.tick{color:var(--green);display:flex}.hint,.hint-inline{background:var(--amber-soft);border-radius:14px;padding:16px 20px;font-size:18px}.hint{flex-direction:column;gap:6px;display:flex}.watch{border:1px solid var(--line);border-left:5px solid var(--ink);background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:14px 18px;display:flex}.lesson{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:20px 24px;font-size:19px;line-height:1.65;display:flex}.fold summary{cursor:pointer;color:var(--green);padding:6px 0;font-weight:600}.fold[open] summary{margin-bottom:8px}.scheme{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:18px 22px;display:flex}.scheme ol{flex-direction:column;gap:8px;padding-left:22px;list-style:decimal;display:flex}.raw-scheme{white-space:pre-wrap;font-family:var(--sans);margin:0;font-size:16px}.note{color:var(--muted);font-size:15px}.chip{background:var(--green-soft);color:var(--green);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.mark-btn{min-width:56px;color:var(--ink);padding:10px 0}.error{color:var(--error);font-weight:600}.topic{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:0 18px}.topic>summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0;list-style-position:inside;display:flex}.topic-name{font-family:var(--serif);font-size:21px;font-weight:600}.topic[open]{padding-bottom:18px}.topic[open]>summary{border-bottom:1px solid var(--line);margin-bottom:8px}.topic .cell{background:var(--ground)}h3{margin:14px 0 0;font-size:16px;font-weight:700}.papers{flex-direction:column;gap:10px;display:flex}.paper-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:20px;padding:16px 20px;display:flex}.paper-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.stacked.thin{height:8px}.exits{gap:20px;margin-top:-8px}.link.quiet{color:var(--muted);padding:2px 0;font-size:14px;font-weight:500}.practice{background:var(--green-soft);color:var(--ink);border-radius:12px;padding:12px 16px;font-size:16px}.topics{flex-direction:column;gap:18px;display:flex}.topic-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.stacked{background:var(--track);border-radius:999px;height:14px;display:flex;overflow:hidden}.seg.nailed,.key.nailed{background:var(--green)}.seg.landed,.key.landed{background:#8fbf9f}.seg.learning,.key.learning{background:var(--amber-fill)}.key.new{background:var(--track)}.legend{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.key{border-radius:3px;width:12px;height:12px;margin-left:10px;display:inline-block}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.grid li{display:flex}.cell strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.3;display:-webkit-box;overflow:hidden}button.cell{text-align:left;cursor:pointer;width:100%;color:var(--ink);font:inherit}button.cell:hover{border-color:var(--green)}.cell{background:var(--surface);border:1px solid var(--line);border-left-width:5px;border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.cell.nailed{border-left-color:var(--green)}.cell.landed{border-left-color:#8fbf9f}.cell.learning{border-left-color:var(--amber-fill)}.cell.new{border-left-color:var(--line)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}@media (width<=900px){.work{flex:none;grid-template-columns:1fr}.nav{gap:0;padding:0 6px;overflow-x:auto}.nav a{white-space:nowrap;padding:8px 7px;font-size:13px}.paper-card{flex-direction:column;align-items:stretch;gap:12px}.paper{border-right:none;border-bottom:1px solid var(--line);padding:12px 16px}.paper-frame{max-height:46vh}.desk{padding:16px;overflow:visible}.only-narrow{display:inline-block}.bar-row{grid-template-columns:96px 1fr 22px;gap:10px}.desk-head{align-items:flex-start}}.viz-root{--viz-surface:#fff;--viz-ink:#0b0b0b;--viz-ink-2:#52514e;--viz-muted:#898781;--viz-grid:#e1e0d9;--viz-axis:#c3c2b7;--viz-series:#23885c;--viz-s1:#78bf9c;--viz-s2:#35966a;--viz-s3:#176040;max-width:1120px}@media (prefers-color-scheme:dark){.viz-root{--viz-surface:#21211e;--viz-ink:#fff;--viz-ink-2:#c3c2b7;--viz-muted:#898781;--viz-grid:#2c2c2a;--viz-axis:#383835;--viz-series:#3ba375;--viz-s1:#2e7d5b;--viz-s2:#4fa97f;--viz-s3:#8ad3b0}}.viz-root .display{text-align:left}.filters{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.segmented{border:1px solid var(--line);background:var(--viz-surface);border-radius:999px;padding:3px;display:inline-flex}.segmented button{color:var(--viz-ink-2);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:36px;padding:8px 16px;font-size:14px;font-weight:600}.segmented button.on{background:var(--ink);color:var(--ground)}.select-label{color:var(--viz-ink-2);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.select-label select{font:inherit;border:1px solid var(--line);background:var(--viz-surface);color:var(--viz-ink);border-radius:10px;min-height:36px;padding:8px 12px;font-weight:500}.lead-row{grid-template-columns:minmax(240px,1fr) 2.2fr;align-items:stretch;gap:16px;display:grid}.hero,.tile,.card{background:var(--viz-surface);border:1px solid var(--line);border-radius:14px}.hero{flex-direction:column;justify-content:center;gap:4px;padding:22px 24px;display:flex}.hero-value{font-family:var(--sans);color:var(--viz-ink);font-size:64px;font-weight:700;line-height:1}.hero-label{color:var(--viz-ink-2);font-size:16px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{flex-direction:column;gap:2px;padding:16px 18px;display:flex}.tile-label{color:var(--viz-ink-2);font-size:14px}.tile-value{font-family:var(--sans);color:var(--viz-ink);font-size:30px;font-weight:700;line-height:1.15}.tile-note{color:var(--viz-muted);font-size:13px}.card{flex-direction:column;gap:14px;margin:0;padding:20px 22px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-title{font-family:var(--sans);color:var(--viz-ink);margin:0;font-size:17px;font-weight:700}.sub{color:var(--viz-ink-2);font-size:14px}.quiet-btn{border:1px solid var(--line);color:var(--viz-ink-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;min-height:34px;padding:7px 14px;font-size:13px;font-weight:600}.empty{color:var(--viz-ink-2);padding:18px 0;font-size:15px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.plot{position:relative}.plot svg{width:100%;height:auto;display:block;overflow:visible}.plot .grid{stroke:var(--viz-grid);stroke-width:1px}.plot .axis{stroke:var(--viz-axis);stroke-width:1px}.plot .tick{fill:var(--viz-muted);font-variant-numeric:tabular-nums;font-size:11px}.plot .value{fill:var(--viz-ink);font-size:12px;font-weight:700}.plot .bar{fill:var(--viz-series)}.plot .line{fill:none;stroke:var(--viz-series);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.plot .dot{fill:var(--viz-series);stroke:var(--viz-surface);stroke-width:2px}.plot rect:focus{outline:none}.plot rect:focus-visible{stroke:var(--viz-ink);stroke-width:1px}.tip{background:var(--viz-ink);color:var(--viz-surface);pointer-events:none;white-space:nowrap;z-index:2;border-radius:8px;flex-direction:column;gap:1px;padding:6px 10px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.tip strong{font-size:14px}.tip span{opacity:.8}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th{text-align:left;color:var(--viz-ink-2);border-bottom:1px solid var(--viz-axis);padding:8px 10px;font-size:13px;font-weight:600}table.data td{border-bottom:1px solid var(--viz-grid);vertical-align:middle;color:var(--viz-ink);padding:9px 10px}table.data .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.data .of{color:var(--viz-muted)}.bar-col{width:34%;min-width:120px}.hbar{gap:2px;min-width:0;height:12px;display:flex}.hseg{border-radius:2px;min-width:3px;height:100%;display:block}.hseg:last-child{border-radius:2px 4px 4px 2px}.hseg.s1,.key.s1{background:var(--viz-s1)}.hseg.s2,.key.s2{background:var(--viz-s2)}.hseg.s3,.key.s3{background:var(--viz-s3)}.standing+.standing{margin-top:10px}.standing-subject{margin:4px 0 2px;font-size:15px;font-weight:700}.legend-row{color:var(--viz-ink-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.legend-row .key{margin-left:12px}.legend-row .key:first-child{margin-left:0}.notes{flex-direction:column;gap:12px;display:flex}.notes li p:first-child{color:var(--viz-ink);font-size:15px}tr.clickable{cursor:pointer}tr.clickable:hover td,tr.detail td{background:var(--ground)}.draft{flex-direction:column;gap:4px;padding:8px 0;display:flex}.draft+.draft{border-top:1px solid var(--viz-grid)}.answer{white-space:pre-wrap;font-size:15px}@media (width<=900px){.lead-row,.two-col{grid-template-columns:1fr}.bar-col{display:none}}