:root { color-scheme: dark; --gold: #e8b04a; --bg: #111; --panel: #1c1c1c; --text: #eee; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.5 system-ui, sans-serif; }
header { display: flex; align-items: baseline; gap: .75rem; padding: .75rem 1rem; border-bottom: 1px solid var(--gold); }
header h1 { margin: 0; color: var(--gold); font-size: 1.4rem; }
header .by { opacity: .7; font-size: .85rem; }
#account { margin-left: auto; }
main { display: grid; gap: 1rem; padding: 1rem; max-width: 720px; margin: 0 auto; }
.panel { background: var(--panel); border-radius: 10px; padding: 1rem; display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.panel h2 { width: 100%; margin: 0; font-size: 1rem; }
input { background: #000; color: var(--text); border: 1px solid #444; border-radius: 6px; padding: .4rem .6rem; }
button { background: var(--gold); color: #111; border: 0; border-radius: 6px; padding: .5rem .9rem; font-weight: 600; cursor: pointer; }
button:disabled { opacity: .4; cursor: default; }