.community-attendance-card{border:1px solid var(--color-border);color:var(--color-text-strong);background:var(--color-panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 18px;padding:18px;display:grid}.community-attendance-card.mypage{gap:var(--jdsc-space-2);border:1px solid var(--color-border);border-radius:var(--jdsc-radius-lg);background:var(--color-surface);box-shadow:none;grid-template-columns:minmax(0,1fr);padding:18px;display:grid}.community-attendance-mypage-head{justify-content:space-between;align-items:center;gap:var(--jdsc-space-3);display:flex}.community-attendance-mypage-head>span{color:var(--color-brand);font-family:var(--jdsc-font-mono);font-size:var(--jdsc-fs-xs);font-weight:var(--jdsc-fw-bold)}.community-attendance-card.mypage .community-attendance-action{border-color:var(--color-success-soft);border-radius:var(--jdsc-radius-sm);min-height:22px;padding:0 var(--jdsc-space-2);color:var(--color-success);background:var(--color-success-soft);font-size:var(--jdsc-fs-xs);font-weight:var(--jdsc-fw-bold)}.community-attendance-card.mypage .community-attendance-action:not(:disabled){border-color:var(--color-brand);color:var(--color-text-inverse);background:var(--color-brand)}.community-attendance-mypage-title{color:var(--color-text-strong);font-size:20px;font-weight:var(--jdsc-fw-extra);line-height:var(--jdsc-lh-h3)}.community-attendance-mypage-title span{color:var(--color-brand)}.community-attendance-mypage-bars,.community-attendance-mypage-days,.community-attendance-mypage-rewards{gap:5px;display:flex}.community-attendance-mypage-bars{margin-top:var(--jdsc-space-2)}.community-attendance-mypage-bars span{border-radius:var(--jdsc-radius-pill);background:var(--color-surface-muted);flex:1 1 0;height:8px}.community-attendance-mypage-bars span.done{background:var(--color-brand)}.community-attendance-mypage-bars span.milestone:not(.done){box-shadow:inset 0 0 0 1px var(--jdsc-orange-edge)}.community-attendance-mypage-days span{color:var(--color-text-placeholder);font-family:var(--jdsc-font-mono);font-size:9px;font-weight:var(--jdsc-fw-semibold);text-align:center;flex:1 1 0}.community-attendance-mypage-days span.milestone{color:var(--color-brand);font-weight:var(--jdsc-fw-bold)}.community-attendance-mypage-rewards{color:var(--color-text-placeholder);font-family:var(--jdsc-font-mono);font-size:10px;font-weight:var(--jdsc-fw-semibold);justify-content:space-between;align-items:center}.community-attendance-mypage-rewards strong{color:var(--color-brand)}.community-attendance-card.mypage .community-attendance-message{margin-top:var(--jdsc-space-1);color:var(--color-brand);font-size:var(--jdsc-fs-xs)}.community-attendance-card.compact{border-radius:var(--radius-pill);background:0 0;border:0;gap:8px;padding:0;display:inline-flex}.community-attendance-copy{gap:5px;min-width:0;display:grid}.community-attendance-copy span{color:var(--color-brand);font-size:12px;font-weight:900}.community-attendance-copy strong{color:var(--color-text-strong);font-size:18px;font-weight:900;line-height:1.35}.community-attendance-copy p,.community-attendance-progress-copy,.community-attendance-message{color:var(--color-text-muted);margin:0;font-size:13px;font-weight:800;line-height:1.45}.community-attendance-action{border:1px solid var(--color-brand);min-height:40px;color:var(--color-text-inverse);background:var(--color-brand);font:inherit;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.community-attendance-action:hover:not(:disabled):not(.completed){background:var(--color-brand-hover)}.community-attendance-action:disabled{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-surface-muted);cursor:default}.community-attendance-card.compact .community-attendance-copy{align-items:center;gap:6px;display:flex}.community-attendance-card.compact .community-attendance-copy span{color:var(--color-text-muted);font-size:12px}.community-attendance-card.compact .community-attendance-copy strong{white-space:nowrap;font-size:13px;line-height:1.3}.community-attendance-card.compact .community-attendance-action{border-radius:var(--radius-pill);min-height:30px;padding:0 10px;font-size:12px}.community-attendance-card.compact .community-attendance-action.completed{border-color:var(--color-success-soft);color:var(--color-success);background:var(--color-success-soft);cursor:default}.community-attendance-compact-message{color:var(--color-brand);white-space:nowrap;margin:0;font-size:12px;font-weight:900}.community-attendance-summary{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.community-attendance-summary span{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;gap:4px;padding:10px;display:grid}.community-attendance-summary b{color:var(--color-text-muted);font-size:11px;font-weight:900;line-height:1.3}.community-attendance-summary strong{color:var(--color-text-strong);font-size:15px;font-weight:900;line-height:1.3}.community-attendance-progress{border-top:1px solid var(--color-border);grid-column:1/-1;gap:10px;padding-top:12px;display:grid}.community-attendance-bonus-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.community-attendance-bonus-list li{border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-surface);align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:900;display:inline-flex}.community-attendance-bonus-list li.done{color:var(--color-brand);background:var(--color-brand-soft)}.community-attendance-bonus-list strong{color:inherit;font-size:12px}.community-attendance-message{color:var(--color-brand);grid-column:1/-1}@media (max-width:760px){.community-attendance-card:not(.compact){grid-template-columns:1fr}.community-attendance-card:not(.compact) .community-attendance-action{width:100%}.community-attendance-card.mypage{grid-template-columns:minmax(0,1fr)}.community-attendance-card.mypage .community-attendance-action{width:auto}.community-attendance-summary{grid-template-columns:1fr}.community-attendance-card.compact .community-attendance-copy span,.community-attendance-compact-message{display:none}}