.practice-hub-outlet{animation:hub-fade-in .25s ease-out}.hub-scroll{scrollbar-width:none}.hub-scroll::-webkit-scrollbar{display:none}.practice-hub-outlet:has(.app-container),.practice-hub-outlet:has(.mock-writing-container),.practice-hub-outlet:has(.mock-speaking-container),.practice-hub-outlet:has(.mock-speaking-exam-wrapper),.practice-hub-outlet:has(.mistake-book-root){height:100%}.practice-hub-outlet:has([data-earshot-home]){animation:none}@keyframes hub-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebar-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.sidebar-reveal{animation:sidebar-reveal .18s ease-out backwards}.sidebar-sheet[data-state=open]{animation:sidebar-reveal .18s ease-out backwards!important}.sidebar-sheet[data-state=closed]{animation:sidebar-reveal .18s ease-out reverse!important}@media(prefers-reduced-motion:reduce){.practice-hub-outlet,.sidebar-reveal{animation:none}.sidebar-sheet[data-state=open],.sidebar-sheet[data-state=closed]{animation:none!important}}.hub-mini-bar{left:0;transition:left .2s ease}@media(min-width:768px){.hub-mini-bar{left:var(--hub-sidebar-w, 240px)}}.practice-hub-back-to-top{position:fixed;right:28px;bottom:28px;z-index:50;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background-color .2s ease}.practice-hub-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.practice-hub-back-to-top:hover{background:hsl(var(--foreground) / .06)}@media(max-width:640px){.practice-hub-back-to-top{right:16px;bottom:16px}}.sets-grid-host{container-type:inline-size}.sets-grid-hub{display:grid}.sets-grid-hub--sets4{grid-template-columns:repeat(auto-fill,minmax(min(100%,236px),1fr))}.sets-grid-hub--min280{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}@container (min-width: 980px){.sets-grid-hub--sets4{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width: 1144px){.sets-grid-hub--min280{grid-template-columns:repeat(4,minmax(0,1fr))}}
