:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#1a1a1a;--muted:#5f6368;--bg:#fff;--card:#f4f4f5;--accent:#d00;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#f1f1f1;--muted:#a8adb3;--bg:#121212;--card:#1f1f22}}*{box-sizing:border-box}body{min-width:320px;margin:0}.page{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.header h1{margin:0;font-size:1.75rem}.subtitle,.muted{color:var(--muted);margin:0}.card{background:var(--card);border-radius:12px;padding:16px}.card p{margin:0 0 8px}.banner{border-left:4px solid var(--accent);background:var(--card);border-radius:4px;margin:0;padding:12px 16px}.button{background:var(--fg);min-height:44px;color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 20px;font-weight:600;display:inline-block}.button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a{color:inherit}:root{--ok:#1b7f3b;--ok-bg:#e6f4ea;--warn:#8a5a00;--warn-bg:#fff4d6;--bad:#b3261e;--bad-bg:#fce8e6;--line:#d9d9de}@media (prefers-color-scheme:dark){:root{--ok:#81c995;--ok-bg:#16301f;--warn:#fdd663;--warn-bg:#3a2f10;--bad:#f28b82;--bad-bg:#3c1a18;--line:#3a3a40}}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:2;padding:max(10px, env(safe-area-inset-top)) 16px 10px;background:var(--bg);border-bottom:1px solid var(--line);align-items:baseline;gap:12px;display:flex;position:sticky;top:0}.brand{font-weight:700;text-decoration:none}.screen-title{color:var(--muted);margin:0;font-size:1rem;font-weight:600}.app .page{flex:1;width:100%;padding-bottom:96px}.tabbar{padding:6px 8px max(6px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-width:64px;min-height:44px;color:var(--muted);justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--fg);font-weight:700}h2{margin:0 0 8px;font-size:1.15rem}h3{margin:0 0 6px;font-size:1rem}.card h2:last-child,.card ul:last-child,.card p:last-child{margin-bottom:0}.small{font-size:.875rem}.error{color:var(--bad)}.button-wide{width:100%}.button-danger{background:var(--bad);color:#fff}.button:disabled{opacity:.45;cursor:default}.link-button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 4px;text-decoration:underline}.link-button.small{min-height:32px}.link-button:focus-visible,.option:focus-visible,.chip:focus-visible,.tile:focus-visible,.gap-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.secondary-actions{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.sync-line{margin:0;font-size:.85rem}.reasons{color:var(--muted);margin:12px 0 0;padding-left:20px}.size-picker{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.question{flex-direction:column;gap:14px;display:flex}.progress{color:var(--muted);justify-content:space-between;gap:12px;margin:0;font-size:.875rem;display:flex}.reason{text-align:right}.prompt{margin:0;font-size:1.1rem;font-weight:600}.stimulus{flex-direction:column;gap:10px;display:flex}.stimulus-text{margin:0;font-size:1.25rem}.stimulus-media{margin:0}.stimulus-media img{border-radius:10px;width:100%;height:auto;display:block}.media-placeholder{aspect-ratio:3/2;background:var(--card);border-radius:10px}.media-missing{background:var(--card);border-radius:10px;padding:12px}.passage{background:var(--card);border-radius:10px;padding:12px 14px}.passage p{margin:0 0 6px}.passage p:last-child{margin:0}.options{gap:10px;display:grid}.option,.chip,.tile{border:2px solid var(--line);background:var(--bg);min-height:44px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:10px 14px}.option{font-size:1.1rem}.option.is-selected,.chip.is-selected{border-color:var(--fg)}.option.is-correct,.chip.is-correct{border-color:var(--ok);background:var(--ok-bg)}.option.is-wrong,.chip.is-wrong{border-color:var(--bad);background:var(--bad-bg)}.option:disabled,.chip:disabled,.tile:disabled{cursor:default;color:var(--fg)}.chip{text-align:center;padding:6px 12px}.gap-text{margin:0;font-size:1.25rem;line-height:2.4}.gap-slot{vertical-align:middle;flex-direction:column;margin:0 2px;line-height:1.3;display:inline-flex}.gap-chips{flex-flow:wrap;gap:4px}.gap-input{border:0;border-bottom:2px solid var(--fg);background:var(--card);max-width:100%;min-height:44px;color:var(--fg);font:inherit;border-radius:6px 6px 0 0;padding:6px 8px}.gap-input.is-correct{border-color:var(--ok);background:var(--ok-bg)}.gap-input.is-near-miss{border-color:var(--warn);background:var(--warn-bg)}.gap-input.is-wrong{border-color:var(--bad);background:var(--bad-bg)}.gap-expected{color:var(--ok);font-size:.9rem;font-weight:600}.order .link-button{align-self:flex-start}.order{flex-direction:column;gap:10px;display:flex}.order-answer,.order-pool{flex-wrap:wrap;gap:8px;display:flex}.order-answer{border:2px dashed var(--line);border-radius:10px;align-items:center;min-height:60px;padding:8px}.order-lines .order-answer,.order-lines .order-pool{flex-direction:column;align-items:stretch}.tile.is-placed{border-color:var(--fg)}.order-preview{margin:0;font-size:1.1rem}.actions{flex-direction:column;gap:8px;display:flex}.hints{background:var(--warn-bg);border-radius:10px;margin:0;padding:10px 14px 10px 30px}.feedback{border-left:6px solid var(--line);background:var(--card);border-radius:10px;padding:14px}.feedback:focus{outline:none}.feedback.is-correct{border-color:var(--ok)}.feedback.is-near-miss{border-color:var(--warn)}.feedback.is-wrong,.feedback.is-revealed,.feedback.is-skipped{border-color:var(--bad)}.feedback-title{margin:0 0 6px;font-weight:700}.feedback-answer,.explanation{margin:0 0 10px}.flag-form{flex-direction:column;gap:8px;display:flex}.flag-form textarea{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:8px;padding:8px}.flag-link,.end-session{color:var(--muted);align-self:flex-start}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 8px;display:grid}.stats div{background:var(--bg);border-radius:8px;padding:10px}.stats dt{color:var(--muted);font-size:.85rem}.stats dd{margin:0;font-size:1.5rem;font-weight:700}.topic-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.units{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.unit{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;display:grid}.unit-title{grid-column:1}.unit .link-button{grid-area:1/2/span 2}.unit .badge{grid-column:1;justify-self:start}.unit-facts{grid-column:1/span 2;font-size:.85rem}.badge{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:.8rem;display:inline-block}.status-needs_practice{border-color:var(--bad);color:var(--bad)}.status-consolidating{border-color:var(--warn);color:var(--warn)}.status-stable{border-color:var(--ok);color:var(--ok)}.session-list,.attempts,.versions{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.versions{gap:12px}.session-link{flex-direction:column;text-decoration:none;display:flex}.attempt{border-left:6px solid var(--line)}.attempt p{margin:0 0 4px}.attempt.is-correct{border-color:var(--ok)}.attempt.is-near-miss{border-color:var(--warn)}.attempt.is-wrong,.attempt.is-revealed{border-color:var(--bad)}.whats-new p{margin:0 0 8px}
