:root { color-scheme: light; --blue:#2563eb; --border:#e5e7eb; --muted:#64748b; --bg:#f8fafc; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; color:#0f172a; background:var(--bg); }
button,input,textarea { font:inherit; }
.container { width:min(920px,calc(100% - 32px)); margin:48px auto; }
.narrow { width:min(720px,calc(100% - 32px)); }
.page-header,.toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
h1,h2,p { margin-top:0; } h1 { margin-bottom:6px; } h2 { font-size:18px; }
.subtitle { margin-bottom:0; color:var(--muted); }
.count { white-space:nowrap; padding:10px 14px; background:#dbeafe; color:#1e40af; border-radius:999px; }
.pool,.card { overflow:hidden; background:white; border:1px solid var(--border); border-radius:14px; box-shadow:0 8px 30px rgba(15,23,42,.05); }
.item { display:flex; align-items:center; gap:16px; padding:15px 18px; border-bottom:1px solid var(--border); }
.item:last-child { border-bottom:0; }
.item-content { min-width:0; flex:1; overflow-wrap:anywhere; white-space:pre-wrap; }
button { border:0; border-radius:8px; padding:9px 16px; color:white; background:var(--blue); cursor:pointer; }
button:hover { filter:brightness(.94); } button:disabled { opacity:.55; cursor:not-allowed; }
button.secondary { color:#334155; background:#e2e8f0; }
.notice { min-height:24px; margin-bottom:10px; color:#166534; }
.notice.error { color:#b91c1c; }
.empty { padding:50px; text-align:center; color:var(--muted); }
.card { padding:24px; margin-bottom:22px; }
label { display:block; margin-bottom:8px; color:#334155; }
input,textarea { display:block; width:100%; margin-bottom:16px; padding:11px 12px; border:1px solid #cbd5e1; border-radius:8px; background:white; }
textarea { resize:vertical; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:22px; }
.stat { padding:18px; border:1px solid var(--border); border-radius:12px; background:white; }
.stat span,.stat strong { display:block; } .stat span { color:var(--muted); } .stat strong { margin-top:8px; font-size:28px; }
@media (max-width:600px) { .container{margin:24px auto}.page-header{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.item{align-items:flex-start}.item button{flex:none} }