body{margin:0;font-family:Onest,system-ui,-apple-system,Segoe UI,sans-serif;background:#F2F5FB}a{color:#1552e0}a:hover{color:#0b3aae}button{font-family:inherit}input::placeholder{color:#8a93a6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden}.themed{transition:background-color .2s,color .2s,border-color .2s}.card{transition:border-color .15s,box-shadow .15s,transform .15s}.card:hover{border-color:#9db6f5!important;box-shadow:0 8px 24px #1552e01a;transform:translateY(-1px)}.tab:not([aria-current]):hover{background:rgba(30,94,255,.12)}.nav:hover{background:#EEF3FF}.lesson{transition:box-shadow .15s,transform .15s}.lesson:hover{box-shadow:0 10px 28px #14213d1a;transform:translateY(-2px)}.row:hover{background:rgba(30,94,255,.07)}.ans{transition:border-color .15s,background-color .15s,transform .1s}.ans:hover{transform:translateY(-1px)}.q-col{padding-top:4px;margin-top:-4px}.q-row{flex-direction:row-reverse}.site-header{position:sticky;top:0;z-index:100}.site-header{transition:box-shadow .2s}html.scrolled .site-header{box-shadow:0 6px 20px #080c181f}.reveal-wait{opacity:0}.reveal-in{animation:revealUp .5s cubic-bezier(.22,.8,.3,1) both}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal-wait{opacity:1}.reveal-in{animation:none}}.qt{transition:background-color .15s,color .15s}.ticket,.err,.topic{transition:border-color .15s,box-shadow .15s,transform .15s}.ticket:hover,.err:hover,.topic:hover{border-color:#9db6f5!important;box-shadow:0 8px 22px #1552e01a;transform:translateY(-1px)}.zoom-hint{opacity:0;transition:opacity .15s}.zoom-img:hover .zoom-hint,.zoom-img:focus-visible .zoom-hint{opacity:1}.modal-backdrop{animation:fadeIn .15s ease-out}.modal-img{animation:zoomIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.opt{transition:border-color .15s,background-color .15s,transform .1s}.opt:hover{transform:translateY(-1px)}.container{width:100%;max-width:1248px;padding:0 24px;box-sizing:border-box}.card-icon svg{width:28px;height:28px}.hdr-search-btn{display:none!important}@media (max-width:1180px){.hdr{gap:20px!important}.hdr-search{display:none!important}.hdr-search-btn{display:flex!important}.hero{padding:28px 40px!important;gap:40px!important}.hero-title{font-size:30px!important}.grid-cards,.grid-lessons{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-tickets{grid-template-columns:repeat(4,minmax(0,1fr))!important}.settings-row{flex-direction:column;align-items:stretch!important}.settings-left{width:100%!important}.q-row{flex-direction:column;align-items:center!important;overflow-y:auto;gap:24px!important}.q-img{width:100%!important;max-width:640px;height:auto!important;aspect-ratio:16/9;flex-shrink:0}.q-col{width:100%!important;max-width:720px;max-height:none!important;overflow:visible!important;padding-right:0!important;flex-shrink:0}}@media (max-width:960px){.tab-label{display:none}.tab{padding:0 12px!important}.hero{height:auto!important;padding:24px 28px!important;gap:24px!important}.hero-gauge{transform:scale(.9);margin:-8px -10px}.hero-title{font-size:27px!important}.grid-tickets{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-topics{grid-template-columns:minmax(0,1fr)!important}}@media (max-height:820px){.site-header{height:76px!important}.home-main{padding:26px 0 36px!important}.home-stack{gap:25px!important}.home-main .card{height:88px!important}.page-main{padding:26px 0 36px!important}.page-stack{gap:26px!important}.lessons-gap{gap:19px!important}.page-main .lesson{height:226px!important;padding:26px!important;gap:17px!important}.settings-gap{gap:19px!important}.link-row{height:61px!important}.set-row{height:69px!important}}@media (max-height:820px) and (min-width:961px){.hero{height:272px!important;padding-top:32px!important;padding-bottom:32px!important}.hero-gauge{transform:scale(.98);margin:-2px}}mark.kw{background:#C59D32;color:#1b1b1b;padding:0 3px;border-radius:5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}mark.hl{background:#C59D32;color:#1b1b1b;padding:0 3px;border-radius:5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.ticket-card{container-type:inline-size}@container (max-width:250px){.ticket-stats{right:8px!important;font-size:17px!important}.ticket-stats>span{gap:3px!important}.ticket-stats svg{width:20px;height:20px}}.tiles-scroll{scrollbar-width:none;-ms-overflow-style:none}.tiles-scroll::-webkit-scrollbar{display:none}.no-select,.no-select *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.no-select img{-webkit-user-drag:none}.qt-indicator{transition:transform .35s cubic-bezier(.34,1.3,.64,1),background-color .2s}.qt-pop{animation:qtPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes qtPop{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.qt-indicator{transition:none}.qt-pop{animation:none}}.pass-badge{animation:passPop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes passPop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.pass-badge{animation:none}}.tool-in{animation:qtPop .3s cubic-bezier(.34,1.56,.64,1)}:root{--q-scale:1}.spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.copy-btn{transition:background-color .15s,color .15s}.copy-btn:hover{background:rgba(30,94,255,.1)!important;color:#1e5eff!important}.toast{animation:toastIn .45s cubic-bezier(.34,1.56,.64,1)}.toast-icon{animation:toastWiggle .6s ease-in-out .25s}.toast-bar{animation:toastBar 2.6s linear forwards;transform-origin:left}@keyframes toastIn{0%{transform:translate(-50%,-120%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes toastWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes toastBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast,.toast-icon{animation:none}}.nav-indicator{transition:transform .4s cubic-bezier(.34,1.3,.64,1),width .4s cubic-bezier(.34,1.3,.64,1)}.nav-in-right{animation:navInRight .4s cubic-bezier(.22,1,.36,1)}.nav-in-left{animation:navInLeft .4s cubic-bezier(.22,1,.36,1)}@keyframes navInRight{0%{transform:translate(48px)}to{transform:none}}@keyframes navInLeft{0%{transform:translate(-48px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.nav-indicator{transition:none}.nav-in-right,.nav-in-left{animation:none}}.themed{overflow-x:clip}.switch{transition:background-color .25s ease}.switch-knob{width:28px;transition:transform .3s cubic-bezier(.34,1.4,.64,1),width .2s ease}.switch[aria-checked=true] .switch-knob{transform:translate(24px)}.switch:active .switch-knob{width:34px}.switch[aria-checked=true]:active .switch-knob{transform:translate(18px)}@media (prefers-reduced-motion:reduce){.switch,.switch-knob{transition:none}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.theme-vt .themed{transition:none!important}.seg-thumb{transition:transform .35s cubic-bezier(.34,1.3,.64,1),width .35s cubic-bezier(.34,1.3,.64,1)}@media (prefers-reduced-motion:reduce){.seg-thumb{transition:none}}.font-preview{transition:font-size .3s ease}@media (prefers-reduced-motion:reduce){.font-preview{transition:none}}.collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .25s ease}.collapse[data-open=true]{grid-template-rows:1fr;opacity:1}.info-btn{transition:background-color .2s,color .2s}.info-btn:hover{background:rgba(30,94,255,.12)!important}@media (prefers-reduced-motion:reduce){.collapse{transition:none}}.demo-tool{transition:background-color .25s,border-color .25s,transform .3s cubic-bezier(.34,1.4,.64,1)}.demo-tool[data-show=false]{transform:scale(.85)}.demo-tool[data-show=false] svg{opacity:0}.demo-tool svg{transition:opacity .2s}@media (prefers-reduced-motion:reduce){.demo-tool,.demo-tool svg{transition:none}}.autonext-bar{animation:autonextBar 3s linear infinite}.autonext-tile{animation:autonextTile 3s cubic-bezier(.34,1.3,.64,1) infinite}.autonext-num1{animation:autonextNum1 3s infinite}.autonext-num2{animation:autonextNum2 3s infinite}@keyframes autonextBar{0%{transform:scaleX(0)}50%,to{transform:scaleX(1)}}@keyframes autonextTile{0%,50%{transform:translate(0)}62%,to{transform:translate(40px)}}@keyframes autonextNum1{0%,50%{color:#fff;border-color:transparent}}@keyframes autonextNum2{58%,to{color:#fff;border-color:transparent}}@media (prefers-reduced-motion:reduce){.autonext-bar,.autonext-tile,.autonext-num1,.autonext-num2{animation:none}}.shuffle-tile{transition:transform .5s cubic-bezier(.34,1.3,.64,1)}@media (prefers-reduced-motion:reduce){.shuffle-tile{transition:none}}.confirm-tap{position:relative}.confirm-tap:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:13px;border:3px solid rgba(37,99,235,.35);opacity:0;pointer-events:none;animation:confirmTap 3s infinite}.confirm-pop{animation:confirmPop 3s cubic-bezier(.34,1.3,.64,1) infinite}.confirm-press{animation:confirmPress 3s infinite}@keyframes confirmTap{0%,22%,to{opacity:0;transform:scale(.97)}8%{opacity:1;transform:none}}@keyframes confirmPop{0%,15%{transform:scale(.9);opacity:0}30%,88%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}@keyframes confirmPress{0%,62%,72%,to{transform:scale(1)}67%{transform:scale(.88)}}@media (prefers-reduced-motion:reduce){.confirm-tap:after,.confirm-pop,.confirm-press{animation:none}}.premium-tile{transition:filter .15s ease}.premium-tile:hover{filter:brightness(.97)}.premium-chev{flex-shrink:0;transition:transform .15s ease}.premium-tile:hover .premium-chev{transform:translate(3px)}.premium-cta{transition:filter .15s ease}.premium-cta:hover{filter:brightness(1.1)}@media (prefers-reduced-motion:reduce){.premium-tile,.premium-chev,.premium-cta{transition:none}}.audio-spotlight{isolation:isolate}.audio-spotlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50%;background:var(--spot);pointer-events:none;animation:audioSpot 1.6s ease-out infinite}.audio-spotlight-tip{animation:audioTip 1.6s ease-in-out infinite}@keyframes audioSpot{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes audioTip{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.audio-spotlight-tip-top{animation-name:audioTipTop}@keyframes audioTipTop{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.audio-spotlight:after,.audio-spotlight-tip{animation:none}}.low-end .audio-spotlight:after{animation:none;opacity:.35;transform:scale(1.25)}.low-end .audio-spotlight-tip,.low-end .confirm-tap:after,.low-end .confirm-pop,.low-end .confirm-press,.low-end .autonext-bar,.low-end .autonext-tile,.low-end .autonext-num1,.low-end .autonext-num2{animation:none}.low-end .zoom-blur{display:none}
