:root{ --bg:#0b1220; --panel:#111b33; --text:#e6e6e6; --muted:#9aa4b2; --accent:#ffd447; --btn:#1e63b6; --pill:#2a3a66; }
html,body{height:100%; margin:0; background:var(--bg); color:var(--text); font-family:system-ui,Segoe UI,Arial,sans-serif;}
.wrap{max-width:900px; margin:0 auto; padding:18px;}
.panel{background:var(--panel); border-radius:14px; padding:16px; box-shadow:0 10px 24px rgba(0,0,0,.25);}
.row{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:12px 0;}
.grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}
h1{margin:0 0 10px 0;}
h3{margin:0 0 6px 0; color:var(--muted); font-weight:600;}
.big{font-size:22px; font-weight:800;}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;}
.btn{background:var(--btn); color:white; border:0; border-radius:10px; padding:12px 14px; font-weight:800; cursor:pointer;}
.btn:disabled{opacity:.45; cursor:not-allowed;}
.bigbtn{width:100%; padding:18px; font-size:24px;}
.pill{background:var(--pill); padding:6px 10px; border-radius:999px; font-weight:700;}
.note{color:var(--muted); margin-top:10px; line-height:1.4;}
input{padding:8px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.15); background:#0a1022; color:var(--text);}