:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12141c;--panel:#1a1d29;--line:#2a2e3d;--text:#e6e8ef;--muted:#8b90a3;--accent:#7c9aff;--bad:#ff8c8c;--ok:#6ee7a8}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:40rem;margin:0 auto;padding:1rem 1rem 4rem}h1{margin:0 0 1.25rem;font-size:1.3rem}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:2rem 0 .75rem;font-size:.75rem}h3{margin:0 0 .15rem;font-size:1rem}.pick{background:var(--accent);color:var(--bg);text-align:center;cursor:pointer;border-radius:.5rem;padding:.85rem 1.25rem;font-weight:600;display:block}.pick input{display:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;margin-bottom:.75rem;padding:.85rem}.card.bad{border-color:var(--bad)}.meta,.empty{color:var(--muted);margin:0;font-size:.85rem}.empty{font-style:italic}.warn{color:var(--muted);border-left:2px solid var(--line);padding-left:.75rem;font-size:.85rem}.warn.urgent{color:var(--bad);border-left-color:var(--bad)}.ok{color:var(--ok)}p.bad{color:var(--bad)}ol{margin:.75rem 0 0;padding-left:1.25rem}ol li{margin-bottom:.5rem}.lemmas{color:var(--muted);font-size:.85rem;display:block}button{font:inherit;background:var(--accent);color:var(--bg);cursor:pointer;border:0;border-radius:.5rem;width:100%;margin-top:1rem;padding:.85rem 1.25rem;font-weight:600}.level,.lesson{text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--line);margin-top:.6rem;display:block}.level strong{min-width:3rem;display:inline-block}.level span,.lesson span{font-weight:400}input{font:inherit;background:var(--panel);width:100%;color:var(--text);border:1px solid var(--line);border-radius:.5rem;margin-top:1rem;padding:.85rem}input:disabled{opacity:.7}button:disabled{opacity:.45;cursor:default}.bar{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.quit{width:auto;color:var(--muted);background:0 0;margin:0;padding:0;font-size:.85rem;font-weight:400;text-decoration:underline}.lemma{margin:1rem 0 .25rem;font-size:1.6rem}.gloss{color:var(--accent);margin:0 0 1rem}.prompt{margin:1.5rem 0 0;font-size:1.2rem}.example{background:var(--panel);border-left:2px solid var(--accent);border-radius:0 .4rem .4rem 0;padding:.6rem .85rem}.example .meta,.lesson .meta{display:block}.illustration{color:var(--text);margin:.6rem 0 0;font-size:.9rem}.scroller{margin:.75rem 0;overflow-x:auto}table{border-collapse:collapse;font-size:.85rem}th,td{border:1px solid var(--line);text-align:left;white-space:nowrap;padding:.35rem .6rem}th{color:var(--muted);font-weight:600}.detail{color:var(--bad);margin:.5rem 0 0;padding-left:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}
