:root{--bg:#0c0d10;--ink:#f3f5f7;--muted:#a7b0bb;--steel:#d5dbe3;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(1200px 500px at 20% -10%,rgba(255,255,255,.08),transparent 50%),var(--bg);font-family:Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}.metal{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:radial-gradient(420px 140px at var(--mx,50%) var(--my,0),rgba(255,255,255,.22),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.03) 26%,rgba(0,0,0,.45)),linear-gradient(155deg,#3a404b,#14171d 46%,#222730);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 22px 50px rgba(0,0,0,.45)}.metal:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.14) 48%,transparent 60%)}button,input,select{font:inherit;color:var(--ink)}input,select{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(8,9,12,.55)}a.solid,button.solid{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(180deg,#f7f8fa,#b9c0c9 45%,#8d96a3);color:#15171c;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(0,0,0,.35)}button.ghost{padding:.55rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;cursor:pointer}.drop.on{box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 18px 30px rgba(255,255,255,.08)}.flash{animation:rail .7s ease}@keyframes rail{0%{box-shadow:inset 0 0 0 1px #fff,0 0 24px rgba(255,255,255,.45)}to{box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}}.grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:1rem;gap:1rem}@media (max-width:980px){.grid{grid-template-columns:1fr}}