:root{--mx-glow:var(--accent-ring);--mx-step:70ms}@keyframes mx-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.mx-rise{opacity:0}.mx-in .mx-rise{animation:mx-rise .8s var(--ease-modal) calc(var(--i,0) * var(--mx-step)) both}@keyframes mx-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}.mx-pop{opacity:0}.mx-in .mx-pop,.mx-pop-now{animation:mx-pop .42s var(--ease-spring) calc(var(--i,0) * var(--mx-step)) both}@keyframes mx-word-up{0%{transform:translateY(110%)}to{transform:none}}.mx-clip{vertical-align:bottom;display:inline-block;overflow:hidden}.mx-word-up{animation:mx-word-up .7s var(--ease-modal) calc(.5s + var(--i,0) * 80ms) both;display:inline-block;transform:translateY(110%)}@keyframes mx-bracket-l{0%{opacity:0;transform:translate(-120px)}to{opacity:1;transform:none}}@keyframes mx-bracket-r{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:none}}@keyframes mx-point{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes mx-glow-in{0%{filter:drop-shadow(0 0 #0000)}to{filter:drop-shadow(0 0 22px var(--mx-glow))}}@keyframes mx-halo{0%,to{opacity:.25}50%{opacity:.7}}.mx-bracket-l{animation:mx-bracket-l .72s var(--ease-modal) .1s both}.mx-bracket-r{animation:mx-bracket-r .72s var(--ease-modal) .1s both}.mx-point{transform-box:fill-box;transform-origin:50%;animation:mx-point .4s var(--ease-spring) .62s both}.mx-glow-in{animation:.8s ease-out .6s both mx-glow-in}.mx-halo{animation:5s ease-in-out 1.4s infinite mx-halo}.mx-stage{--spread:0;--gather:0;--mark:0;--fade:0;--resolve:0;--rs:1}@media (max-width:639px){.mx-stage{--rs:.7}.mx-field-origin{top:36%}}.mx-silo{transform:translate3d(calc(var(--sx) * var(--rs) * (1 + .22 * var(--spread)) * (1 - var(--gather))), calc(var(--sy) * var(--rs) * (1 + .22 * var(--spread)) * (1 - var(--gather))), 0) scale(calc(1 - .72 * var(--gather)));opacity:calc((1 - .45 * var(--spread)) * (1 - var(--gather)));will-change:transform, opacity}@media (min-width:640px) and (prefers-reduced-motion:no-preference){.mx-silo{filter:blur(calc(var(--spread) * 2.4px))}}.mx-stage-mark{opacity:var(--mark);transform:scale(calc(.86 + .14 * var(--mark)))}.mx-stage-bracket-l{transform:translateX(calc(-46px * (1 - var(--mark))))}.mx-stage-bracket-r{transform:translateX(calc(46px * (1 - var(--mark))))}.mx-stage-point{transform-box:fill-box;transform-origin:50%;transform:scale(var(--mark))}.mx-copy-problem{opacity:calc(1 - var(--fade));transform:translate3d(0, calc(-16px * var(--fade)), 0)}.mx-copy-resolve{opacity:var(--resolve);transform:translate3d(0, calc(16px * (1 - var(--resolve))), 0)}.mx-tally-chip{--ti:0;--tp:clamp(0, calc((var(--resolve) - var(--ti)) / .14), 1);opacity:var(--tp);transform:translate3d(0, calc(10px * (1 - var(--tp))), 0)}.mx-tally-face{transition:transform .25s var(--ease-modal), border-color .25s var(--ease-modal)}@media (hover:hover){.mx-tally-chip:hover .mx-tally-face{border-color:var(--accent-ring);transform:translateY(-2px)}}.mx-tally-chip:active .mx-tally-face{transform:translateY(1px)}.mx-tally-sum{--ti:0;--tp:clamp(0, calc((var(--resolve) - var(--ti)) / .14), 1);opacity:var(--tp);transform:translate3d(0, calc(10px * (1 - var(--tp))), 0)}@media (min-width:640px) and (max-height:950px){.mx-stage{--rs:.82}.mx-field-origin{top:32%}}@media (min-width:640px) and (max-height:800px){.mx-stage{--rs:.78}}@media (max-height:800px) and (min-width:640px){.mx-copy-zone{bottom:5vh}.mx-copy-zone h2{font-size:2.25rem}.mx-copy-zone .mx-tally-sum{margin-top:.625rem}}@keyframes mx-phase-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.mx-phase-active,.mx-phase-done{animation:mx-phase-in .34s var(--ease-modal) both}@keyframes mx-sweep{0%{transform:translate(-100%)}to{transform:translate(220%)}}.mx-sweep:after{content:"";background:linear-gradient(90deg, transparent, var(--fill-strong), transparent);width:45%;animation:1.5s ease-in-out infinite mx-sweep;position:absolute;inset:0}@keyframes mx-card-land{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}.mx-card-land{animation:mx-card-land .62s var(--ease-modal) both}@keyframes mx-bubble-in{0%{opacity:0;filter:blur(3px);transform:translate(10px,16px)scale(.82)}60%{filter:blur()}to{opacity:1;filter:blur();transform:none}}.mx-bubble-in{transform-origin:100% 100%;animation:mx-bubble-in .55s var(--ease-spring) both}@keyframes mx-word-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.mx-word{animation:mx-word-in .34s var(--ease-modal) both}@keyframes mx-shelf{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.mx-shelf-track{animation:mx-shelf var(--mx-shelf-dur,64s) linear infinite;will-change:transform}.mx-shelf-reverse{animation-direction:reverse}.mx-shelf:hover .mx-shelf-track,.mx-shelf:focus-within .mx-shelf-track{animation-play-state:paused}.mx-shelf-mask{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}@keyframes mx-draw{to{stroke-dashoffset:0}}.mx-in .mx-edge{animation:mx-draw 1.1s var(--ease-modal) calc(.2s + var(--i,0) * .16s) both}.mx-ground:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 30%, color-mix(in oklab, var(--text) 7%, transparent), transparent 70%);height:130%;position:absolute;inset:-20% 0 auto}@keyframes mx-cue{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.75;transform:translateY(6px)}}.mx-cue{animation:2.6s ease-in-out infinite mx-cue}@media (prefers-reduced-motion:reduce){.mx-in .mx-rise,.mx-in .mx-pop,.mx-pop-now,.mx-bracket-l,.mx-bracket-r,.mx-point,.mx-glow-in,.mx-card-land,.mx-phase-active,.mx-phase-done,.mx-word,.mx-in .mx-edge{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.mx-halo,.mx-cue,.mx-shelf-track,.mx-sweep:after{animation:none!important}.mx-word-up,.mx-bubble-in{animation-duration:.01ms!important;animation-delay:0s!important}.mx-shelf-track{transform:none!important}.mx-silo{filter:none!important}}.mx-cine .mx-par{transform:translate3d(calc(var(--mx-px,0) * var(--par,8px)), calc(var(--mx-py,0) * var(--par,8px)), 0);will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1)}.mx-cine .mx-nav{z-index:40;background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(14px);backdrop-filter:saturate(1.5)blur(14px);border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 60%, transparent);position:sticky;top:0}.mx-cine .mx-nav>header{padding-top:calc(.85rem + env(safe-area-inset-top));padding-bottom:.85rem}.mx-cine .mx-nav{transition:transform .5s cubic-bezier(.33,1,.68,1),opacity .45s}.mx-cine .mx-nav.mx-nav-hidden{opacity:0;pointer-events:none;transition:transform .9s,opacity .8s;transform:translateY(-14px)}@keyframes mx-cine-bloom{0%,to{transform:translate(-1.5%)scale(1)}50%{transform:translate(1.5%,1%)scale(1.07)}}.mx-cine .mx-ground:before{animation:16s ease-in-out infinite mx-cine-bloom}@keyframes mx-cine-lattice{0%{background-position:0 0,0 0}to{background-position:0 0,24px 24px}}.mx-cine .mx-graph-ground{animation:20s linear infinite mx-cine-lattice}@media (hover:hover) and (pointer:fine){.mx-cine .surface-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.mx-cine .surface-card:hover{box-shadow:var(--shadow-card-hover,var(--shadow-card));transform:translateY(-4px)scale(1.015)}.mx-cine .mx-cta{transition:transform .3s var(--ease-spring), background-color .2s ease;position:relative;overflow:hidden}.mx-cine .mx-cta:hover{transform:scale(1.045)}.mx-cine .mx-cta:after{content:"";background:linear-gradient(115deg, transparent 32%, color-mix(in oklab, var(--accent-ink) 16%, transparent) 50%, transparent 68%);position:absolute;inset:0;transform:translate(-130%)}.mx-cine .mx-cta:hover:after{transition:transform .7s;transform:translate(130%)}}@supports (animation-timeline:view()){@keyframes mx-cine-enter{0%{opacity:0;filter:blur(7px);transform:translateY(48px)scale(.96)}to{opacity:1;filter:none;transform:none}}.mx-cine .mx-vt{animation:mx-cine-enter both var(--ease-modal);animation-timeline:view();animation-range:entry cover 32%}@keyframes mx-cine-shelf{0%{opacity:0;transform:perspective(1100px)rotateX(13deg)scale(.96)}to{opacity:1;transform:none}}.mx-cine .mx-tilt{animation:mx-cine-shelf both var(--ease-modal);animation-timeline:view();animation-range:entry cover 38%}}@media (prefers-reduced-motion:reduce){.mx-cine .mx-vt,.mx-cine .mx-tilt,.mx-cine .mx-ground:before,.mx-cine .mx-graph-ground,.mx-cine .mx-cta:after{animation:none!important}.mx-cine .mx-vt,.mx-cine .mx-tilt{opacity:1!important;filter:none!important;transform:none!important}.mx-cine .mx-par,.mx-cine .surface-card,.mx-cine .mx-cta{transition:none!important;transform:none!important}.mx-cine .mx-nav{transition:none!important}}.mx-store-on-light{display:none}.light .mx-store-on-light{display:block}.light .mx-store-on-dark{display:none}
