/* mobile-core.css — Phone-first baseline (avoid iOS zoom, unify inputs, safe-areas) */
:root{
  --gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;
  --gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e9f0;
  --text-color:#e5e9f0;
  --cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;
  --blue-500:#3b82f6;--blue-600:#2563eb;
  --green-500:#10b981;--yellow-500:#f59e0b;--red-500:#ef4444;
  --bg:#0b1220; --card:#0f172a; --muted:#94a3b8; --ring:#22d3ee44;
  --radius:14px;
}

*{box-sizing:border-box}
html,body{height:100%}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:radial-gradient(1200px 600px at 20% 0%, #0b1220, #060912);
  color:var(--text-color);font:16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
a{color:var(--cyan-400);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

input,textarea,select,button{
  font:16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  -webkit-appearance:none;appearance:none;border-radius:12px;border:1px solid #233;outline:none;
  background:#0c1220;color:var(--text-color);padding:12px 14px;
}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--ring);border-color:var(--cyan-600)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 16px;border-radius:12px;border:1px solid #1e293b;background:#14213d;color:#e5e9f0;cursor:pointer}
.btn.primary{background:linear-gradient(180deg, var(--blue-500), var(--blue-600));border:none}
.btn.ghost{background:transparent;border:1px solid #334155}
.btn:active{transform:translateY(1px)}

.label{display:block;margin:.5rem 0 .25rem;color:#cbd5e1;font-size:.9rem}
.input{width:100%}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

@media (min-width:480px){
  body{font-size:16px}
}