:root{--paper:#f7f6f1;--card:#fff;--ink:#1f2a33;--deep:#1f3a4d;--muted:#5e6870;--rule:#dad6ca;--amber:#c98a1b;--amber-ink:#1f2a33;--ok:#2f6b4f;--ok-bg:#e2eee6;--warn:#7d520d;--warn-bg:#f6ebd3;--bad:#a63d2f;--bad-bg:#f5e1dd;--info:#1f3a4d;--info-bg:#e3e9ee;--pine:#1f5c46;--moss:#3e8e63;--sky:#eaf3f6;--sky-2:#d7e8ef;--sky-ink:#23515f;--sunrise:#e8793a;--contour:#bfd6cf;--route-ink:#23343b;--route-muted:#53666d;--sand:#f6eee3;--sand-card:#fffdf9;--sand-rule:#eadfcf;--gold:#e3a72f;--stoep-ink:#2e2a25;--stoep-muted:#6b6157;--tutor:#13646b;--on-tutor:#fffdf9;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--rounded:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:ui-serif,Georgia,"Times New Roman",serif;--r1:6px;--r2:10px;--r3:16px;--gut:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141917;--card:#1d2421;--ink:#e6ecea;--deep:#9cc3d4;--muted:#a3aeaa;--rule:#34403c;--amber:#e0a84a;--amber-ink:#141917;--ok:#8fd0aa;--ok-bg:#1e3329;--warn:#f0c87a;--warn-bg:#3a2e14;--bad:#f2a497;--bad-bg:#3d211c;--info:#bfd7e3;--info-bg:#22313a;--pine:#7fc6a2;--moss:#5db386;--sky:#132126;--sky-2:#1f343b;--sky-ink:#bfe0ea;--sunrise:#f09a63;--contour:#2e4a44;--route-ink:#e1eef1;--route-muted:#9db3ba;--sand:#1b1814;--sand-card:#25211c;--sand-rule:#3a332b;--gold:#e9b95a;--stoep-ink:#f1e9de;--stoep-muted:#bfb2a3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#141917;--card:#1d2421;--ink:#e6ecea;--deep:#9cc3d4;--muted:#a3aeaa;--rule:#34403c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--deep)}.app{max-width:560px;min-height:100dvh;padding:0 var(--gut) 88px;flex-direction:column;margin:0 auto;display:flex}.sandbox{color:var(--warn);background:var(--warn-bg);padding:6px var(--gut);text-align:center;font-size:12px}.num,.amt{font-variant-numeric:tabular-nums}.amt{white-space:nowrap}.sub{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}h1{color:var(--deep);margin:4px 0 2px;font-size:22px;line-height:1.2}h2{letter-spacing:.06em;text-transform:uppercase;color:var(--deep);margin:20px 0 6px;font-size:13px}h3{margin:8px 0 4px;font-size:16px}p{margin:4px 0}.topbar{justify-content:space-between;align-items:center;gap:8px;padding:12px 0 8px;display:flex}.brand{align-items:center;gap:8px;min-width:0;display:flex}.brand b{font-size:15px;line-height:1.15}.brand b .sub{font-size:11px;font-weight:500;display:block}.slot{border:1.5px dashed var(--muted);color:var(--muted);border-radius:var(--r1);white-space:nowrap;padding:3px 7px;font-size:11px;line-height:1.2}.footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:28px;font-size:12px;display:flex}.iconbtn{border:1px solid var(--rule);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.ledger{border-top:1px solid var(--rule)}.ledger>*{border-bottom:1px solid var(--rule);padding:10px 0}.li{justify-content:space-between;align-items:center;gap:10px;display:flex}.li>:first-child{min-width:0}.state{text-align:center;width:18px;font-weight:800;display:inline-block}.big{color:var(--deep);font-size:24px;font-weight:800}.box{border:1px solid var(--rule);border-radius:var(--r1);background:var(--card);padding:10px 12px}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r2);margin:10px 0;padding:14px}.pill{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.p-ok{background:var(--ok-bg);color:var(--ok)}.p-warn{background:var(--warn-bg);color:var(--warn)}.p-bad{background:var(--bad-bg);color:var(--bad)}.p-ink{background:var(--info-bg);color:var(--info)}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.btn{text-align:center;border-radius:var(--r2);cursor:pointer;background:var(--deep);width:100%;color:var(--paper);border:0;margin:10px 0 0;padding:12px 14px;font-size:15px;font-weight:700;text-decoration:none;display:block}.btn.inline{width:auto;margin:6px 6px 0 0;padding:8px 12px;font-size:14px;display:inline-block}.btn.ghost{color:var(--deep);border:1px solid var(--rule);background:0 0}.btn.amber{background:var(--amber);color:var(--amber-ink)}.btn.sunrise{background:var(--sunrise);color:#fff}.btn.pine{background:var(--pine);color:#fff}.btn.gold{background:var(--gold);color:var(--stoep-ink)}.btn:disabled{opacity:.5;cursor:default}.err{background:var(--bad-bg);color:var(--bad);border-radius:var(--r1);margin-top:6px;padding:8px 10px;font-size:14px}.note{background:var(--info-bg);color:var(--info);border-radius:var(--r1);padding:8px 10px;font-size:13px}.ai-note{background:var(--sky-2);color:var(--sky-ink);border-radius:var(--r1);padding:7px 10px;font-size:12px}label.f{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}.input,select.input,textarea.input{border:1px solid var(--rule);border-radius:var(--r1);background:var(--card);width:100%;padding:11px 12px}.check{border-bottom:1px solid var(--rule);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.check input{flex:none;width:20px;height:20px;margin-top:2px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--rule);background:var(--card);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px}.chip[aria-pressed=true]{background:var(--deep);color:var(--paper);border-color:var(--deep)}.tabbar{background:var(--card);border-top:1px solid var(--rule);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar nav{gap:4px;width:100%;min-width:0;max-width:560px;display:flex;overflow-x:auto}.tabbar button{border-radius:var(--r2);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:1;padding:9px 4px;font-size:12px}.tabbar button[aria-current=page]{background:var(--deep);color:var(--paper);font-weight:700}.roles{gap:6px;padding:2px 0 6px;display:flex;overflow-x:auto}.s-route{--deep:var(--pine);font-family:var(--rounded)}body.route-bg{background:var(--sky)}.s-route .card{border-radius:var(--r3);background:var(--card);border:0}.s-route h1{color:var(--pine)}.s-route h2{color:var(--pine);text-transform:none;letter-spacing:0;font-size:16px}.s-route .tabbar button[aria-current=page]{background:var(--pine);color:#fff}.meter{background:var(--sky-2);border-radius:99px;height:8px;overflow:hidden}.meter i{background:var(--moss);border-radius:99px;height:100%;display:block}.postcard{background:var(--pine);color:#fff;border-radius:var(--r3);flex-direction:column;gap:4px;margin:10px 0;padding:14px;display:flex}.postcard .sub{color:#ffffffd9}.postcard b.lead{font-size:19px;font-family:var(--rounded)}.q{border-bottom:1px solid var(--rule);padding:12px 0}body.stoep-bg{background:var(--sand)}.s-stoep{color:var(--stoep-ink)}.hero{background:var(--tutor);color:var(--on-tutor);margin:0 calc(-1 * var(--gut));padding:18px var(--gut) 18px;flex-direction:column;gap:6px;display:flex}.tname{font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.15}.s-stoep .post{background:var(--sand-card);border:1px solid var(--sand-rule);border-radius:14px;margin:10px 0;padding:12px}.s-stoep h3{font-family:var(--serif);color:var(--tutor);font-size:18px}.s-stoep .sub{color:var(--stoep-muted)}.s-stoep .chip[aria-pressed=true]{background:var(--tutor);color:var(--on-tutor);border-color:var(--tutor)}.badge{background:var(--on-tutor);color:var(--tutor);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700}@media (prefers-reduced-motion:no-preference){.btn,.chip{transition:filter .15s}.btn:active{filter:brightness(.92)}}@media (width>=720px){.app{padding-bottom:96px}}.mathblock{padding:4px 0;overflow-x:auto}.katex{font-size:1.05em}.explainer{margin-bottom:12px}.explainer-tools{justify-content:flex-end;display:flex}.explainer-tools .chip{min-width:44px;min-height:44px}.explainer-panel,.tour-card{background:var(--card,white);color:var(--ink,#222);border:1px solid var(--rule,#bbb);overflow-wrap:anywhere;border-radius:12px;padding:16px}.explainer-panel h3,.tour-card h3{margin:10px 0 4px;font-size:14px}.explainer-panel p,.tour-card p{margin:0 0 8px;font-size:14px;line-height:1.45}.tour-area{min-width:0}.tour-highlight{outline:3px solid var(--moss,#537b46);outline-offset:2px;border-radius:6px}.tour-overlay{z-index:100;background:#0000001f;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.tour-card{box-sizing:border-box;width:min(100%,520px);max-height:65dvh;overflow-y:auto;box-shadow:0 4px 24px #0003}.tour-card .chips{flex-wrap:wrap}.snag-float{z-index:30;width:auto;position:fixed;bottom:84px;right:16px;box-shadow:0 2px 8px #0003}.snag-dialog{box-sizing:border-box;border:1px solid #bbb;border-radius:12px;width:min(480px,100vw - 32px);max-height:85dvh;padding:20px;overflow:auto}.snag-dialog::backdrop{background:#0006}.snag-dialog input[type=file]{max-width:100%}