:root { --bg:#f6f8fa; --card:#fff; --text:#1b1f24; --muted:#5b6470; --accent:#0a7cbf; --line:#dde3ea; --me:#e3f1fb; --bot:#eef2f5; --good:#1f9d55; --bad:#d1242f; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0f1418; --card:#171e24; --text:#e6edf3; --muted:#93a1ad; --accent:#4fb3ef; --line:#2a333c; --me:#13324a; --bot:#1f2830; --good:#4cc38a; --bad:#ff6b6b; }
}
* { box-sizing:border-box; }
body { margin:0; font:15px/1.5 system-ui, "Noto Sans Telugu", "Nirmala UI", sans-serif; background:var(--bg); color:var(--text); }
header { padding:12px 16px; border-bottom:1px solid var(--line); display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
header h1 { font-size:18px; margin:0 auto 0 0; }
a { color:var(--accent); }
input, button, select, textarea { font:inherit; padding:6px 10px; border:1px solid var(--line); border-radius:6px; background:var(--card); color:var(--text); }
textarea { width:100%; resize:vertical; }
button { cursor:pointer; }
.primary { background:var(--accent); color:#fff; border-color:var(--accent); }
.danger { color:var(--bad); }
.card { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:12px; margin-bottom:12px; }
.muted { color:var(--muted); font-size:13px; }
main { max-width:1100px; margin:0 auto; padding:16px; }