:root { --bg:#0b0c10; --card:#121317; --text:#e8e8e8; --muted:#9aa0a6; --btn:#5b9cff; --btn2:#2f3b52; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, sans-serif; background: var(--bg); color: var(--text) }
main.card { max-width: 720px; margin: 4rem auto; background: var(--card); padding: 2rem; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.4) }
h1 { margin-top:0 }
section { margin: 1.5rem 0; }
.row { display:flex; gap: .75rem; align-items:center }
select, button { font-size: 16px; padding: .6rem .9rem; border-radius: 10px; border: 1px solid #2a2f3a; background: #1a1d24; color: var(--text) }
button { background: var(--btn); border: none; cursor: pointer }
button.secondary { background: var(--btn2) }
pre { white-space: pre-wrap; background:#0d0f14; padding:1rem; border-radius:12px; color:#e0e6f0 }