:root{--color-bg:#f6f8f7;--color-surface:#fff;--color-text:#1c2622;--color-text-muted:#5b6b64;--color-primary:#2e7d5b;--color-primary-contrast:#fff;--color-border:#d8e2dc;--radius:12px;--shadow:0 1px 3px #00000014}:root[data-theme=dark]{--color-bg:#101418;--color-surface:#1a2027;--color-text:#e8eeeb;--color-text-muted:#9bb0a6;--color-primary:#4caf87;--color-primary-contrast:#0c1310;--color-border:#2b343d;--shadow:0 1px 3px #0006}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background .2s,color .2s}#root{max-width:640px;margin:0 auto;padding:24px 16px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:16px;padding:20px}h1{align-items:center;gap:12px;margin:0;font-size:1.6rem;display:flex}.tagline{color:var(--color-text-muted);margin-top:4px}label{color:var(--color-text-muted);margin-bottom:4px;font-size:.85rem;display:block}select,button{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:8px 12px}button.primary{background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;border:none}.controls{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.status{margin-top:12px;font-size:.9rem}