:root{
  --bg0:#070b14;
  --bg1:#0b1220;
  --card:#0e1830cc;
  --line:#203353;
  --text:#e8f0ff;
  --muted:#93a6c6;
  --green:#7dffb3;
  --shadow: 0 18px 50px rgba(0,0,0,.48);
  --r: 18px;
  --safeBottom: env(safe-area-inset-bottom, 0px);
  --safeTop: env(safe-area-inset-top, 0px);
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{
  background:
    radial-gradient(1200px 600px at 50% -20%, rgba(125,255,179,.18), transparent 55%),
    radial-gradient(900px 700px at 80% 10%, rgba(59,130,246,.12), transparent 62%),
    linear-gradient(180deg,var(--bg0),var(--bg1) 30%, var(--bg0));
  color:var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
button{font:inherit}