.practice-streak-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(ellipse 85% 70% at 50% 40%,rgba(99,102,241,.22) 0,rgba(15,23,42,.55) 55%,rgba(15,23,42,.72) 100%);backdrop-filter:blur(4px)}.practice-streak-overlay--exit{animation:practice-streak-overlay-out .5s ease forwards}@keyframes practice-streak-overlay-out{to{opacity:0;backdrop-filter:blur(0)}}.practice-streak-card{position:relative;width:min(100%,22rem);text-align:center;border-radius:1.75rem;padding:2rem 1.5rem 1.5rem;background:linear-gradient(165deg,#fff,#f8fafc 48%,#eef2ff);border:1px solid rgba(148,163,184,.35);box-shadow:0 28px 60px rgba(30,41,59,.28),inset 0 0 0 1px hsla(0,0%,100%,.65);overflow:hidden}.practice-streak-card--enter{animation:practice-streak-card-in .85s cubic-bezier(.22,1.15,.36,1) forwards}.practice-streak-card--exit{animation:practice-streak-card-out .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes practice-streak-card-in{0%{opacity:0;transform:translate(-18%,-120%) scale(.55) rotate(-12deg);filter:blur(6px)}55%{opacity:1;transform:translate(4%,6%) scale(1.06) rotate(3deg);filter:blur(0)}78%{transform:translateY(-4%) scale(.98) rotate(-1deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0deg)}}@keyframes practice-streak-card-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(12%,-90%) scale(.72) rotate(8deg);filter:blur(4px)}}.practice-streak-sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.practice-streak-sparkle{position:absolute;width:.45rem;height:.45rem;border-radius:999px;background:radial-gradient(circle,#fff 0,#c7d2fe 55%,transparent 70%);opacity:0;animation:practice-streak-sparkle 1.8s ease-in-out infinite}.practice-streak-sparkle:first-child{top:12%;left:14%;animation-delay:.1s}.practice-streak-sparkle:nth-child(2){top:18%;right:12%;animation-delay:.45s}.practice-streak-sparkle:nth-child(3){bottom:28%;left:10%;animation-delay:.75s}.practice-streak-sparkle:nth-child(4){bottom:22%;right:16%;animation-delay:1.05s}.practice-streak-sparkle:nth-child(5){top:42%;left:48%;animation-delay:.3s}@keyframes practice-streak-sparkle{0%,to{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.2)}}.practice-streak-medal-wrap{position:relative;display:inline-flex;margin:0 auto 1rem}.practice-streak-medal{position:relative;width:7.5rem;height:7.5rem;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#f8fafc 0,#cbd5e1 38%,#94a3b8 72%,#64748b 100%);box-shadow:0 10px 24px rgba(71,85,105,.45),inset 0 0 0 4px hsla(0,0%,100%,.85),0 0 0 7px rgba(148,163,184,.35);animation:practice-streak-medal-bounce .9s cubic-bezier(.34,1.45,.64,1) .35s both}.practice-streak-medal:after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.85) 48%,transparent 62%);opacity:.75;animation:practice-streak-shimmer 2.2s ease-in-out infinite}@keyframes practice-streak-medal-bounce{0%{transform:scale(.35) rotate(-18deg)}60%{transform:scale(1.12) rotate(4deg)}to{transform:scale(1) rotate(0deg)}}@keyframes practice-streak-shimmer{0%,to{transform:translateX(-120%) rotate(0deg);opacity:.2}45%{transform:translateX(120%) rotate(0deg);opacity:.95}}.practice-streak-medal__icon{position:relative;z-index:1;width:3.25rem;height:3.25rem;color:#e2e8f0;filter:drop-shadow(0 3px 8px rgba(51,65,85,.45))}.practice-streak-ribbon{position:absolute;bottom:-.35rem;left:50%;width:3.5rem;height:1.35rem;transform:translateX(-50%);background:linear-gradient(180deg,#94a3b8,#64748b);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);box-shadow:0 4px 8px rgba(51,65,85,.35)}.practice-streak-kicker{margin:0 0 .35rem;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6366f1}.practice-streak-title{margin:0;font-size:1.55rem;font-weight:800;line-height:1.2;color:#0f172a}.practice-streak-subtitle{margin:.65rem 0 0;font-size:.98rem;line-height:1.45;color:#475569}.practice-streak-got-it{margin-top:1.35rem;width:100%;border:none;border-radius:999px;padding:.8rem 1.25rem;font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1 55%,#818cf8);box-shadow:0 10px 22px rgba(79,70,229,.35);transition:transform .15s ease,box-shadow .15s ease}.practice-streak-got-it:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(79,70,229,.42)}.practice-streak-got-it:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}@media (prefers-reduced-motion:reduce){.practice-streak-card--enter,.practice-streak-card--exit,.practice-streak-medal,.practice-streak-medal:after,.practice-streak-overlay--exit,.practice-streak-sparkle{animation:none!important}.practice-streak-card--enter{opacity:1;transform:none;filter:none}.practice-streak-card--exit{opacity:0}.practice-streak-card--exit,.practice-streak-overlay--exit{transition:opacity .35s ease}}