:root{--uikit-ink:#1f2328;--uikit-ink-muted:#6b7280;--uikit-surface:#ffffff;--uikit-border:#999999;--uikit-border-selected:#555555;--uikit-focus:#2563eb;--uikit-success:#2e7d32;--uikit-success-bg:#e8f5e9;--uikit-danger:#c62828;--uikit-danger-bg:#ffebee;--uikit-disabled-bg:#f4f4f5;--uikit-disabled-text:#a1a1aa;--uikit-disabled-border:#d4d4d8;--uikit-accent:#2563eb;--uikit-accent-hover:#1d4ed8;--uikit-warn:#b45309;--uikit-warn-bg:#fffbeb;--uikit-idle-bg:#f4f4f5;--uikit-idle-text:#6b7280;--uikit-radius:6px;--uikit-radius-sm:4px;--uikit-radius-lg:12px;--uikit-border-width:1px;--uikit-border-width-selected:2px;--uikit-space-1:4px;--uikit-space-2:8px;--uikit-space-3:12px;--uikit-space-4:16px;--uikit-space-5:24px}.ui-kit-option{border:var(--uikit-border-width) solid var(--uikit-border);border-radius:var(--uikit-radius);background:var(--uikit-surface);color:var(--uikit-ink);font:inherit;text-align:left;cursor:pointer}.ui-kit-option[data-state=selected]{border-width:var(--uikit-border-width-selected);border-color:var(--uikit-border-selected)}.ui-kit-option[data-state=correct]{border-width:var(--uikit-border-width-selected);border-color:var(--uikit-success);background:var(--uikit-success-bg)}.ui-kit-option[data-state=wrong]{border-width:var(--uikit-border-width-selected);border-color:var(--uikit-danger);background:var(--uikit-danger-bg)}.ui-kit-option:disabled{cursor:default;color:var(--uikit-disabled-text)}.ui-kit-chip{border:var(--uikit-border-width) solid var(--uikit-border);border-radius:var(--uikit-radius-sm);background:var(--uikit-surface);color:var(--uikit-ink);font:inherit;cursor:pointer}.ui-kit-chip:disabled{cursor:default;color:var(--uikit-disabled-text);border-color:var(--uikit-disabled-border)}.ui-kit-blank{display:inline-block;border:var(--uikit-border-width) dashed var(--uikit-border);border-radius:var(--uikit-radius-sm);background:transparent;color:var(--uikit-ink);font:inherit;cursor:pointer}.ui-kit-blank[data-state=selected]{border-style:solid;border-width:var(--uikit-border-width-selected);border-color:var(--uikit-border-selected)}.ui-kit-blank[data-state=correct]{border-style:solid;border-width:var(--uikit-border-width-selected);border-color:var(--uikit-success);background:var(--uikit-success-bg)}.ui-kit-blank:disabled{cursor:default}.ui-kit-icon-btn{border:var(--uikit-border-width) solid var(--uikit-border);border-radius:var(--uikit-radius-sm);background:var(--uikit-surface);color:var(--uikit-ink);cursor:pointer}.ui-kit-icon-btn:disabled{cursor:default;color:var(--uikit-disabled-text);border-color:var(--uikit-disabled-border)}.ui-kit-row{border:var(--uikit-border-width) solid var(--uikit-border);border-radius:var(--uikit-radius);background:var(--uikit-surface)}.ui-kit-row[data-state=correct]{border-width:var(--uikit-border-width-selected);border-color:var(--uikit-success);background:var(--uikit-success-bg)}.ui-kit-row[data-state=wrong]{border-width:var(--uikit-border-width-selected);border-color:var(--uikit-danger);background:var(--uikit-danger-bg)}.ui-kit-code-input,.ui-kit-text-input{border:var(--uikit-border-width) solid var(--uikit-border);border-radius:var(--uikit-radius);background:var(--uikit-surface);color:var(--uikit-ink);font:inherit}.ui-kit-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ui-kit-feedback{color:var(--uikit-ink-muted)}.ui-kit-card{display:flex;flex-direction:column;border:var(--uikit-border-width) solid var(--uikit-border);border-radius:var(--uikit-radius-lg);background:var(--uikit-surface);color:var(--uikit-ink);padding:var(--uikit-space-4)}.ui-kit-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--uikit-space-3)}.ui-kit-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;font:inherit;font-size:.8em;font-weight:600;white-space:nowrap;background:var(--uikit-idle-bg);color:var(--uikit-idle-text)}.ui-kit-badge[data-state=done]{background:var(--uikit-success-bg);color:var(--uikit-success)}.ui-kit-badge[data-state=in-progress]{background:var(--uikit-warn-bg);color:var(--uikit-warn)}.ui-kit-badge[data-state=available]{background:var(--uikit-accent-fg);border:var(--uikit-border-width) solid var(--uikit-accent);color:var(--uikit-accent)}.ui-kit-button{display:inline-flex;align-items:center;justify-content:center;border:var(--uikit-border-width) solid var(--uikit-border);border-radius:var(--uikit-radius);background:var(--uikit-surface);color:var(--uikit-ink);font:inherit;font-weight:600;padding:8px 14px;cursor:pointer}.ui-kit-button--primary{border-color:var(--uikit-accent);background:var(--uikit-accent);color:var(--uikit-accent-fg)}.ui-kit-button--primary:hover:not(:disabled){background:var(--uikit-accent-hover);border-color:var(--uikit-accent-hover)}.ui-kit-button:disabled{cursor:default;background:var(--uikit-disabled-bg);color:var(--uikit-disabled-text);border-color:var(--uikit-disabled-border)}.ui-kit-blank:focus-visible,.ui-kit-button:focus-visible,.ui-kit-chip:focus-visible,.ui-kit-code-input:focus-visible,.ui-kit-icon-btn:focus-visible,.ui-kit-option:focus-visible,.ui-kit-text-input:focus-visible{outline:3px solid var(--uikit-focus);outline-offset:2px}:root{color-scheme:light;font-family:system-ui,sans-serif;--forest:#244b35;--forest-2:#356447;--leaf:#e7f0e7;--cream:#fbfaf5;--paper:#ffffff;--ink:#25332a;--muted:#718076;--line:#e2e8df;--uikit-ink:var(--ink);--uikit-ink-muted:var(--muted);--uikit-surface:var(--paper);--uikit-border:var(--line);--uikit-border-selected:var(--forest-2);--uikit-focus:var(--forest-2);--uikit-accent:var(--forest);--uikit-accent-hover:var(--forest-2);--uikit-accent-fg:#ffffff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream)}a{color:inherit}