/* Light + premium UI baseline (Tailwind via CDN is primary) */
:root { color-scheme: light; }
html,body{height:100%;}
body{font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;}
a{color:inherit}
/* small helpers */
.card{border:1px solid rgba(15,23,42,.10); border-radius:16px; background:#fff; box-shadow:0 10px 28px rgba(15,23,42,.06);}
.btn{border-radius:14px; padding:.6rem 1rem; font-weight:600;}
.btn-primary{background:#0f172a; color:#fff;}
.btn-ghost{background:#fff; border:1px solid rgba(15,23,42,.14);}
.input{border:1px solid rgba(15,23,42,.14); border-radius:14px; padding:.65rem .85rem; width:100%; outline:none;}
.input:focus{border-color:rgba(15,23,42,.35); box-shadow:0 0 0 4px rgba(15,23,42,.08);}
.badge{display:inline-flex; align-items:center; gap:.4rem; padding:.25rem .55rem; border-radius:999px; font-size:.75rem; border:1px solid rgba(15,23,42,.12); background:#f8fafc;}