.mk-phone{position:relative;width:min(300px,78vw);aspect-ratio:9/19.2;padding:10px;border-radius:48px;background:linear-gradient(160deg,#2b3446,#0d1626 45%,#1f293a);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 0 0 2px #070b14,0 50px 100px -40px var(--mlc-shadow),0 24px 48px -30px var(--mlc-shadow)}.mk-phone-screen{position:relative;height:100%;border-radius:38px;overflow:hidden;background:#0b1424;isolation:isolate}.mk-phone-notch{position:absolute;top:18px;left:50%;z-index:5;width:88px;height:25px;border-radius:999px;background:#000;transform:translateX(-50%);pointer-events:none}.mk-screen{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s linear .32s}.mk-screen::-webkit-scrollbar{display:none}.mk-screen[data-active=true]{opacity:1;visibility:visible;transition:opacity .32s ease}.mk-screen .lc-root{min-height:100%;padding-top:34px;font-size:15px}.mk-screen-static{position:relative;height:100%;overflow-y:auto;scrollbar-width:none}.mk-screen-static .lc-root{min-height:100%;padding-top:34px}.mk-tapcard{position:absolute;z-index:10;right:-22%;top:30%;width:62%;aspect-ratio:85.6/54;border-radius:10px;background:var(--mlc-accent);color:var(--mlc-accent-fg);box-shadow:0 30px 50px -20px rgba(7,18,36,.55);transform:translate(40%,40%) rotate(24deg);opacity:0;animation:mk-tap 2.6s cubic-bezier(.2,.75,.2,1) .5s both;pointer-events:none}@keyframes mk-tap{0%{opacity:0;transform:translate(40%,40%) rotate(24deg)}18%{opacity:1}42%{transform:translate(-28%,-8%) rotate(-6deg)}58%{transform:translate(-24%,-6%) rotate(-5deg)}to{opacity:1;transform:translate(34%,112%) rotate(9deg)}}.mk-ripple{position:absolute;z-index:6;left:50%;top:34%;width:70%;aspect-ratio:1;border-radius:999px;border:2px solid var(--mlc-signal);transform:translate(-50%,-50%) scale(.3);opacity:0;pointer-events:none;animation:mk-ripple 1.1s ease-out 1.55s both}.mk-ripple+.mk-ripple{animation-delay:1.75s}@keyframes mk-ripple{0%{opacity:.9;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.mk-boot{position:absolute;inset:0;animation:mk-boot .7s cubic-bezier(.2,.75,.2,1) 1.6s both}@keyframes mk-boot{0%{opacity:0;transform:translateY(18px) scale(.98);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.mk-lock{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:radial-gradient(80% 50% at 50% 20%,#1c2d47,#060d19);color:#eef3fb;animation:mk-lock-out .5s ease 1.55s both;pointer-events:none}@keyframes mk-lock-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.mk-boot,.mk-lock,.mk-ripple,.mk-tapcard{animation:none}.mk-tapcard{opacity:1;transform:translate(34%,112%) rotate(9deg)}.mk-lock{display:none}.mk-screen{transition:none}}.mk-grid-bg{background:repeating-radial-gradient(circle at 82% 18%,transparent 0 54px,color-mix(in oklab,var(--mlc-on-ink) 7%,transparent) 54px 55.5px);mask-image:radial-gradient(70% 80% at 82% 18%,black,transparent 80%)}.mk-arcs{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 38px,color-mix(in oklab,var(--mlc-fg) 6%,transparent) 38px 39.5px);mask-image:radial-gradient(closest-side,black,transparent)}.mk-rule{border-top:1px solid var(--mlc-line)}