:root{--navy:#081320;--panel:#0e2233;--panel2:#0b1c2b;--cyan:#15ffff;--cyan2:#0bd6d6;--ink:#eaf7fb;--mut:#8fb2bf;--ok:#41e58a;--warn:#ffb454;--bad:#ff7a7a}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(1100px 500px at 50% -10%,#123146,var(--navy) 60%);color:var(--ink);min-height:100vh}button{font-family:inherit}input,select,textarea{background:#08141f;border:1px solid #24485e;border-radius:8px;color:var(--ink);padding:7px 9px;font-size:13px;font-family:inherit}input[type=range]{padding:0}input[type=color]{padding:2px;width:42px;height:30px}.btn{border:0;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;background:var(--cyan);color:#04333a}.btn.ghost{background:#16323f;color:var(--ink);border:1px solid #2a5062}.btn.mini{padding:5px 9px;font-size:12px;border-radius:7px}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid #1e3a49;border-radius:14px;padding:14px}.card h2{margin:0 0 10px;font-size:11.5px;color:var(--cyan2);text-transform:uppercase;letter-spacing:1.2px}.muted{color:var(--mut);font-size:12px}