body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; margin: 0; background: #0b0f14; color: #e7eef7; }
.wrap { max-width: 980px; margin: 0 auto; padding: 24px; }
h1 { margin: 0 0 18px; }
.card { background: #121a24; border: 1px solid #223043; border-radius: 12px; padding: 16px; margin: 14px 0; }
.row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 8px 0; }
label { opacity: .85; }
input, select { background: #0b0f14; color: #e7eef7; border: 1px solid #223043; border-radius: 10px; padding: 10px 12px; }
button { background: #2d7dff; color: white; border: 0; border-radius: 10px; padding: 10px 14px; cursor: pointer; }
button.ghost { background: transparent; border: 1px solid #2d7dff; }
.mono { background: #0b0f14; border: 1px solid #223043; border-radius: 10px; padding: 10px; overflow: auto; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin-top: 10px; }
