/* Neon lightning and a temporary streak announcement. */
#mainDailyStreak{width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}
#mainDailyStreak:focus-visible{outline:3px solid #9cf4ef;outline-offset:4px}
#mainDailyStreak:hover{border-color:#9cf4ef;box-shadow:0 0 18px #79d4c833}
.streakCelebration{position:fixed;inset:0;z-index:11000;pointer-events:none;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at center,#17293238,#08061270);transition:opacity .35s ease}
.streakCelebration.is-leaving{opacity:0}
.streakLightning{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.streakComingSoon{position:relative;width:min(100%,420px);display:grid;justify-items:center;gap:16px;padding:30px 24px 34px;border:1px solid #9cf4ef;border-radius:22px;background:linear-gradient(145deg,#17252eF5,#251d30FA 55%,#15101eFA);color:#fff;box-shadow:0 0 0 5px #79d4c81a,0 0 45px #79d4c849,0 24px 80px #0009;text-align:center;animation:streakNoticeIn .35s ease-out both}
.streakComingSoon[hidden]{display:none}
.streakComingSoon::before{content:"";position:absolute;inset:8px;border:1px solid #9cf4ef30;border-radius:15px;pointer-events:none}
.streakComingSoon img{width:110px;height:auto;filter:drop-shadow(0 0 16px #9cf4ef80)}
.streakComingSoon p{margin:0;font:950 clamp(22px,6vw,32px)/1.15 Inter,system-ui,sans-serif;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 0 22px #9cf4ef60;text-wrap:balance}
.streakComingSoon p span{display:block;color:#9cf4ef;font-size:.72em;letter-spacing:.12em;margin-top:9px}
@keyframes streakNoticeIn{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.streakComingSoon{animation:none}.streakCelebration{transition:none}}