:root { --bg:#0b0f19; --fg:#e5e7eb; --muted:#94a3b8; --card:#111827; --accent:#60a5fa; }
body { margin:0; font-family:system-ui,Arial; background:var(--bg); color:var(--fg); }
main { max-width: 840px; margin:40px auto; padding:0 16px; }
h1 { font-size:1.8rem; margin-bottom:16px; }
.card { background:var(--card); border:1px solid #1f2937; border-radius:12px; padding:16px; margin:16px 0; }
label { display:flex; flex-direction:column; margin-right:12px; }
input { padding:10px 12px; border-radius:8px; border:1px solid #374151; background:#0f172a; color:var(--fg); }
button { padding:10px 14px; border-radius:10px; border:1px solid #374151; background:#111827; color:var(--fg); cursor:pointer; }
button:hover { border-color:var(--accent); }
button:disabled { opacity:.5; cursor:not-allowed; }
.muted { color:var(--muted); }
.hand { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.hand button { min-width:48px; font-weight:600; }
pre { background:#0f172a; border:1px solid #1f2937; border-radius:10px; padding:12px; overflow:auto; }