.streak-card{display:block;width:100%;box-sizing:border-box;text-align:left;border:1px solid #f42f3a55;border-radius:18px;background:linear-gradient(110deg,#f42f3a09,#ffffff02);color:#f5f6f7;padding:20px 22px;font:inherit;cursor:pointer;margin:20px 0 24px}.streak-card[hidden]{display:none}.streak-card:focus-visible{outline:2px solid #ff626b;outline-offset:4px}.streak-top{display:flex;align-items:center;gap:14px}.streak-flame{color:#f42f3a;flex:0 0 30px}.streak-flame svg{display:block;width:30px;height:36px}.streak-heading{display:flex;align-items:baseline;gap:12px;flex:1;flex-wrap:wrap;min-width:0}.streak-heading strong{font-size:2.5rem;line-height:1;font-weight:650}.streak-heading>span{font-size:1.05rem}.streak-chevron{font-size:1.8rem;color:#b9c2c7}.streak-status{display:block;margin:10px 0 0 44px;font-size:.875rem;color:#b9c2c7;line-height:1.5}.streak-status.done{color:#ff747c}.streak-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #ffffff15;font-size:.875rem;color:#b9c2c7}.streak-footer>span:last-child{color:#ff626b}#streakDialog{width:calc(100% - 28px);max-width:660px;max-height:88dvh;overflow:auto;padding:24px;box-sizing:border-box}#streakDialog .managed-dialog-head{position:sticky;top:-24px;background:#1b2329;padding:12px 0;z-index:1}#streakDialog h3{font-size:1.1rem;margin:24px 0 12px}.streak-detail-lead{text-align:center;padding:12px 0}.streak-detail-lead svg{display:block;width:42px;height:48px;color:#f42f3a;margin:0 auto 10px}.streak-detail-lead>strong{display:block;font-size:3.5rem;line-height:1.2}.streak-detail-lead>span{font-size:1.1rem}.streak-detail-lead p{color:#b9c2c7;font-size:.95rem;line-height:1.5}.streak-weeks{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:18px 0}.streak-weeks>div{text-align:center;min-width:0}.streak-weeks span{display:grid;place-items:center;aspect-ratio:1;max-width:42px;margin:auto;border:1px solid #ffffff25;border-radius:50%;color:#929da4}.streak-weeks .completed span{background:#f42f3a20;border-color:#f42f3a80;color:#ff7c84}.streak-weeks .current span{outline:2px solid #f42f3a;outline-offset:3px}.streak-weeks small{display:block;font-size:.75rem;color:#aab5ba;margin-top:10px;line-height:1.4}.streak-next{border:1px solid #ffffff18;border-radius:14px;padding:18px;margin:24px 0}.streak-next>small{font-size:.75rem;color:#aab5ba;letter-spacing:1px}.streak-next h3{margin-top:10px!important}.streak-next progress{width:100%;height:8px;accent-color:#f42f3a;border:none;border-radius:8px;overflow:hidden;background:#ffffff12}.streak-next progress::-webkit-progress-bar{background:#ffffff12}.streak-next progress::-webkit-progress-value{background:#f42f3a}.streak-next progress::-moz-progress-bar{background:#f42f3a}.streak-next p,.streak-rules{font-size:.875rem;color:#aab5ba;line-height:1.65}.streak-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.streak-badges article{border:1px solid #ffffff15;padding:16px 8px;text-align:center;border-radius:14px;color:#8f9aa2}.streak-badges article.earned{border-color:#f42f3a55;color:#fff;background:#f42f3a07}.streak-medal{border:2px solid currentColor;border-radius:50%;width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;font-size:1.5rem}.earned .streak-medal{color:#ff626b}.streak-badges strong{display:block;font-size:.875rem}.streak-badges small{display:block;color:#aab5ba;font-size:.75rem;line-height:1.5;margin-top:10px}.streak-history{margin:24px 0;font-size:.875rem}.streak-history summary{cursor:pointer;padding:12px 0}.streak-history ul{list-style:none;padding:0;max-height:260px;overflow:auto}.streak-history li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff12}.streak-history li span{color:#ff7c84}@media(max-width:380px){.streak-card{padding:18px 16px}.streak-heading{gap:8px}.streak-heading>span{font-size:1rem}.streak-weeks{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}.streak-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Award icons: laurels and a shield, with a distinct annual milestone. */
.streak-award{position:relative;width:100px;max-width:100%;margin:0 auto 10px;color:#76828a}.streak-award svg{display:block;width:100%;height:auto}.streak-award>span{position:absolute;inset:21% 25% 29%;display:grid;place-items:center;font-size:1.45rem;font-weight:600;line-height:1}.earned .streak-award{color:#ff6872}.streak-badges article{padding:18px 10px}.streak-badges .streak-gold{grid-column:1/-1;border-color:#b592494d;background:linear-gradient(125deg,#cda7510a,#cda75103)}.streak-gold .streak-award{color:#b49a63}.streak-gold>strong{color:#d5bd86}.streak-badges .streak-gold.earned{border-color:#eac56f9e;background:linear-gradient(125deg,#d9b3501c,#d9b35008)}.streak-gold.earned .streak-award{color:#f0cc79;filter:drop-shadow(0 2px 7px #d5a53420)}.streak-gold.earned>strong{color:#f0d391}