:root { --bg:#0b0c10; --fg:#e6e6e6; --muted:#9aa0a6; --card:#111316; --accent:#6ee7ff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
a { color:var(--accent); text-decoration:none; }
.container { max-width: 960px; margin: 0 auto; padding: 1rem; }
.topbar { background:#0f1115; border-bottom:1px solid #1c1f26; padding:.75rem 1rem; position:sticky; top:0; z-index:5; }
.topbar nav a { margin-right:1rem; }
.post-card { background:var(--card); border:1px solid #1c1f26; border-radius:12px; padding:1rem; margin:1rem 0; }
.post-media img { width:100%; display:block; border-radius:8px; background:#0c0e12; }
.sitefooter { border-top:1px solid #1c1f26; padding:1rem; text-align:center; color:var(--muted); }
.btn { background:#1a73e8; border:none; color:white; padding:.6rem 1rem; border-radius:8px; cursor:pointer; }
.input { background:#0d0f14; border:1px solid #1c1f26; border-radius:8px; color:var(--fg); padding:.6rem .8rem; width:100%; }
.toast { position:fixed; bottom:1rem; right:1rem; background:#22272e; color:#e6e6e6; padding:.5rem .75rem; border-radius:8px; box-shadow:0 5px 20px rgba(0,0,0,.3); }