.flt-topbar{z-index:50;height:78px;color:var(--app-ink);background:0 0;grid-template-columns:minmax(120px,1fr) minmax(360px,700px) minmax(120px,1fr);align-items:center;gap:24px;padding:0 clamp(28px,3.5vw,68px);font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;transition:right .3s cubic-bezier(.32,.72,0,1);display:grid;position:fixed;inset:0 0 auto}.flt-topbar.is-lesson{grid-template-columns:minmax(120px,1fr) minmax(360px,700px) minmax(120px,1fr)}.flt-spacer,.flt-close{width:40px;height:40px}.flt-close{color:var(--app-ink);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-self:end;place-items:center;padding:0;transition:color .14s,background .14s,transform .14s;display:grid}.flt-topbar.is-lesson .flt-close{justify-self:start}.flt-close:hover,.flt-close:focus-visible{background:#ffffff94;transform:translateY(-1px)}.flt-close:focus-visible{outline-offset:2px;outline:3px solid #2f9ae64d}.flt-progress{grid-template-columns:minmax(180px,1fr);justify-self:center;align-items:center;gap:12px;width:100%;display:grid}.flt-progress.has-scale-steps{grid-template-columns:minmax(180px,1fr) repeat(3,14px)}.flt-progress.is-skill-check-only{grid-template-columns:repeat(3,14px);width:max-content}.flt-progress>span{background:#e5e8ea;border-radius:999px;height:10px;position:relative;overflow:hidden}.flt-progress.has-scale-steps>.flt-progress-step{opacity:.62;border:0;width:14px;height:14px;box-shadow:0 0 0 2px #b6bec447}.flt-progress.has-scale-steps>.flt-progress-step.is-current{opacity:.72;box-shadow:0 0 0 2px #b6bec461}.flt-progress.has-scale-steps>.flt-progress-step.is-complete{opacity:.72;box-shadow:0 0 0 2px #168fdf1f}.flt-progress i{width:var(--segment-progress,0%);border-radius:inherit;background:#168fdf;height:100%;transition:width .42s cubic-bezier(.2,.8,.2,1);display:block}.flt-progress-step i{opacity:.72}.flt-rewards{justify-self:end;position:relative}.flt-xp-award{color:#129a49;white-space:nowrap;background:#dcf7e5;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:74px;min-height:38px;padding:7px 12px;font-size:1rem;font-weight:900;animation:1.45s cubic-bezier(.2,.8,.2,1) both flt-xp-award-in;display:inline-flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 26px #129a4929}.flt-xp-award svg{color:#18b957}.flt-streak-award{z-index:9;color:#293038;background:#fffaf0;border:1px solid #e98f1f33;border-radius:14px;gap:2px;width:210px;padding:13px 16px;animation:2.6s cubic-bezier(.2,.8,.2,1) both flt-streak-award-in;display:grid;position:absolute;top:calc(100% + 56px);right:0;box-shadow:0 12px 28px #82511226}.flt-streak-award:before{content:"";background:#fffaf0;border-top:1px solid #e98f1f33;border-left:1px solid #e98f1f33;width:12px;height:12px;position:absolute;top:-7px;right:22px;transform:rotate(45deg)}.flt-streak-award strong{font-size:.84rem;font-weight:850}.flt-streak-award small{color:#6e5a3e;font-size:.72rem;font-weight:700}.flt-reward-button{color:#a3aab0;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:15px;padding:0;display:inline-flex}.flt-reward-button:hover,.flt-reward-button:focus-visible{color:#818b93;background:0 0}.flt-streak,.flt-xp{justify-content:center;align-items:center;gap:5px;min-width:0;padding:0;display:inline-flex}.flt-streak,.flt-streak svg,.flt-xp svg{color:currentColor}.flt-xp strong{color:currentColor;letter-spacing:normal;font-size:.8rem;font-weight:800}.flt-xp.has-earned strong{color:#283039}.flt-xp.has-earned svg{color:#18b957;fill:currentColor;stroke:currentColor}.flt-streak.has-earned,.flt-streak.has-earned svg{color:#f39a21}@keyframes flt-xp-award-in{0%{opacity:0;transform:translateY(-4px)scale(.9)}15%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes flt-streak-award-in{0%{opacity:0;transform:translateY(-5px)scale(.96)}10%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-7px)scale(.98)}}@media (width>=1024px){html[data-pip-dock=open] .flt-topbar{right:var(--pip-dock-w);transition-delay:.1s}}.flt-reward-tip{z-index:8;width:270px;color:var(--app-ink);text-align:center;background:#fff;border:1px solid #103b8424;border-radius:20px;justify-items:center;gap:5px;padding:22px 20px 19px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 34px #0a2b642e}.flt-reward-tip:before{content:"";background:#fff;border-top:1px solid #103b8424;border-left:1px solid #103b8424;width:16px;height:16px;position:absolute;top:-8px;right:24px;transform:rotate(45deg)}.flt-reward-tip>strong{font-size:.94rem;font-weight:800}.flt-reward-tip>span{color:var(--app-muted-ink);font-size:.82rem;font-weight:700}.flt-reward-tip>i{color:#168fdf;gap:8px;display:flex}@media (width<=720px){.flt-topbar,.flt-topbar.is-lesson{grid-template-columns:44px minmax(0,1fr) 106px;gap:8px;height:66px;padding:0 12px}.flt-topbar:not(.is-lesson){grid-template-columns:38px minmax(0,1fr) 38px}.flt-spacer,.flt-close{width:38px;height:38px}.flt-progress{grid-template-columns:minmax(80px,1fr);gap:6px}.flt-progress.has-scale-steps{grid-template-columns:minmax(80px,1fr) repeat(3,10px)}.flt-progress>span{height:7px}.flt-progress>.flt-progress-step{width:10px;height:10px}.flt-reward-button{gap:10px;min-height:38px}.flt-streak,.flt-xp{gap:3px;min-width:0;padding:0}.flt-xp strong{font-size:.68rem}.flt-reward-button svg{width:15px;height:15px}.flt-reward-tip{width:min(250px,100vw - 24px)}.flt-streak-award{width:min(210px,100vw - 24px);right:-4px}}@media (prefers-reduced-motion:reduce){.flt-progress i,.flt-close,.flt-topbar{transition:none}}
