.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{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);gap:10px;padding:18px 20px;display:grid}.community-attendance-mypage-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.community-attendance-mypage-head>span{color:var(--color-text-muted);font-size:12.5px;font-weight:var(--jdsc-fw-bold)}.community-attendance-card.mypage .community-attendance-action{border-radius:var(--jdsc-radius-md);height:32px;min-height:0;color:var(--color-text-inverse);background:var(--color-brand);font-size:13px;font-weight:var(--jdsc-fw-extra);border:0;gap:5px;padding:0 14px}.community-attendance-card.mypage .community-attendance-action[data-attend-state=busy]{opacity:.7}.community-attendance-card.mypage .community-attendance-action[data-attend-state=done]{color:var(--color-text-muted);background:var(--color-surface-muted)}.community-attendance-mypage-title{color:var(--color-text-strong);font-size:22px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.7px;line-height:var(--jdsc-lh-h3)}.community-attendance-mypage-title b{color:var(--jdsc-orange-ink);font-family:var(--jdsc-font-mono);font-weight:var(--jdsc-fw-extra)}.community-attendance-mypage-week{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-bold);margin-left:6px}.community-attendance-mypage-bars,.community-attendance-mypage-days,.community-attendance-mypage-rewards{gap:5px;display:flex}.community-attendance-mypage-bars{margin-top:2px}.community-attendance-mypage-bars span{border-radius:var(--jdsc-radius-xs);background:var(--color-surface-muted);height:8px;transition:background var(--jdsc-dur-slow) var(--jdsc-ease-out);flex:1 1 0}.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-muted);font-family:var(--jdsc-font-mono);font-size:10.5px;font-weight:var(--jdsc-fw-bold);text-align:center;flex:1 1 0}.community-attendance-mypage-days span.milestone{color:var(--jdsc-orange-ink)}.community-attendance-mypage-rewards{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);justify-content:space-between;align-items:center}.community-attendance-mypage-rewards b{color:var(--color-text-strong);font-family:var(--jdsc-font-mono);font-weight:var(--jdsc-fw-bold)}.community-attendance-mypage-rewards strong{color:var(--jdsc-orange-ink);font-family:var(--jdsc-font-mono);font-weight:var(--jdsc-fw-bold)}.community-attendance-card.mypage .community-attendance-message{border-radius:var(--jdsc-focus-radius);color:var(--jdsc-orange-ink);background:var(--jdsc-orange-tint);font-size:12.5px;font-weight:var(--jdsc-fw-bold);margin-top:2px;padding:8px 10px}.community-attendance-card.mypage .community-attendance-message.is-error{color:var(--jdsc-danger-ink);background:var(--jdsc-danger-wash)}.community-attendance-recent{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:12.5px;font-weight:var(--jdsc-fw-bold);justify-content:space-between;align-items:center;gap:12px;margin-top:2px;padding-top:12px;display:flex}.community-attendance-recent.is-latest{border-top:0;margin-top:-2px;padding-top:0}.community-attendance-recent-value{color:var(--color-text-subtle);font-weight:var(--jdsc-fw-semibold)}.community-attendance-recent-value b{color:var(--color-text-subtle);font-family:var(--jdsc-font-mono);font-weight:var(--jdsc-fw-bold)}.community-attendance-recent-value b.earn{color:var(--jdsc-orange-ink)}.community-attendance-recent-fail{color:var(--color-text-subtle);font-weight:var(--jdsc-fw-semibold)}@media (prefers-reduced-motion:reduce){.community-attendance-mypage-bars span{transition:none}}@media (max-width:767px){.community-attendance-card.mypage{gap:6px;padding:14px 16px;position:relative}.community-attendance-mypage-head>span{font-size:11.5px}.community-attendance-card.mypage .community-attendance-action{height:44px;padding:0 18px;font-size:14px;position:absolute;top:14px;right:16px}.community-attendance-mypage-title{margin-right:120px;font-size:17px}.community-attendance-mypage-rewards{font-size:11.5px}}.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:767px){.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}}