:root {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: #eaf0ff;
  background: #0a0e17;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #0a0e17; }

.app-shell { display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; }
.sidebar { border-right: 1px solid #1a2336; padding: 16px; background: #0c1220; }
.brand { font-size: 14px; text-transform: uppercase; letter-spacing: .08em; color: #8ea5ff; margin-bottom: 16px; }
.nav { display: flex; flex-direction: column; gap: 8px; }
.nav a { color: #cfd8ff; text-decoration: none; padding: 10px 12px; border-radius: 8px; background: transparent; border: 1px solid transparent; }
.nav a.active { background: #192339; border-color: #334d8a; }
.main { padding: 24px; }
.screen h1 { margin-top: 0; }
.feed { border: 1px solid #1a2336; border-radius: 12px; min-height: 320px; padding: 12px; margin-bottom: 12px; background: #0f1527; }
.message { padding: 8px 10px; border-radius: 8px; background: #192339; margin-bottom: 8px; }
.form { display: flex; gap: 8px; }
.form input { flex: 1; padding: 10px; border-radius: 8px; border: 1px solid #2a3654; background: #0f1527; color: #eaf0ff; }
.form button { padding: 10px 16px; border-radius: 8px; border: 1px solid #365392; background: #24427d; color: white; }
.placeholder { color: #9fb0e0; }