@layer components{.mk-h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink);font-size:34px;font-weight:400;line-height:1.05}@media (min-width:640px){.mk-h2{font-size:44px}}.mk-hero{box-shadow:0 0 0 1px #ffffff0d,0 40px 80px -40px #000000e6}.mk-hero canvas{animation:fade .52s var(--ease-out) both}.mk-glass{color:#fff;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);transition:background-color .18s var(--ease-out), scale var(--spring-ms) var(--ease-spring);background:#0c0d116b;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px -12px #0009}.mk-gbtn{color:#ffffffeb;cursor:pointer;white-space:nowrap;height:36px;transition:background-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:11px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:inline-flex}.mk-gbtn:disabled{opacity:.35;cursor:default}.mk-glass.mk-gbtn{height:40px}.mk-band{transition:flex-grow .52s var(--ease-soft)}.mk-live{animation:mk-breathe 3.2s var(--ease-soft) infinite}.mk-sticky{pointer-events:none}.mk-stickybar{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);opacity:0;transition:opacity .18s var(--ease-in), translate .2s var(--ease-in);background:#16171cdb;translate:0 16px;box-shadow:inset 0 0 0 1px #ffffff17,0 24px 60px -18px #000000d9}.mk-sticky.mk-on{pointer-events:auto}.mk-sticky.mk-on .mk-stickybar{opacity:1;transition:opacity .26s var(--ease-out), translate var(--spring-ms) var(--ease-spring);translate:0}.mk-lightbox,.mk-viewer{animation:fade .24s var(--ease-out) both}.mk-lightbox-card{animation:mk-rise .42s var(--ease-spring) both}.mk-lightbox.mk-leave,.mk-viewer.mk-leave{animation:fade-out .2s var(--ease-in) both}}@keyframes mk-breathe{50%{opacity:.45}}@keyframes mk-rise{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@media (hover:hover){.mk-glass:hover{background:#0c0d1199}.mk-gbtn:not(.mk-glass):hover:not(:disabled){color:#fff;background:#ffffff1a}.mk-palette:hover .mk-band{flex-grow:.8}.mk-palette .mk-band:hover{flex-grow:1.9}}.mk-gbtn[aria-pressed=false]{color:#ffffffb3}@media (prefers-reduced-motion:reduce){.mk-live,.mk-lightbox-card{animation:none}}body:has(.mk-lightbox) .mk-sticky{visibility:hidden}