:root { color-scheme: dark; font-family: ui-sans-serif, system-ui, sans-serif; }
body { margin: 0; background: #0b1020; color: #e8eefc; }
#app { display: grid; grid-template-columns: 320px 1fr; min-height: 100vh; }
aside { border-right: 1px solid #27324d; padding: 1rem; background: #11182a; }
section { padding: 1rem 1.25rem; overflow: hidden; }
button { background: #1d2a46; color: #e8eefc; border: 1px solid #344563; border-radius: 6px; padding: .45rem .65rem; cursor: pointer; }
button:hover { background: #26395e; }
ol { padding-left: 1.25rem; }
li { margin: .5rem 0; }
li button { width: 100%; text-align: left; }
#tabs { display: flex; gap: .5rem; flex-wrap: wrap; margin: 1rem 0; }
#content { background: #070b14; border: 1px solid #27324d; border-radius: 10px; padding: 1rem; min-height: 65vh; overflow: auto; white-space: pre-wrap; }
#meta, #health { color: #9fb0d0; }
