.topic-rank-caption{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:8px;font-size:11px;display:flex}
.streak-up-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100%;padding:40px 24px 140px;display:flex;overflow:hidden}.streak-up-art{width:230px;height:250px;position:relative}.streak-up-art>svg{transform-origin:bottom;width:155px;height:180px;animation:.8s both streak-flame-pop,1.5s .8s 2 streak-flame-dance;position:absolute;top:28px;left:38px}.streak-up-halo{border:2px solid #ffe1a7;border-radius:50%;width:200px;height:200px;animation:1.4s .1s 2 both streak-halo;position:absolute;top:15px;left:15px}.streak-up-art i{background:#ffbc32;border-radius:5px;width:8px;height:14px;animation:.5s .5s both drill-result-pop;position:absolute;top:50px;left:20px;transform:rotate(-35deg)}.streak-up-art i:nth-of-type(2){top:20px;left:180px;transform:rotate(30deg)}.streak-up-art i:nth-of-type(3){top:145px;left:210px;transform:rotate(60deg)}.streak-up-screen h1{color:#d97111;flex-direction:column;align-items:center;margin:-15px 0 0;font-size:27px;font-weight:850;line-height:1.2;display:flex}.streak-up-number{font-variant-numeric:tabular-nums;height:100px;margin:10px 0 5px;font-size:88px;line-height:100px;display:block;overflow:hidden}.streak-up-reel{flex-direction:column;animation:.65s .55s both streak-number-roll;display:flex;transform:translateY(-50%)}.streak-up-reel>span{height:100px;display:block}.streak-up-days{font-size:24px}.streak-up-screen p{color:#7f898f;margin:0;font-size:15px;animation:.5s .8s both drill-result-pop}.streak-up-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;width:100%;max-width:350px;margin:6px 0 0;padding:0;list-style:none;display:grid}.streak-up-week li{color:#8a969e;flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.streak-up-week strong{color:#acb6bf;background:#f1f4f6;border-radius:50%;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.streak-up-week .is-complete strong{color:#e98017;background:#fff0d4}.streak-up-week .is-today{color:#d97111}.streak-up-week .is-today strong{color:#fff;background:#ffad2d;animation:.6s 1.1s both rank-up-star-pop}@keyframes streak-flame-pop{0%{opacity:0;transform:scale(.3)rotate(-15deg)}70%{opacity:1;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes streak-flame-dance{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}@keyframes streak-halo{0%{opacity:.9;transform:scale(.65)}to{opacity:0;transform:scale(1.25)}}@keyframes streak-number-roll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (max-height:700px){.streak-up-screen{gap:18px;padding-top:20px;padding-bottom:120px}.streak-up-art{width:200px;height:185px}.streak-up-art>svg{width:115px;height:135px;top:12px;left:42px}.streak-up-halo{width:160px;height:160px;top:0;left:20px}.streak-up-number{height:80px;font-size:72px;line-height:80px}.streak-up-reel>span{height:80px}.streak-up-screen h1{font-size:23px}.streak-up-week{margin-top:0}}
.rank-up-dialog{color:#182b29;background:#fff;border:0;width:min(520px,100vw);max-width:none;height:100dvh;max-height:100dvh;margin:0 auto;padding:0;position:fixed;inset:0;overflow-y:auto}.rank-up-dialog::backdrop{background:#12233270;animation:.25s both rank-up-backdrop}.rank-up-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100%;padding:40px 24px 140px;display:flex;overflow:hidden}.rank-up-screen h1{color:#c08c00;margin:0;font-size:34px;font-weight:850;line-height:1.3;animation:.6s .25s both drill-result-pop}.rank-up-screen h1>span{color:var(--rank-up-ink);margin-top:6px;font-size:27px;display:block}.rank-up-badge{border:2px solid var(--rank-up-colour);background:var(--rank-up-background);min-width:190px;max-width:100%;color:var(--rank-up-ink);border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:20px 24px;animation:.8s .55s both rank-up-badge-pop;display:flex}.rank-up-badge>strong{font-size:34px;font-weight:850;line-height:1}.rank-up-badge .rank-stars{color:var(--rank-up-colour);justify-content:center;align-items:center;gap:5px;display:flex}.rank-up-badge .rank-star{width:25px;height:25px;animation:.5s .85s both rank-up-star-pop}.rank-up-badge .rank-meteor{width:32px;height:25px;animation:.5s 1.2s both rank-up-star-pop}.rank-up-badge .rank-star:nth-child(2){animation-delay:.95s}.rank-up-badge .rank-star:nth-child(3){animation-delay:1.05s}.rank-up-badge .rank-star:nth-child(4){animation-delay:1.15s}.rank-up-badge .rank-star:nth-child(5){animation-delay:1.25s}.rank-up-badge .rank-meteor:nth-child(7){animation-delay:1.4s}.rank-up-screen p{color:#71818b;margin:0;font-size:15px;font-weight:650;animation:.6s .8s both drill-result-pop}.rank-up-footer{width:min(520px,100%);padding:18px 24px calc(24px + env(safe-area-inset-bottom));background:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@keyframes rank-up-badge-pop{0%{opacity:0;transform:scale(.55)rotate(-10deg)}65%{opacity:1;transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes rank-up-star-pop{0%{opacity:0;transform:scale(0)rotate(-45deg)}70%{opacity:1;transform:scale(1.3)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes rank-up-backdrop{0%{background:#12233200}to{background:#12233270}}@media (max-height:700px){.rank-up-screen{gap:14px;padding-top:22px;padding-bottom:120px}.rank-up-screen .drill-celebration-art{width:210px;height:210px}.rank-up-screen .drill-celebration-pea{width:180px;height:180px}.rank-up-screen .drill-celebration-shadow{left:64px}.rank-up-screen h1{font-size:29px}.rank-up-screen h1>span{font-size:24px}.rank-up-badge{padding:15px 20px}}@media (prefers-reduced-motion:reduce){.rank-up-dialog::backdrop{animation:none}}.rank-up-transition{justify-content:center;align-items:stretch;gap:9px;width:100%;max-width:430px;display:flex}.rank-up-transition .rank-up-badge{border-radius:20px;flex:1;justify-content:center;gap:12px;min-width:0;padding:20px 9px}.rank-up-transition .rank-up-badge>strong{white-space:nowrap;font-size:clamp(19px,5.6vw,28px)}.rank-up-transition .rank-stars{gap:2px}.rank-up-transition .rank-star{width:clamp(10px,3vw,15px);height:clamp(10px,3vw,15px)}.rank-up-transition .rank-meteor{width:clamp(14px,4vw,19px);height:clamp(10px,3vw,15px)}.rank-up-before{animation:.5s .2s both rank-up-before-enter}.rank-up-arrow{color:#9ca9b5;align-items:center;font-size:25px;animation:.5s .6s both rank-up-arrow-enter;display:flex}.rank-up-after{animation:.8s .8s both rank-up-badge-pop}.rank-up-after .rank-star{animation-delay:1.2s}@keyframes rank-up-before-enter{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:none}}@keyframes rank-up-arrow-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rank-up-screen h1,.rank-up-screen p,.rank-up-transition,.rank-up-transition *{animation:none!important}}.rank-up-earned-badge{color:var(--rank-up-ink);flex-direction:column;justify-content:center;align-items:center;gap:3px;animation:.8s 1.1s both rank-up-badge-pop;display:flex}.rank-up-earned-badge>strong{font-size:17px;font-weight:800;line-height:1.2}.rank-up-screen{gap:16px;padding-top:24px}.rank-up-screen .drill-celebration-art{width:230px;height:230px}.rank-up-screen .drill-celebration-pea{width:210px;height:210px}@media (max-height:740px){.rank-up-screen{gap:12px;padding-top:16px;padding-bottom:110px}.rank-up-screen .drill-celebration-art{width:155px;height:155px}.rank-up-screen .drill-celebration-pea{width:145px;height:145px}.rank-up-screen .drill-celebration-shadow{width:80px;left:38px}.rank-up-earned-badge .topic-badge{width:70px;height:75px}}@media (prefers-reduced-motion:reduce){.rank-up-earned-badge{animation:none}}