:root{--ink:#16202b;--muted:#5b6875;--line:#dfe4ea;--bg:#f6f7f9;--card:#fff;--accent:#1f6feb;--accent-soft:#eaf1fd;--good:#157f4a;--warn:#b26a00}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}.shell{flex-direction:column;min-height:100vh;display:flex}.shell>main{width:100%;max-width:68rem;margin:0 auto;padding:1.5rem 1rem 3rem}a{color:inherit}.masthead{background:var(--card);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.masthead-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:68rem;margin:0 auto;padding:.75rem 1rem;display:flex}.wordmark{letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:700;display:flex}.wordmark-mark{background:var(--accent);color:#fff;border-radius:.6rem;place-items:center;width:1.9rem;height:1.9rem;font-size:.85rem;font-weight:700;display:grid}.tabs{flex-wrap:wrap;gap:.35rem;margin-left:auto;display:flex}.tab{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:.4rem .75rem;font-size:.9rem;text-decoration:none}.tab:hover{background:var(--accent-soft);color:var(--ink)}.tab[data-active=true]{background:var(--accent);border-color:var(--accent);color:#fff}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pageHead{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.25rem;display:flex}.pageHead h1{letter-spacing:-.02em;margin:0;font-size:1.5rem}.pageHead p{color:var(--muted);margin:0;font-size:.95rem}.stack{flex-direction:column;gap:1rem;display:flex}.split{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:900px){.split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.card{background:var(--card);border:1px solid var(--line);border-radius:.9rem;padding:1rem 1.1rem}.card h2{margin:0 0 .35rem;font-size:1.05rem}.card h3{margin:0 0 .3rem;font-size:1rem}.muted{color:var(--muted);font-size:.92rem}.stats{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:.8rem;padding:.7rem .85rem}.stat b{letter-spacing:-.02em;font-size:1.4rem;display:block}.stat span{color:var(--muted);font-size:.82rem}.taskList{flex-direction:column;gap:.6rem;display:flex}.task{gap:.75rem;display:grid}@media (min-width:780px){.task{grid-template-columns:minmax(0,1fr) auto;align-items:start}}.tag{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.steps{color:var(--ink);margin:.5rem 0 0;padding-left:1.1rem;font-size:.93rem}.steps li+li{margin-top:.3rem}.btn{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border-radius:.55rem;padding:.4rem .8rem}.btn:hover{filter:brightness(.96)}.btn:focus-visible{outline-offset:2px;outline:2px solid #0b3d91}.btnGhost{color:var(--accent);background:0 0}.doneMark{color:var(--good);white-space:nowrap;font-size:.9rem}.badges{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.6rem;display:grid}.badge{border:1px solid var(--line);background:#fff;border-radius:.75rem;padding:.65rem .7rem}.badge[data-earned=true]{border-color:var(--accent);background:var(--accent-soft)}.badge b{font-size:.92rem;display:block}.badge span{color:var(--muted);font-size:.8rem}.empty{border:1px dashed var(--line);color:var(--muted);background:#fff;border-radius:.8rem;padding:1.1rem}.empty b{color:var(--ink);margin-bottom:.2rem;display:block}.field{flex-direction:column;gap:.35rem;display:flex}.field label{font-size:.88rem;font-weight:600}.field input,.field textarea,.select{font:inherit;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:.55rem;padding:.5rem .65rem}.field input:focus,.field textarea:focus,.select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.scenario{flex-direction:column;gap:.8rem;display:flex}.options{gap:.5rem;display:grid}.opt{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.6rem;align-items:flex-start;gap:.6rem;padding:.55rem .7rem;font-size:.94rem;display:flex}.opt[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.opt input{margin-top:.25rem}.feedback{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:.4rem;padding:.6rem .75rem;font-size:.92rem}.feedback[data-miss=true]{border-left-color:var(--warn);background:#fdf4e3}.pill{color:var(--muted);font-size:.8rem}.list{margin:0;padding-left:1.1rem;font-size:.93rem}.list li+li{margin-top:.3rem}