.streak-banner{width:min(1120px,calc(100% - 48px));margin:20px auto 0;box-sizing:border-box;border:1px solid var(--slate-7);border-radius:20px;background:var(--jgg-surface);color:var(--slate-12);font-size:1rem;line-height:1.5}
.streak-card{position:relative;display:grid;grid-template-columns:minmax(210px,.95fr) minmax(280px,1.3fr) minmax(220px,1fr);gap:20px 28px;padding:24px 28px 8px;overflow:clip}
.streak-card p{margin:0}.streak-card svg,.streak-guest svg{display:block;width:24px;height:24px;flex-shrink:0}.streak-overview,.streak-week,.streak-freezes{min-width:0}
.streak-number{display:flex;align-items:center;gap:12px;margin-bottom:10px}.streak-number>strong{font-size:3.4rem;line-height:1;font-weight:800;letter-spacing:-.06em;color:var(--blue-12);font-variant-numeric:tabular-nums}.streak-number>span:last-child{font-size:.95rem;line-height:1.3;font-weight:650}
.streak-emblem{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:16px;background:var(--blue-3);color:var(--blue-12)}.streak-emblem svg{width:30px;height:30px}
.streak-headline{font-weight:700}.streak-support,.streak-coverage,.streak-notice{color:var(--slate-11);font-size:.94rem}.streak-coverage{margin-top:5px!important}
.streak-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.streak-section-heading strong{font-weight:700}.streak-section-heading>span{font-size:.9rem;color:var(--slate-11)}
.streak-days{list-style:none!important;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:0!important;padding:0!important}.streak-day{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.streak-day-name{font-size:.9rem;font-weight:650;color:var(--slate-11)}.streak-day-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;box-sizing:border-box;border:1px solid var(--slate-8);border-radius:50%;background:var(--slate-2);color:var(--slate-11)}.streak-day-mark svg{width:22px;height:22px}
.streak-day.is-practiced .streak-day-mark{background:var(--blue-11);border-color:var(--blue-11);color:var(--jgg-on-accent)}.streak-day.is-protected .streak-day-mark{background:var(--blue-3);color:var(--blue-12);border:2px solid var(--blue-11)}.streak-day.is-today .streak-day-mark:after{content:"";position:absolute;inset:-5px;border:2px solid var(--blue-11);border-radius:50%}.streak-day.is-today .streak-day-name{color:var(--blue-12)}.streak-day.is-future .streak-day-mark{border-style:dashed}
.streak-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.9rem;color:var(--slate-11);margin-top:14px!important}.streak-legend>span{display:inline-flex;align-items:center;gap:5px}.streak-legend svg{width:17px;height:17px;color:var(--blue-12)}
.streak-freezes{border-inline-start:1px solid var(--slate-6);padding-inline-start:24px}.streak-freeze-slots{display:flex;gap:10px;margin-bottom:9px}.streak-freeze-slot{display:grid;place-items:center;width:38px;height:38px;border:1px dashed var(--slate-10);border-radius:12px;color:var(--slate-11);background:var(--slate-2)}.streak-freeze-slot.is-filled{border:1px solid var(--blue-11);background:var(--blue-3);color:var(--blue-12)}.streak-freeze-label{font-size:.95rem;font-weight:650}.streak-freezes progress{display:block;width:100%;height:8px;margin:10px 0 0;border:0;border-radius:99px;background:var(--slate-4);accent-color:var(--blue-11);overflow:hidden}.streak-freezes progress::-webkit-progress-bar{background:var(--slate-4);border-radius:99px}.streak-freezes progress::-webkit-progress-value{background:var(--blue-11);border-radius:99px}.streak-freezes progress::-moz-progress-bar{background:var(--blue-11);border-radius:99px}
.streak-footer{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;border-top:1px solid var(--slate-6);padding-top:4px}.streak-footer .streak-notice{margin-inline-end:auto}.streak-footer>[data-streak-share]{margin-inline-start:auto}.streak-rules>summary,.streak-footer .social-share>summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:10px 4px;font-size:.95rem;color:var(--blue-12)}.streak-rules[open]{flex-basis:100%;order:3}.streak-rules p{max-width:75ch;margin:10px 0;line-height:1.6}.streak-footer>[data-streak-share]:has(details[open]){flex-basis:100%;margin-inline-start:0}.streak-card :focus-visible,.streak-guest :focus-visible{outline:3px solid var(--blue-11);outline-offset:4px}
.streak-celebration:empty{display:none}.streak-celebration{grid-column:1/-1;color:var(--blue-12);font-weight:650;padding-bottom:12px}.streak-card.is-celebrating .streak-emblem{animation:streak-salute .8s ease-out}.streak-card.is-celebrating .is-today .streak-day-mark{animation:streak-credit .8s ease-out}
.streak-guest{display:flex;align-items:center;gap:16px;padding:14px 20px}.streak-guest strong{font-size:1.1rem}.streak-guest p{margin:2px 0;color:var(--slate-11);font-size:.95rem}.streak-guest a{margin-inline-start:auto;display:inline-flex;align-items:center;min-height:44px;color:var(--blue-12);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@keyframes streak-salute{0%,100%{transform:rotate(0)}35%{transform:rotate(-9deg)}65%{transform:rotate(7deg)}}@keyframes streak-credit{0%,100%{transform:scale(1)}45%{transform:scale(1.14)}}
@media(max-width:950px){.streak-card{grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr);gap:20px 28px}.streak-freezes{grid-column:1/-1;border-inline-start:0;border-top:1px solid var(--slate-6);padding:14px 0 0;display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center}.streak-freezes .streak-section-heading{margin:0}.streak-freeze-slots{grid-column:2;grid-row:1/4;margin:0}.streak-freezes progress{margin-top:3px;max-width:380px}}
@media(max-width:620px){.streak-banner{width:calc(100% - 32px);margin-top:12px;border-radius:18px}.streak-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 18px 4px}.streak-number{margin-bottom:8px}.streak-number>strong{font-size:3rem}.streak-overview .streak-support{display:none}.streak-week{grid-column:1}.streak-section-heading{margin-bottom:10px}.streak-days{gap:6px}.streak-legend{margin-top:12px!important}.streak-freezes{grid-column:1;padding-top:12px;gap:4px 12px}.streak-freeze-slot{width:34px;height:34px}.streak-freeze-slots{gap:7px}.streak-freeze-label{font-size:.94rem}.streak-guest{gap:12px;padding:12px 16px;flex-wrap:wrap}.streak-guest .streak-emblem{width:40px;height:40px;border-radius:12px}.streak-guest>div{flex:1;min-width:180px}.streak-guest a{margin-inline-start:52px}.streak-footer{gap:0 14px}.streak-footer .streak-notice{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.streak-card.is-celebrating *{animation:none!important;transition:none!important}}