.attendance-leaderboard-card{display:grid;grid-gap:12px;gap:12px}.attendance-leaderboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.attendance-leaderboard-head h3{margin:0}.attendance-leaderboard-scope{font-size:.9em;opacity:.8}.attendance-leaderboard-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.attendance-leaderboard-list li{display:grid;grid-template-columns:2.6em minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:6px 8px;border-radius:8px}.attendance-leaderboard-you{background:color-mix(in srgb,currentColor 10%,transparent);font-weight:600}.attendance-leaderboard-rank{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.attendance-leaderboard-name{min-width:0;overflow-wrap:anywhere}.attendance-leaderboard-meta{display:inline-flex;gap:8px;align-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.attendance-leaderboard-move{font-size:.85em}.attendance-leaderboard-move-up{color:var(--ui2-success,#1f7a3a)}.attendance-leaderboard-move-down{color:var(--ui2-danger,#b42318)}.attendance-leaderboard-position{margin:0;font-weight:600}.attendance-leaderboard-empty,.attendance-leaderboard-note{margin:0;opacity:.8}.attendance-leaderboard-optout{display:grid;grid-gap:4px;gap:4px}.attendance-leaderboard-check{display:flex;gap:8px;align-items:center}.attendance-leaderboard-check input{width:18px;height:18px}.attendance-leaderboard-card [role=alert]{margin:0;color:var(--ui2-danger,#b42318)}.attendance-streak-card{display:grid;grid-gap:12px;gap:12px}.attendance-streak-head{display:grid;grid-gap:2px;gap:2px}.attendance-streak-head h3{margin:0}.attendance-streak-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.attendance-streak-stats>div{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border:1px solid var(--ui2-border,rgba(0,0,0,.12));border-radius:10px}.attendance-streak-stats dt{color:var(--ui2-muted,#5b6470);font-size:.85em}.attendance-streak-stats dd{margin:0;font-size:1.2em;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.attendance-streak-status{margin:0;font-weight:600}.attendance-streak-milestones{display:grid;grid-gap:10px;gap:10px}.attendance-streak-progress{display:grid;grid-gap:4px;gap:4px;color:var(--ui2-muted,#5b6470);font-size:.9em}.attendance-streak-bar{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ui2-primary,#0f766e) 14%,transparent)}.attendance-streak-bar>span{display:block;height:100%;border-radius:inherit;background:var(--ui2-primary,#0f766e)}.attendance-streak-celebration{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px 12px;gap:10px 12px;align-items:center;padding:12px;border:1px solid var(--ui2-primary,#0f766e);border-radius:10px;background:color-mix(in srgb,var(--ui2-primary-soft,#d9f2ee) 60%,var(--ui2-surface,#ffffff));animation:attendance-streak-celebrate .42s ease-out}.attendance-streak-celebration-icons{font-size:1.8em;line-height:1}.attendance-streak-celebration-text{display:grid;grid-gap:2px;gap:2px;min-width:0}.attendance-streak-celebration-text span{overflow-wrap:anywhere}.attendance-streak-celebration-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}@keyframes attendance-streak-celebrate{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.attendance-streak-celebration{animation:none}}@media (max-width:420px){.attendance-streak-stats>div{padding:8px}.attendance-streak-stats dd{font-size:1.05em}}