/* base.css
   Základní reset a typografie, pozadí a grid stránky. */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; padding:16px;
  -webkit-tap-highlight-color: transparent;
  font-family:system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background: radial-gradient(1200px 800px at 20% -20%, #1b2142 0%, var(--bg) 60%);
  color:var(--ink);
  display:grid; place-items:center;
}
a{color:#9fc0ff}
.wrap{ width:min(820px, 100%); display:grid; gap:18px }
header{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px }
h1{font-size:22px; margin:0}
.hint{color:var(--muted); font-size:14px; line-height:1.4}
footer{color:var(--muted); font-size:12px; text-align:center}