:root{--bg:#f6f4ef;--fg:#1d2422;--muted:#55605c;--card:#fff;--line:#d9d5cc;--acc:#2f5d62;--acc-fg:#fff;--soft:#e6efee;--good:#1f6b3a;--bad:#a12a2a;--mid:#8a5a00;--p1:#2f5d62;--p2:#6a4c93;--p3:#c0562d;--p4:#3a7d44;--p5:#a68a00;--p6:#b23a6c;--p7:#2f6690;--p8:#8c5e3c;--p9:#5c5470;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121615;--fg:#e9eeec;--muted:#a9b4b0;--card:#1c2220;--line:#33403c;--acc:#7fc4c4;--acc-fg:#0d1514;--soft:#1f2e2c;--good:#7bd197;--bad:#ff9a9a;--mid:#f0c060;--p1:#7fc4c4;--p2:#c3abf0;--p3:#eda47c;--p4:#8fd19e;--p5:#f0c060;--p6:#f1a3c4;--p7:#8ec3e8;--p8:#d2ad84;--p9:#b7aee0;color-scheme:dark}}[data-theme=dark]{--bg:#121615;--fg:#e9eeec;--muted:#a9b4b0;--card:#1c2220;--line:#33403c;--acc:#7fc4c4;--acc-fg:#0d1514;--soft:#1f2e2c;--good:#7bd197;--bad:#ff9a9a;--mid:#f0c060;--p1:#7fc4c4;--p2:#c3abf0;--p3:#eda47c;--p4:#8fd19e;--p5:#f0c060;--p6:#f1a3c4;--p7:#8ec3e8;--p8:#d2ad84;--p9:#b7aee0;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--acc)}main{max-width:680px;margin:0 auto;padding:12px 16px 96px;outline:none}h1{font-size:2rem;line-height:1.15;margin:.5rem 0 .6rem}h2{font-size:1.375rem;line-height:1.25;margin:.2rem 0 .5rem}h3,.h3{font-size:1.0625rem;line-height:1.3}.top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:5}.top nav a{margin-left:14px;display:inline-block;padding:8px 2px;min-height:44px;line-height:28px}.brand{font-weight:700;text-decoration:none;color:var(--fg)}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs a{flex:1;text-align:center;padding:14px 2px;text-decoration:none;color:var(--muted);font-size:.9rem;min-height:48px}.tabs a[aria-current=page]{color:var(--acc);font-weight:700;box-shadow:inset 0 3px 0 var(--acc)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:12px 0}.card.accent{background:var(--soft)}.card.flat{border-color:transparent;background:transparent}.warn{border-color:var(--bad)}.muted{color:var(--muted)}.small{font-size:.875rem}.lead{font-size:1.05rem}button,.btn{font:inherit;min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--acc);color:var(--acc-fg);border-color:var(--acc);font-weight:600}.danger{color:var(--bad);border-color:var(--bad)}.link{border:0;background:none;color:var(--acc);padding:4px 0;text-decoration:underline}:focus-visible{outline:3px solid var(--acc);outline-offset:2px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{display:flex;flex-direction:column;align-items:flex-start;padding:14px}.tile strong{font-size:1.5rem}.list{list-style:none;padding:0;margin:0}.row{display:flex;gap:10px;width:100%;text-align:left;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.row span:nth-child(2){flex:1}.opts{display:flex;flex-direction:column;gap:8px}.opt{text-align:left}.opt.right{border:2px solid var(--good)}.opt.wrong{border:2px solid var(--bad)}.feedback{margin-top:12px;padding:12px;background:var(--soft);border-radius:10px}.feedback button{margin-top:10px}.row-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:99px;background:var(--soft);color:var(--fg);border:1px solid var(--line)}.check{display:flex;gap:10px;align-items:flex-start;padding:8px 0;min-height:44px}.check input{width:22px;height:22px;margin-top:2px}fieldset{border:0;padding:0;margin:0}fieldset.card{border:1px solid var(--line);padding:14px 16px}legend{padding:0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.chip{min-height:40px;padding:6px 12px;border-radius:99px;font-size:.9rem;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line)}.chip[aria-pressed=true],.chip:has(input:checked){background:var(--acc);color:var(--acc-fg)}.rating{margin:12px 0}.field{display:block;margin:8px 0}textarea,input[type=range]{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--bg);color:var(--fg)}.fb{border-left:4px solid var(--line);padding:4px 10px;margin:8px 0}.fb.q2{border-color:var(--good)}.fb.q1{border-color:var(--mid)}.fb.q0{border-color:var(--bad)}.fb.chosen{background:var(--soft)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.metrics dt{font-weight:600}.metrics dd{margin:0;font-size:1.3rem}.metrics dd.small{font-size:.875rem}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}.install{display:flex;align-items:center;gap:10px;background:var(--soft)}.install>div{flex:1}.install p{margin:0}.icon{min-width:44px;padding:0;font-size:1.4rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:9;background:var(--card);padding:8px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.fbline{margin:6px 0;padding:4px 8px;border-left:4px solid var(--line);font-size:.95em}.fbline.ok{border-color:var(--good)}.fbline.no{border-color:var(--bad)}.seq{padding-left:1.4em}.seq li{margin:8px 0}.seq li>span:first-child{display:block}.row-btns.tight{gap:6px;margin-top:4px}.split{display:grid;gap:12px}@media (min-width:640px){.split{grid-template-columns:1fr 1fr}}.quote{white-space:pre-wrap;background:var(--soft);padding:8px;border-radius:8px}.notice{border-left:4px solid var(--mid);padding-left:8px}.filters{display:grid;gap:8px;grid-template-columns:1fr 1fr}.filters select{width:100%}select{font:inherit;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg);max-width:100%}.tradeoff{display:grid;gap:.25rem;margin:.4rem 0 0}.tradeoff div{display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem}.tradeoff dt{font-weight:600}.tradeoff dd{margin:0}.card.safety{border-left:4px solid var(--mid)}main:focus,main:focus-visible{outline:none}.wide{width:100%;margin-top:8px}.pad{display:inline-block;padding:10px 2px;min-height:44px}.hero{border:2px solid var(--acc);padding:16px}.hero h2{font-size:1.35rem;margin:.1rem 0 .2rem}.hero-links{margin:.6rem 0 0}.hero-links a{display:inline-block;padding:8px 0}.kicker{margin:0 0 .35rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);display:flex;align-items:center;gap:6px}.kicker .ki{width:14px;height:14px;flex:none;stroke-width:2.25}.row-icon{width:20px;height:20px;flex:none;color:var(--muted)}.steps{list-style:none;display:flex;gap:4px;padding:0;margin:10px 0 4px;counter-reset:s}.steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.78rem;color:var(--muted);padding:6px 2px;border-bottom:3px solid var(--line)}.steps .mark{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;border:1.5px solid currentColor;font-size:.75rem;font-weight:700}.steps li.current{color:var(--fg);font-weight:700;border-bottom-color:var(--acc)}.steps li.current .mark{background:var(--acc);color:var(--acc-fg);border-color:var(--acc)}.steps li.done{color:var(--fg);border-bottom-style:dotted}.steps li.na{opacity:.6}.block{margin:20px 0}.block.learn{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:14px;padding:14px 16px}.block.learn p{max-width:65ch}.block.learn p:first-of-type{font-size:1.08rem;font-weight:600}.block.example{background:var(--soft);border-left:4px solid var(--mid);border-radius:14px;padding:12px 16px}.block.example p{font-style:italic}.block.try>.card{border:2px dashed var(--acc)}.block.practice{border:1px solid var(--line);border-left:4px solid var(--good);border-radius:14px;padding:12px 16px 14px;background:transparent}.block.practice ol{list-style:none;counter-reset:pr;margin:.3rem 0 0;padding:0}.block.practice li{counter-increment:pr;display:flex;gap:10px;align-items:flex-start;margin:10px 0}.block.practice li:before{content:counter(pr);flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--good);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.aux{background:transparent;border-style:dashed}.result h3{margin-top:1.2rem;padding-top:.7rem;border-top:1px solid var(--line)}.phase-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.phase1{border-left:5px solid var(--p1)}.phase1 .phase-dot{background:var(--p1)}.phase2{border-left:5px solid var(--p2)}.phase2 .phase-dot{background:var(--p2)}.phase3{border-left:5px solid var(--p3)}.phase3 .phase-dot{background:var(--p3)}.phase4{border-left:5px solid var(--p4)}.phase4 .phase-dot{background:var(--p4)}.phase5{border-left:5px solid var(--p5)}.phase5 .phase-dot{background:var(--p5)}.phase6{border-left:5px solid var(--p6)}.phase6 .phase-dot{background:var(--p6)}.phase7{border-left:5px solid var(--p7)}.phase7 .phase-dot{background:var(--p7)}.phase8{border-left:5px solid var(--p8)}.phase8 .phase-dot{background:var(--p8)}.phase9{border-left:5px solid var(--p9)}.phase9 .phase-dot{background:var(--p9)}.block.explain>.card{border-top:4px solid var(--mid)}.block.check>.card{border-top:4px solid var(--good)}.qbar{height:4px;background:var(--line);border-radius:4px;margin:-4px 0 10px;overflow:hidden}.qbar span{display:block;height:100%;background:var(--good)}.result.pass{border-left:6px solid var(--good)}.result.notyet{border-left:6px solid var(--mid)}.result.done{border-left:6px solid var(--acc)}.badge.pending{border-style:dashed}.fb.safe.q0{border-color:var(--mid);border-left-style:dashed}.fb.safe.q1{border-color:var(--mid)}dialog.confirm{max-width:min(92vw,460px);border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--fg);padding:16px 18px}dialog.confirm::backdrop{background:#00000073}dialog.confirm input{width:100%;font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}.danger.solid{background:var(--bad);color:#fff;border-color:var(--bad)}@media (min-width:900px){.tabs{max-width:680px;margin:0 auto;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0}}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tabs a{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tabs .ti{font-size:1.15rem;line-height:1;position:relative;display:inline-block}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:var(--bad);color:#fff;font-size:.62rem;font-weight:700;line-height:15px;text-align:center}.me-links a.row{min-height:48px;text-decoration:none}.phase-table{width:100%;border-collapse:collapse;margin:.5rem 0}.phase-table th,.phase-table td{text-align:left;padding:.3rem .25rem;border-bottom:1px solid var(--line, #ddd)}.practise{margin-top:.75rem}.tabs a{padding:6px 2px}.practise{margin:.75rem 0 1.25rem}.practise li a{display:inline-block;min-height:44px;padding:10px 0}.strip{padding:12px 16px}.strip-row{display:flex;gap:18px}.strip-stat{display:flex;flex-direction:column;gap:2px}.strip-stat strong{font-size:1.3rem;line-height:1}.phase-path{list-style:none;display:flex;gap:4px;padding:0;margin:12px 0 0}.phase-path li{flex:1;display:flex;align-items:center;justify-content:center;height:26px;border-radius:7px;font-size:.72rem;font-weight:700;background:var(--soft);color:var(--muted);border:1px solid var(--line)}.phase-path li.behind{background:var(--soft);color:var(--fg)}.phase-path li.mastered{background:var(--good);color:#fff;border-color:var(--good)}.phase-path li.current{background:var(--acc);color:var(--acc-fg);border-color:var(--acc)}.phase-path li.upcoming{opacity:.5}