:root{--ink:#1a1a1a;--brown:#3b2c20;--muted:#534a39;--paper:#f6f5f5;--line:#e1e1e1;--clay:#b75131;--olive:#6a7542;--olive-1:#a9b36b;--olive-2:#869254;--olive-4:#454d2a;--olive-track:#e3e7d3;--stone:#d6d3cd;--serif:"Fraunces", Georgia, serif;--sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--ink);background:#fff;line-height:1.4}body{background:#fff;margin:0}.app{max-width:40rem;margin:0 auto;padding:1.25rem 1rem 4rem}h1,h2,h3,.serif{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;margin:0;font-weight:400}h1{font-size:clamp(2.25rem,8vw,3.25rem);line-height:1}h1,h2,.prompt{text-wrap:balance}h2{color:var(--brown);font-size:1.75rem;line-height:1.1}h3{letter-spacing:0;font-size:1.2rem;font-weight:500}p{margin:0}.stack{gap:.75rem;display:grid}.muted,.kicker{color:var(--muted)}.kicker{font-size:.875rem}.olive{color:var(--olive)}.error,.wrong-text{color:var(--clay)}.right-text{color:var(--olive)}.bar{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.brand{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;color:var(--ink);background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:1.5rem;display:flex}.who{align-items:center;gap:.75rem;display:flex}.who .link{font-weight:600;text-decoration:none}.who .link[aria-current=page]{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.avatar{background:var(--paper);width:2rem;height:2rem;color:var(--brown);text-transform:uppercase;border-radius:50%;place-items:center;font-weight:600;display:grid}button{font:inherit;color:inherit;text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:.75rem 1rem}button:hover:not(:disabled){border-color:#c8c2ba}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--brown);outline-offset:2px}.primary{background:var(--brown);border-color:var(--brown);color:#fff;text-align:center;font-weight:600}.primary:hover:not(:disabled){background:#2a1f16;border-color:#2a1f16}.primary:disabled{opacity:.6}.primary kbd,.good kbd{color:#fffc;border-color:#fff6}.link{color:var(--brown);text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.icon{color:var(--muted);flex-shrink:0;padding:.25rem .6rem}.rows .icon{border-color:#0000}input,textarea{font:inherit;color:inherit;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.75rem 1rem}textarea{resize:vertical}label{gap:.35rem;font-weight:500;display:grid}kbd{font:inherit;border:1px solid var(--line);color:var(--muted);border-radius:4px;margin-right:.35rem;padding:0 .35rem;font-size:.75rem}@media (hover:none){kbd{display:none}}progress{appearance:none;background:var(--line);border:none;border-radius:2px;width:100%;height:4px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--brown)}progress::-moz-progress-bar{background:var(--brown)}.card{background:var(--paper);border-radius:12px;padding:1.5rem}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 12px 32px #3b2c200f}.panel>button{text-align:center}.panel>.link{justify-self:center}.panel+.tiles{margin-top:.75rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.75rem;display:grid}.tile{background:var(--paper);border-color:var(--paper);align-content:start;gap:.25rem;padding:1.25rem;display:grid}.tile:hover:not(:disabled){border-color:var(--line)}.tile strong{font-family:var(--serif);font-variation-settings:"SOFT" 100;color:var(--brown);font-size:1.3rem;font-weight:500}.tile .muted{font-size:.875rem}.hero{text-align:center;justify-items:center;gap:1rem;margin:1rem 0 2.5rem;display:grid}.brush{width:min(20rem,70%);height:auto;margin-top:-.25rem}.lede{text-wrap:balance;max-width:26rem;font-size:1.05rem}.steps{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1.5rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.steps li{align-content:start;gap:.35rem;display:grid}.steps .kicker:before,.note:before{content:"✳ ";color:var(--clay)}.topbar,.toolbar{align-items:center;gap:.75rem;display:flex}.toolbar input{flex:1;min-width:0}.prompt{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.01em;color:var(--brown);margin:.25rem 0 .5rem;font-size:1.6rem;line-height:1.2}.recall{font-family:var(--serif);font-size:1.35rem}.answer{font-family:var(--serif);font-variation-settings:"SOFT" 100;color:var(--ink);font-size:2.25rem;line-height:1.1}.right{border-color:var(--olive);background:color-mix(in srgb, var(--olive) 12%, #fff)}.wrong{border-color:var(--clay);background:color-mix(in srgb, var(--clay) 10%, #fff)}.note{background:var(--paper);border-radius:12px;padding:1rem 1.25rem}.grades{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.grades button{text-align:center;font-weight:600}.grades small{color:var(--muted);font-weight:400;display:block}.grades .again{color:var(--clay)}.grades .good{background:var(--olive);border-color:var(--olive);color:#fff}.grades .good small{color:#fffc}.score{font-family:var(--serif);font-variation-settings:"SOFT" 100;color:var(--brown);font-size:4rem;line-height:1}.rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--line);align-items:baseline;gap:.75rem;padding:.85rem 0;display:flex}.rows li>div{flex:1;gap:.15rem;display:grid}.rows .serif{letter-spacing:0;font-size:1.15rem;font-weight:500}.rows .muted{font-size:.9rem}.legend{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.dot{border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;display:inline-block}.new{--level:var(--stone)}.weak{--level:var(--olive-1)}.learning{--level:var(--olive)}.mastered{--level:var(--olive-4)}.dot,.seg,.swatch{background:var(--level)}.loading{justify-items:center;gap:.75rem;padding:3rem 0;display:grid}.loading.page{align-content:center;min-height:50vh}.loading img{animation:6s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}.alert{background:#f8ece6;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.85rem 1.1rem;display:flex}.alert p:before{content:"✳ ";color:var(--clay)}.empty{text-align:center;justify-items:center;padding:2rem 1.5rem}.dialog{width:min(26rem,100vw - 2rem);color:var(--ink);border:none;border-radius:16px;padding:0;box-shadow:0 24px 64px #3b2c202e}.dialog[open]{animation:.16s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.dialog>div{padding:1.5rem}.dialog::backdrop{background:#3b2c2059}.actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.danger{background:var(--clay);border-color:var(--clay)}.danger:hover:not(:disabled){background:#9c4329;border-color:#9c4329}@media (prefers-reduced-motion:reduce){.loading img,.dialog[open]{animation:none}}.stats{position:relative}.nowrap{white-space:nowrap}.kpis{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;display:grid}.kpi{background:var(--paper);border-radius:12px;align-content:start;gap:.15rem;padding:1rem 1.1rem;display:grid}.kpi strong{font-size:2rem;font-weight:600;line-height:1.15}.kpi .muted{font-size:.8rem}.heatmap{gap:.5rem;display:grid;overflow-x:auto}.heat-grid{grid-template-rows:auto repeat(7,auto);grid-template-columns:auto repeat(12,minmax(0,32px));grid-auto-flow:column;justify-content:start;gap:4px;display:grid}.heat-label{white-space:nowrap;align-self:center;padding-right:.25rem;font-size:.7rem;line-height:1}.cell{aspect-ratio:1;background:#efeee9;border-radius:4px;display:block}.cell.future{background:0 0}.cell.l1{background:var(--olive-1)}.cell.l2{background:var(--olive-2)}.cell.l3{background:var(--olive)}.cell.l4{background:var(--olive-4)}.cell.today,.heat-grid .cell:not(.future):hover{outline:1.5px solid var(--brown);outline-offset:1px}.heat-legend{align-items:center;gap:4px;font-size:.75rem;display:flex}.heat-legend .cell{width:12px}details summary{cursor:pointer}.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:.5rem;font-size:.9rem}.data th,.data td{text-align:left;border-bottom:1px solid var(--line);padding:.4rem .5rem}.data th{color:var(--muted);font-weight:500}.stackbar{gap:2px;height:20px;display:flex}.seg{min-width:4px}.seg:last-child{border-radius:0 4px 4px 0}.seg:hover{filter:brightness(1.12)}.legend-list{gap:.35rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.legend-list li{align-items:center;gap:.4rem;display:flex}.swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.columns{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.column{border-radius:6px;justify-items:center;gap:.35rem;display:grid}.plot{border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:140px;display:flex}.cap{font-size:.8rem;line-height:1.5rem}.col-bar{background:var(--olive);border-radius:4px 4px 0 0;width:min(24px,60%)}.column:hover .col-bar,.column:focus-visible .col-bar{background:var(--olive-2)}.tick{font-size:.75rem}.meter{gap:.35rem;display:grid}.meter-head{justify-content:space-between;gap:1rem;display:flex}.track{background:var(--olive-track);border-radius:4px;height:8px;overflow:hidden}.track span{background:var(--olive);border-radius:0 4px 4px 0;height:100%;display:block}.tooltip{z-index:2;background:var(--brown);color:#fff;white-space:nowrap;pointer-events:none;border-radius:8px;padding:.4rem .6rem;font-size:.8rem;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 6px 16px #00000026}.tooltip strong{font-size:.95rem}.tooltip span{opacity:.8}