:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:#111827}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,rgba(29,78,216,.08),transparent 35%),#f3f4f6}img{max-width:100%;display:block}.page{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.topbar{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.topbar-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.topbar h1{margin:0;font-size:40px}.topbar p{margin:8px 0 0;color:#6b7280}.stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:12px}.stat{min-width:110px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;box-shadow:0 10px 24px #0f172a0d}.stat .label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}.stat strong{font-size:26px}.board{display:grid;gap:18px}.state-line{margin:20px 0 0;padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;color:#334155}.state-line.error{color:#b91c1c;border-color:#fecaca;background:#fff1f2}.state-line.success{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.reset-btn{appearance:none;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:999px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 8px 20px #b91c1c14}.reset-btn:hover:not(:disabled){transform:translateY(-1px);background:#ffe4e6}.reset-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.group-card{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:24px;padding:22px;box-shadow:0 14px 32px #0f172a0f}.group-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.group-header h2{margin:0;font-size:24px}.group-header p{margin:8px 0 0;color:#6b7280}.cover{width:96px;height:96px;object-fit:cover;border-radius:20px}.items{display:grid;gap:16px}.item{border-top:1px solid #e5e7eb;padding-top:16px}.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.thumb{width:120px;height:120px;object-fit:cover;border-radius:16px;border:1px solid #e5e7eb}.question{margin:0;color:#111827;line-height:1.7}@media(max-width:760px){.topbar{flex-direction:column;align-items:stretch}.topbar-side{align-items:stretch}.stats{grid-template-columns:1fr}.reset-btn{width:100%}.group-header{flex-direction:column;align-items:flex-start}}