.streaks-display{border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;overflow:hidden;padding:20px;position:relative}.streaks-display,.streaks-display.compact{background:linear-gradient(135deg,#667eea,#764ba2)}.streaks-display.compact{padding:12px}.streaks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.streaks-header h3{font-size:1.2rem;font-weight:600;margin:0}.mute-toggle{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.mute-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.mute-toggle.muted{background:#ff00004d}.best-streak-section,.current-streak-section{margin-bottom:20px}.streak-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.streak-header h4{font-size:1rem;font-weight:500;margin:0;opacity:.9}.streak-count{background:#fff3;border-radius:20px;font-size:1.1rem;font-weight:700;padding:4px 12px}.streak-count.current{background:linear-gradient(45deg,#ff6b6b,orange);color:#fff}.streak-count.best{background:linear-gradient(45deg,gold,#ffed4e);color:#333}.streak-icons-container{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.streak-icon{cursor:pointer;display:inline-block;font-size:1.2rem;transition:transform .2s ease}.streak-more{font-size:.9rem;font-weight:500;margin-left:4px;opacity:.8}.streak-chain{display:flex;flex-wrap:wrap;gap:3px;margin-top:8px}.streak-circle{border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.streak-circle.filled{background:linear-gradient(45deg,orange,#ff6b6b);box-shadow:0 2px 4px #ffa5004d}.streak-circle.empty{background:#ffffff4d;border:1px solid #ffffff80}.streak-circle:hover{transform:scale(1.2)}.streaks-display.compact .streak-summary{align-items:center;display:flex;gap:16px;justify-content:space-between}.streaks-display.compact .best-streak,.streaks-display.compact .current-streak{align-items:center;display:flex;gap:6px}.streaks-display.compact .streak-label{font-size:.8rem;font-weight:500;opacity:.9}.streaks-display.compact .streak-icons{display:flex;gap:2px}.streaks-display.compact .streak-icon{font-size:1rem}.streaks-display.compact .streak-count{font-size:.9rem;padding:2px 8px}.celebration-overlay{align-items:center;background:#000c;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.confetti-container{display:flex;gap:20px;margin-bottom:16px}.confetti{animation:bounce .6s ease-in-out infinite alternate;font-size:2rem}.confetti:nth-child(2){animation-delay:.1s}.confetti:nth-child(3){animation-delay:.2s}.confetti:nth-child(4){animation-delay:.3s}.celebration-text{color:gold;font-size:1.2rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px #00000080}.streaks-display.compact .celebration-overlay{background:#000000e6}.streaks-display.compact .confetti{font-size:1.5rem}.streaks-display.compact .celebration-text{font-size:1rem}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (max-width:768px){.streaks-display{padding:16px}.streak-chain{gap:2px}.streak-circle{height:10px;width:10px}.streak-icon{font-size:1rem}}@media (max-width:480px){.streaks-display.compact .streak-summary{flex-direction:column;gap:8px}.streaks-display.compact .best-streak,.streaks-display.compact .current-streak{justify-content:center}}
/*# sourceMappingURL=main.0bde6d4a.css.map*/