:root{color-scheme:light;--bg-a:#f8fafc;--bg-b:#e2e8f0;--card:#fff;--text:#0f172a;--muted:#475569;--primary:#0d9488;--primary-2:#0f766e;--danger:#b91c1c;--ok:#15803d;--border:#cbd5e1}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--text);background:radial-gradient(circle at top left,var(--bg-b),var(--bg-a))}.wrap{max-width:760px;margin:0 auto;padding:28px 18px 64px}.title{margin:0 0 6px;font-size:2rem}.subtitle{margin:0 0 24px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 5px 14px rgba(15,23,42,.08)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:1rem}.btn{border:0;border-radius:10px;padding:9px 14px;font-weight:700;background:var(--primary);color:#fff;cursor:pointer}.btn:hover{background:var(--primary-2)}.btn.secondary{background:#334155}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.kv{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;margin-top:10px}.ok{color:var(--ok)}.err{color:var(--danger)}.muted{color:var(--muted)}@media (max-width:640px){.title{font-size:1.7rem}}