:root{--bg: #0f0f10;--surface: #17171a;--ink: #f2f2f3;--ink-dim: #9a9aa0;--green: #26d07c;--hair: inset 0 0 0 1px rgba(255, 255, 255, .08);--s1: 6px;--s2: 12px;--s3: 24px;--s4: 48px;--s5: 96px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 SB Sans Text,system-ui,sans-serif}#app{max-width:960px;margin:0 auto;padding:var(--s4) var(--s3)}h1{font:600 32px/1.2 SB Sans Display,system-ui,sans-serif;margin:0 0 var(--s3)}.card{background:var(--surface);box-shadow:var(--hair);padding:var(--s3);margin-bottom:var(--s3)}.muted{color:var(--ink-dim)}.err{color:#ff6b5e;box-shadow:var(--hair);padding:var(--s2)}button,.btn{background:var(--green);color:#08150e;border:0;border-radius:0;padding:var(--s2) var(--s3);font:inherit;font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--ink);box-shadow:var(--hair)}input{background:var(--bg);color:var(--ink);border:0;box-shadow:var(--hair);padding:var(--s2);font:inherit}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;align-items:center;padding:var(--s2) 0;box-shadow:var(--hair);margin-bottom:var(--s1);padding-inline:var(--s2)}