:root{--bg:#0f1115;--card:#1a1d24;--text:#e8eaf0;--muted:#9aa0b0;--accent:#4ade80;--warn:#fbbf24;--line:#2a2e3a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:0 20px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:640px;margin:0 auto 20px;padding:16px 0;display:flex}.brand{color:var(--text);font-size:1.1rem;font-weight:800;text-decoration:none}.topbar nav{align-items:center;gap:12px;display:flex}.user{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.85rem;overflow:hidden}.btn{border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.btn.primary{background:var(--accent);color:#052e16;border:none}.btn.ghost{color:var(--text);background:0 0}main{max-width:640px;margin:0 auto}