.qs-streak{position:fixed;z-index:9000;top:82px;right:max(14px,calc((100vw - 1120px)/2));display:flex;align-items:center;gap:10px;min-width:210px;padding:11px 12px;border:1px solid #ffd06a99;border-radius:18px;color:#fff;background:linear-gradient(135deg,#321006f2,#8d2108f2 52%,#d74a08f2);box-shadow:0 0 0 1px #ff7b2233,0 10px 35px #8e1d0870,0 0 34px #ff8a1c55;backdrop-filter:blur(12px);animation:qsStreakEnter .65s cubic-bezier(.2,1.4,.35,1),qsStreakGlow 2.4s ease-in-out infinite}
.qs-streak-fire{position:relative;display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;font-size:32px;filter:drop-shadow(0 0 9px #ffd21c);animation:qsFireDance .72s ease-in-out infinite alternate}
.qs-streak-fire:before,.qs-streak-fire:after{content:'✦';position:absolute;color:#ffe86b;font-size:11px;animation:qsSpark 1.25s ease-out infinite}.qs-streak-fire:before{left:1px;top:7px}.qs-streak-fire:after{right:0;top:0;animation-delay:.52s}
.qs-streak-copy{min-width:0;line-height:1.12}.qs-streak-copy small{display:block;margin-bottom:4px;color:#ffdca0;font-size:10px;font-weight:900;letter-spacing:.08em}.qs-streak-copy strong{display:block;font-size:17px;font-weight:1000;white-space:nowrap;text-shadow:0 2px 10px #5a0908}.qs-streak-copy span{display:block;margin-top:5px;color:#ffe9cf;font-size:10px;font-weight:750}
.qs-streak-share{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:0;border-radius:10px;color:#3c1e1e;background:#fee500;font-size:16px;cursor:pointer;box-shadow:0 4px 12px #4d140655}.qs-streak-share:active{transform:scale(.92)}
.qs-streak.is-new{background:linear-gradient(135deg,#282238ee,#6b3bb6ee);border-color:#c7a8ff88;box-shadow:0 10px 30px #32215866}.qs-streak.is-new .qs-streak-fire{filter:none;animation:none}.qs-streak.is-new .qs-streak-copy small{color:#dfd1ff}.qs-streak.is-new .qs-streak-copy span{color:#e9e1f7}
@keyframes qsStreakEnter{from{opacity:0;transform:translateY(-18px) scale(.82)}to{opacity:1;transform:none}}@keyframes qsStreakGlow{50%{box-shadow:0 0 0 2px #ffca5544,0 12px 42px #b42b0a88,0 0 46px #ff971e88}}@keyframes qsFireDance{from{transform:rotate(-5deg) scale(.94)}to{transform:rotate(5deg) scale(1.12)}}@keyframes qsSpark{0%{opacity:0;transform:translateY(12px) scale(.3)}35%{opacity:1}100%{opacity:0;transform:translateY(-25px) rotate(90deg) scale(1.25)}}
@media(max-width:680px){.qs-streak{top:auto;right:10px;bottom:12px;left:10px;min-width:0;padding:9px 10px;border-radius:15px}.qs-streak-fire{flex-basis:39px;width:39px;height:39px;font-size:27px}.qs-streak-copy{flex:1}.qs-streak-copy strong{font-size:15px}.qs-streak-copy span{display:none}}
@media(prefers-reduced-motion:reduce){.qs-streak,.qs-streak-fire,.qs-streak-fire:before,.qs-streak-fire:after{animation:none!important}}
.qs-card-streak{position:absolute;z-index:2;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #ffe07aaa;border-radius:999px;color:#fff;background:linear-gradient(135deg,#5b160ae8,#e5520bea);box-shadow:0 0 18px #ffba3d99,0 5px 15px #5c130766;font-size:12px;font-weight:1000;white-space:nowrap;text-shadow:0 1px 5px #6c1006;animation:qsCardGlow 1.8s ease-in-out infinite}
.qs-card-streak .qs-card-fire{display:inline-block;font-size:18px;filter:drop-shadow(0 0 5px #ffe34d);animation:qsFireDance .65s ease-in-out infinite alternate}.qs-card-streak:after{content:'✦';position:absolute;right:-3px;top:-7px;color:#fff18d;font-size:10px;animation:qsSpark 1.2s ease-out infinite}
.qs-card-streak.is-zero{border-color:#ffffff55;background:#271f4599;box-shadow:0 5px 14px #1f183444;color:#efeaff;text-shadow:none;animation:none}.qs-card-streak.is-zero .qs-card-fire{filter:none;animation:none}
.qs-daily-completed{outline:0!important;box-shadow:inset 0 0 0 1px #ffffffb8,0 12px 30px #1d23424a!important}.qs-card-done{position:absolute;z-index:3;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border:1px solid #ffffff4d;border-radius:999px;color:#fff;background:#172033cc;box-shadow:0 6px 18px #11182740;font-size:12px;font-weight:900;white-space:nowrap;backdrop-filter:blur(10px);animation:qsDoneStamp .55s cubic-bezier(.2,1.5,.35,1)}.qs-card-done::first-letter{color:#77e6bd}
@keyframes qsCardGlow{50%{transform:translateY(-2px) scale(1.035);box-shadow:0 0 28px #ffca50cc,0 8px 20px #69120777}}
@keyframes qsDoneStamp{from{opacity:0;transform:scale(1.7) rotate(-8deg)}to{opacity:1;transform:none}}
@media(max-width:620px){.qs-card-streak,.qs-card-done{position:relative;top:auto;right:auto;bottom:auto;margin-top:11px;padding:6px 9px;font-size:11px}.qs-card-done{margin-left:7px}}
@media(prefers-reduced-motion:reduce){.qs-card-streak,.qs-card-streak .qs-card-fire,.qs-card-streak:after{animation:none!important}}
.qs-celebration{position:fixed;z-index:20000;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle,#ff8a1425,transparent 55%),#16080099;backdrop-filter:blur(5px);animation:qsCelebrationIn .35s ease-out,qsCelebrationOut .5s 3s ease-in forwards;pointer-events:none}
.qs-celebration-card{position:relative;width:min(430px,calc(100vw - 32px));overflow:hidden;padding:34px 24px 30px;border:2px solid #ffd568;border-radius:28px;color:#fff;background:radial-gradient(circle at 50% 10%,#ef6c18,#8f170b 55%,#350807);box-shadow:0 0 0 5px #ff7d1833,0 0 80px #ff7a16bb,0 26px 75px #190201cc;text-align:center;animation:qsCelebrationPop .7s cubic-bezier(.16,1.45,.32,1)}
.qs-celebration-fire{position:relative;z-index:2;font-size:72px;line-height:1;filter:drop-shadow(0 0 18px #ffe331);animation:qsBigFire .48s ease-in-out infinite alternate}.qs-celebration-card small{position:relative;z-index:2;display:block;margin-top:12px;color:#ffd994;font-size:11px;font-weight:950;letter-spacing:.16em}.qs-celebration-card strong{position:relative;z-index:2;display:block;margin-top:7px;font-size:clamp(27px,8vw,40px);font-weight:1000;letter-spacing:-.045em;text-shadow:0 3px 16px #4a0504}.qs-celebration-card p{position:relative;z-index:2;margin:10px 0 0;color:#fff0d9;font-size:14px;font-weight:800}
.qs-confetti{position:absolute;inset:0;overflow:hidden}.qs-confetti i{position:absolute;left:var(--x);top:-20px;width:8px;height:17px;border-radius:3px;background:hsl(var(--h) 100% 65%);animation:qsConfettiDrop 2.1s var(--delay) ease-in infinite;transform:rotate(var(--r))}.qs-burst{position:absolute;left:50%;top:45%;width:8px;height:8px;border-radius:50%;box-shadow:0 -105px #ffe85d,74px -74px #ff8d3a,105px 0 #fff27a,74px 74px #ff5c76,0 105px #ffd03a,-74px 74px #ff76d8,-105px 0 #fff,-74px -74px #ffab3d;animation:qsBurst 1.15s ease-out infinite}
@keyframes qsCelebrationIn{from{opacity:0}to{opacity:1}}@keyframes qsCelebrationOut{to{opacity:0;transform:scale(1.05)}}@keyframes qsCelebrationPop{0%{opacity:0;transform:scale(.45) rotate(-5deg)}70%{transform:scale(1.07) rotate(1deg)}100%{opacity:1;transform:none}}@keyframes qsBigFire{from{transform:scale(.9) rotate(-5deg)}to{transform:scale(1.12) rotate(5deg)}}@keyframes qsConfettiDrop{0%{opacity:0;transform:translateY(-15px) rotate(0)}15%{opacity:1}100%{opacity:.15;transform:translateY(460px) rotate(620deg)}}@keyframes qsBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}
@media(prefers-reduced-motion:reduce){.qs-celebration-card,.qs-celebration-fire,.qs-confetti i,.qs-burst{animation:none!important}.qs-celebration{animation:qsCelebrationOut .2s 3s forwards!important}}
.qs-all-done-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;max-width:700px;margin:0 auto 1rem;padding:16px 18px;border:2px solid #ffd35a;border-radius:18px;color:#fff;background:linear-gradient(135deg,#6418ad,#d61d78 52%,#ff7a18);box-shadow:0 12px 34px #8d1c7a55,0 0 24px #ffcb4c66;animation:qsCardGlow 1.8s ease-in-out infinite}.qs-all-done-banner>span{font-size:38px;filter:drop-shadow(0 0 10px #ffe86b)}.qs-all-done-banner strong{display:block;font-size:18px}.qs-all-done-banner p{margin:3px 0 0;font-size:12px;font-weight:750;opacity:.9}.qs-all-done-banner button,.qs-all-actions button{border:0;border-radius:12px;padding:12px 15px;font:inherit;font-weight:950;cursor:pointer}.qs-all-done-banner button,.qs-all-share{color:#3c1e1e;background:#fee500;box-shadow:0 7px 18px #4e190855}.qs-celebration.qs-all-celebration{pointer-events:auto;animation:qsCelebrationIn .35s ease-out}.qs-all-complete-card{background:radial-gradient(circle at 50% 5%,#ffcb3f,#db267d 42%,#631a9e 76%,#220744);box-shadow:0 0 0 6px #ffd33f3d,0 0 100px #ff3eb8c9,0 30px 90px #160120e6}.qs-all-complete-card .qs-celebration-fire{filter:drop-shadow(0 0 22px #fff06c)}.qs-all-actions{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.qs-all-close{color:#fff;background:#ffffff26;border:1px solid #ffffff55!important}@media(max-width:620px){.qs-all-done-banner{grid-template-columns:auto 1fr}.qs-all-done-banner button{grid-column:1/-1}.qs-all-complete-card{padding-inline:18px}.qs-all-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.qs-all-done-banner,.qs-celebration.qs-all-celebration{animation:none!important}}