@keyframes mk-floatA{0%,to{transform:rotate(4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-10px)}}@keyframes mk-floatB{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-8deg)translateY(-9px)}}@keyframes mk-floatC{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(-3deg)translateY(9px)}}@keyframes mk-popInA{0%{opacity:0;transform:scale(.9)rotate(4deg)translateY(28px)}to{opacity:1;transform:scale(1)rotate(4deg)translateY(0)}}@keyframes mk-popInB{0%{opacity:0;transform:scale(.9)rotate(-8deg)translateY(28px)}to{opacity:1;transform:scale(1)rotate(-8deg)translateY(0)}}@keyframes mk-popInC{0%{opacity:0;transform:scale(.9)rotate(-3deg)translateY(28px)}to{opacity:1;transform:scale(1)rotate(-3deg)translateY(0)}}@keyframes mk-pillPop{0%{opacity:0;transform:rotate(-2deg)scale(.85)translateY(24px)}65%{opacity:1;transform:rotate(-2deg)scale(1.05)translateY(3px)}to{opacity:1;transform:rotate(-2deg)scale(1)translateY(7px)}}.hero-pill{animation:mk-pillPop .7s var(--ease-spring)both}.hero-card-a{animation:mk-popInA .7s var(--ease-out-expo)both,mk-floatA 7s ease-in-out .7s infinite}.hero-card-b{animation:mk-popInB .7s var(--ease-out-expo).15s both,mk-floatB 8s ease-in-out .85s infinite}.hero-card-c{animation:mk-popInC .7s var(--ease-out-expo).3s both,mk-floatC 9s ease-in-out 1s infinite}.hero-float-paused .hero-card-a,.hero-float-paused .hero-card-b,.hero-float-paused .hero-card-c{animation-play-state:paused}.magnet{will-change:transform}.feature-tile{transition:transform .3s,box-shadow .3s}.feature-tile-lg:hover{box-shadow:var(--shadow-lift);transform:translateY(-6px)}.feature-tile-sm:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0f1f3d14}.play-tri{transition:opacity .25s,transform .25s}.pause-bars{opacity:0;transition:opacity .25s,transform .25s;transform:scale(.6)}.video-tile:hover .play-tri{opacity:0;transform:scale(.5)}.video-tile:hover .pause-bars{opacity:1;transform:scale(1)}.qbank-row,.qbank-diff{transition:background-color .3s,border-color .3s,color .3s}.qbank-tile:hover .qbank-row-easy{background:#eafaf5;border-color:#bfe9dd}.qbank-tile:hover .qbank-row-medium{background:#fff4e8;border-color:#f5d9ad}.qbank-tile:hover .qbank-row-hard{background:#feeceb;border-color:#f6c6c1}.qbank-tile:hover .qbank-diff-easy{color:#12694f;background:#c9f0e3}.qbank-tile:hover .qbank-diff-medium{color:#8a520f;background:#ffe4bf}.qbank-tile:hover .qbank-diff-hard{color:#8f2b22;background:#ffd4d0}.sheet-line{transition:background-color .3s}.sheet-tile:hover .sheet-line{background:#a9c2e6}.sheet-tile:hover .sheet-line:nth-child(2){transition-delay:40ms}.sheet-tile:hover .sheet-line:nth-child(3){transition-delay:80ms}.sheet-tile:hover .sheet-line:nth-child(4){transition-delay:.12s}.sheet-tile:hover .sheet-line:nth-child(5){transition-delay:.16s}.sheet-tile:hover .sheet-line:nth-child(6){transition-delay:.2s}.sheet-tile:hover .sheet-line:nth-child(7){transition-delay:.24s}.notes-highlight{transform-origin:0;transition:transform .4s var(--ease-out-expo);transform:scaleX(0)}.notes-tile:hover .notes-highlight{transform:scaleX(1)}.notes-tile:hover .notes-highlight-2{transition-delay:.12s}.notes-watch{transition:background-color .3s}.notes-watch-tri{transition:border-left-color .3s}.notes-watch-line{transition:background-color .3s}.notes-tile:hover .notes-watch{background:#1a5fad;transition-delay:.25s}.notes-tile:hover .notes-watch-tri{border-left-color:#fff;transition-delay:.25s}.notes-tile:hover .notes-watch-line{background:#fff9;transition-delay:.25s}.speedrun-icon svg{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.speedrun-chevrons{opacity:1;transition:opacity 90ms .11s,transform .28s cubic-bezier(.12,.76,.25,1);transform:scale(1)translate(0)}.speedrun-chevrons path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.speedrun-bolt{opacity:0;transition:opacity .1s .18s,transform .36s cubic-bezier(.16,.9,.26,1.18) .13s;transform:scale(.16)translate(-116px)rotate(-15deg)}.speedrun-bolt path{fill:#3dbfa8}.speedrun-tile:hover .speedrun-chevrons{opacity:0;transform:scale(2.6)translate(22px)}.speedrun-tile:hover .speedrun-bolt{opacity:1;transform:scale(1)translate(0)rotate(0)}.streak-dot-6{transition:background-color .35s}.daily-tile:hover .streak-dot-6{background:#3dbfa8}.streak-dot-current{opacity:0;transition:opacity .35s}.streak-dot-next{opacity:0;transition:opacity .35s .12s}.daily-tile:hover .streak-dot-current,.daily-tile:hover .streak-dot-next{opacity:1}.avatar-magnify{transition:transform .25s var(--ease-spring)}.avatar-magnify:hover{transform:scale(1.18)}.syl-num-circle{opacity:0;transition:transform .3s var(--ease-spring),opacity .3s ease;transform:scale(0)}.syl-row.is-active .syl-num-circle{opacity:1;transform:scale(1)}.syl-row:hover:not(.is-active) .syl-num-circle{opacity:.15;transform:scale(.85)}.syl-num-text{transition:color .25s}.syl-row.is-active .syl-num-text{color:#fff}.syl-title{transition:color .25s,transform .25s}.syl-row.is-active .syl-title,.syl-row:hover .syl-title{color:#0f1f3d;transform:translate(4px)}.syl-plus{transition:transform .35s cubic-bezier(.3,.7,.4,1.3)}.syl-row.is-active .syl-plus{transform:rotate(45deg)}.syl-underline{transform-origin:0;width:100%;transition:transform .35s var(--ease-standard);transform:scaleX(0)}.syl-row:hover .syl-underline{transform:scaleX(.3)}.syl-row.is-active .syl-underline{transform:scaleX(1)}.mk-link{text-underline-offset:4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .3s ease-out,color .3s ease-out}.mk-link:hover{color:#1a5fad;text-decoration-color:#3dbfa8}@media (prefers-reduced-motion:reduce){.hero-pill,.hero-card-a,.hero-card-b,.hero-card-c{opacity:1;animation:none}.hero-pill{transform:rotate(-2deg)translateY(7px)}.hero-card-a{transform:rotate(4deg)}.hero-card-b{transform:rotate(-8deg)}.hero-card-c{transform:rotate(-3deg)}.feature-tile,.syl-title,.syl-plus,.syl-underline,.syl-num-circle,.avatar-magnify,.speedrun-chevrons,.speedrun-bolt,.notes-highlight,.notes-watch,.notes-watch-tri,.notes-watch-line,.sheet-line,.streak-dot-6,.streak-dot-current,.streak-dot-next,.play-tri,.pause-bars,.qbank-row,.qbank-diff{transition:none}.feature-tile-lg:hover,.feature-tile-sm:hover{transform:none}}.mk-katex{font-family:KaTeX_Main,Georgia,Times New Roman,serif}