:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; }
.topbar { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #eee; }
.logo { font-weight: 700; text-decoration: none; color: #111; }
.nav a { margin-left: 12px; text-decoration: none; color: #333; }
.container { padding: 20px; max-width: 980px; margin: 0 auto; }
.card { border: 1px solid #eee; border-radius: 12px; padding: 16px; margin: 12px 0; }
.muted { color: #666; }
.badge { display:inline-block; padding:4px 8px; border-radius: 999px; border:1px solid #ddd; font-size:12px; }
.kbd { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; padding: 2px 6px; border: 1px solid #ddd; border-radius: 6px; background: #fafafa; }
.footer { padding: 16px; border-top: 1px solid #eee; color: #777; text-align: center; }
.right { display:flex; align-items:center; gap:10px; }
.btn { border:1px solid #ddd; background:#fff; padding:6px 10px; border-radius:10px; cursor:pointer; }
.select { border:1px solid #ddd; background:#fff; padding:6px 10px; border-radius:10px; }
.authBox { display:flex; align-items:center; gap:8px; }