:root { font-family: system-ui, -apple-system, Segoe UI, sans-serif; }
body { margin: 0; background: #fafafa; color: #111; }
header { padding: 16px 20px; background:#fff; border-bottom:1px solid #eee; }
main { max-width: 1100px; margin: 0 auto; padding: 16px 20px; }
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.card { background:#fff; border:1px solid #eee; border-radius: 12px; padding: 12px; }
.card h3 { margin: 0 0 6px 0; }
.badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.badge { font-size:12px; background:#f1f1f1; padding:4px 8px; border-radius: 999px; }
.row { display:flex; gap:10px; flex-wrap:wrap; }
input, select, textarea { padding:10px; border:1px solid #ddd; border-radius: 10px; background:#fff; }
textarea { width: 100%; min-height: 120px; }
button { padding:10px 12px; border:1px solid #ddd; border-radius:10px; background:#fff; cursor:pointer; }
button:hover { background:#f5f5f5; }
small { color:#555; }
a { color: inherit; }
hr { border:none; border-top:1px solid #eee; margin: 14px 0; }
.code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; background:#f6f6f6; padding: 10px; border-radius: 10px; overflow:auto; }
.notice { background:#fff7d6; border:1px solid #ffe38a; padding: 10px; border-radius: 10px; }