.mb-device{aspect-ratio:9/19.5;border-radius:14%/6.4615%;background:#0b0d12;padding:3.2%;box-shadow:0 0 0 1px hsla(0,0%,100%,.08),inset 0 0 0 1px hsla(0,0%,100%,.05),0 50px 100px -40px rgba(0,0,0,.95)}.mb-device,.mb-screen{position:relative;container-type:inline-size}.mb-screen{height:100%;width:100%;overflow:hidden;border-radius:11cqw;background:#05070d;color:#fff;font-size:4cqw;line-height:1.3;-webkit-user-select:none;user-select:none}.mb-island{position:absolute;left:50%;top:2.4%;z-index:40;height:3.3%;width:30%;transform:translateX(-50%);border-radius:999px;background:#000}.mb-status{inset-inline:0;top:1.9%;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 7%;font-size:3.6cqw;font-weight:600;letter-spacing:.01em}.mb-home,.mb-status{position:absolute;pointer-events:none}.mb-home{bottom:1.6%;left:50%;z-index:40;height:.65%;width:36%;transform:translateX(-50%);border-radius:999px;background:currentColor;opacity:.55}.mb-btn{width:1.4%;border-radius:2px;background:#1c2029}.mb-btn,.mb-view{position:absolute}.mb-view{inset:0;display:flex;flex-direction:column;padding:16% 6% 8%;background:var(--mb-bg,#05070d);will-change:transform}.mb-card{border-radius:4.5cqw;background:var(--mb-card,hsla(0,0%,100%,.06));border:1px solid var(--mb-line,hsla(0,0%,100%,.08))}.mb-pill{display:inline-flex;align-items:center;justify-content:center;gap:1.5cqw;border-radius:999px;padding:3.6cqw 5cqw;font-weight:700;font-size:4cqw;letter-spacing:.01em;transition:transform .12s cubic-bezier(.2,.8,.2,1)}.mb-pill:active{transform:scale(.96)}.mb-tab{display:flex;flex-direction:column;align-items:center;gap:1cqw;font-size:2.6cqw;letter-spacing:.04em;color:var(--mb-muted,hsla(0,0%,100%,.5));transition:color .25s}.mb-tab[data-active=true]{color:var(--mb-accent,#e05a10)}.mb-screen[data-theme=dark]{--mb-bg:#05070d;--mb-card:hsla(0,0%,100%,.06);--mb-line:hsla(0,0%,100%,.08);--mb-text:#fff;--mb-muted:hsla(0,0%,100%,.55);--mb-accent:#e05a10;background:var(--mb-bg);color:var(--mb-text)}.mb-screen[data-theme=light]{--mb-bg:#f6f3ee;--mb-card:#fff;--mb-line:rgba(10,23,52,.08);--mb-text:#0a1734;--mb-muted:rgba(10,23,52,.55);--mb-accent:#e05a10;background:var(--mb-bg);color:var(--mb-text)}.mb-screen,.mb-screen .mb-card{transition:background-color .45s ease,color .45s ease,border-color .45s ease}.mb-tap{position:absolute;width:14cqw;height:14cqw;margin:-7cqw 0 0 -7cqw;border-radius:999px;border:2px solid hsla(0,0%,100%,.7);pointer-events:none;animation:mb-tap .45s cubic-bezier(.2,.7,.2,1) forwards}@keyframes mb-tap{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.4);opacity:0}}.mb-burst{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;pointer-events:none;animation:mb-burst .55s cubic-bezier(.2,.8,.2,1) forwards}@keyframes mb-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.mb-heart[data-on=true]{animation:mb-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes mb-pop{0%{transform:scale(.7)}60%{transform:scale(1.25)}to{transform:scale(1)}}.mb-toggle{--w:3.6rem;--h:2.1rem;--pad:0.2rem;position:relative;display:inline-block;width:var(--w);height:var(--h);border-radius:999px;background:hsla(0,0%,100%,.14);transition:background .3s}.mb-toggle[data-on=true]{background:#7cffb2}.mb-toggle:after{content:"";position:absolute;top:var(--pad);left:var(--pad);width:calc(var(--h) - 2 * var(--pad));height:calc(var(--h) - 2 * var(--pad));border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.mb-toggle[data-on=true]:after{transform:translateX(calc(var(--w) - var(--h)))}.mb-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:.25rem;border-radius:999px;background:hsla(0,0%,100%,.08)}.mb-seg-pill{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc((100% - .5rem) / var(--n));border-radius:999px;background:#fff;transition:transform .26s cubic-bezier(.16,1,.3,1)}.mb-link{display:inline-flex;border:0;border-radius:999px;padding:.35em .85em;background:color-mix(in srgb,currentColor 16%,transparent);font:inherit;font-weight:600;line-height:1.2}.mb-grab,.mb-link{position:relative;align-items:center}.mb-grab{display:flex;justify-content:center;width:46%;margin:-.75em auto;padding:.75em 0;touch-action:none}@media (pointer:coarse){.mb-link:before,.mb-toggle:before{content:"";position:absolute;inset:-.75rem -.35rem}.mb-grab{margin-block:-18px;padding-block:18px}}.mb-zone{transition:opacity .4s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.mb-frame[data-active=false] .mb-device{filter:brightness(.55) saturate(.85)}.mb-frame .mb-device{transition:filter .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}.mb-frame[data-active=true] .mb-device{transform:translateY(-2%)}.mb-native{overflow-x:auto;overscroll-behavior-x:contain}.mb-confetti{position:absolute;top:-4%;width:2.2cqw;height:3.6cqw;border-radius:1px;opacity:0}@media (prefers-reduced-motion:reduce){.mb-burst,.mb-heart[data-on=true],.mb-tap{animation:none}.mb-frame .mb-device,.mb-seg-pill,.mb-toggle:after,.mb-zone{transition:none}}