html, body { margin: 0; height: 100%; background: #0e1120; color: #cfd6f6; font: 13px system-ui, sans-serif; }
body { display: grid; grid-template-columns: 1fr 1fr; }
.pane { min-height: 240px; height: 100%; }
.msg { position: fixed; left: 8px; bottom: 6px; margin: 0; padding: 2px 8px; background: rgba(10, 14, 30, .75); border-radius: 8px; }
@media (max-width: 640px) { body { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; } }