:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #0b1118; color: #e5edf5; }
body { margin: 0; min-height: 100vh; } header { padding: 1rem 1.25rem; border-bottom: 1px solid #263545; display: flex; justify-content: space-between; gap: 1rem; } h1 { margin: 0; font-size: 1rem; color: #55c7f4; } main { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(320px, 1.2fr); gap: 1rem; padding: 1rem; } .panel { background: #111b26; border: 1px solid #263545; border-radius: 8px; padding: 1rem; } button { border: 0; border-radius: 5px; padding: .55rem .8rem; background: #38bdf8; color: #071019; font-weight: 700; cursor: pointer; } @media (max-width: 700px) { main { grid-template-columns: 1fr; } }