:root{--bg:#111827;--panel:#1f2937;--panel-2:#374151;--text:#f9fafb;--muted:#9ca3af;--accent:#6366f1;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,system-ui,sans-serif}#app{max-width:640px;min-height:100%;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 16px);margin:0 auto}h1{margin:8px 0 16px;font-size:24px}h2{margin:20px 0 8px;font-size:18px}p{line-height:1.4}.muted{color:var(--muted)}.error{color:var(--bad)}.topbar{align-items:center;gap:8px;min-height:44px;display:flex}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:20px;overflow:hidden}button,.btn{font:inherit;color:var(--text);background:var(--panel);cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:12px 16px}button:active{opacity:.7}button:disabled{opacity:.4}.primary{background:var(--accent)}.good{background:var(--good);color:#052e16}.warn{background:var(--warn);color:#451a03}.icon{background:0 0;padding:8px 10px;font-size:22px}.stack{flex-direction:column;gap:10px;display:flex}.row{gap:10px;display:flex}.row>*{flex:1}.list-item{text-align:left;background:var(--panel);border-radius:12px;width:100%;padding:14px 16px;display:block}.list-item small{color:var(--muted);margin-top:4px;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{text-align:left;flex:none;min-width:96px;padding:10px 14px}.segmented{background:var(--panel);border-radius:12px;gap:4px;padding:4px;display:flex}.segmented button{background:0 0;flex:1;min-height:36px;padding:8px 4px}.segmented button.on{background:var(--accent)}.progress{background:var(--panel-2);border-radius:3px;height:6px;margin-top:6px;display:flex;overflow:hidden}.progress .learning{background:var(--warn)}.progress .learned{background:var(--good)}.card{background:var(--panel);text-align:center;-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;justify-content:center;gap:16px;min-height:46vh;padding:24px;display:flex}.card .main{font-size:32px;font-weight:600}.card .example{color:var(--muted);font-size:20px}.card .divider{background:var(--panel-2);height:1px;margin:4px 0}.toast{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);background:var(--panel-2);text-align:center;border-radius:12px;padding:12px 16px;position:fixed}input[type=text]{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--panel-2);border-radius:12px;width:100%;min-height:44px;padding:12px}