.stage{aspect-ratio:5/4;isolation:isolate;background:radial-gradient(90% 70% at 88% 4%,#ff4f2b47 0%,#0000 60%),radial-gradient(70% 60% at 0 100%,#ff9a7f1a 0%,#0000 60%),#111113;border-radius:24px;position:relative;overflow:clip;container-type:inline-size}.stage:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f2eee612}.mock{color:#0a0a0b;letter-spacing:-.01em;font-size:1.5625cqw;line-height:1.25;position:absolute;inset:0}.mock[data-active=false] *{animation-play-state:paused!important}.m-cursor{z-index:5;opacity:0;filter:drop-shadow(0 .3em .5em #00000059);transform-origin:.4em .3em;position:absolute;top:0;left:0}.m-cursor__icon{width:2.6em;height:2.6em;display:block}.m-cursor__tag{color:#0a0a0b;white-space:nowrap;background:#ff4f2b;border-radius:.4em .9em .9em;padding:.25em .65em;font-size:1.1em;font-weight:600;position:absolute;top:2.1em;left:2em}.m-check{width:1em;height:1em}@keyframes m-pop{0%{opacity:0;transform:translateY(1.2em)scale(.97)}8%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.4em)scale(.99)}}.mw-win{width:50em;height:41em;animation:m-pop 8s var(--ease-expo) infinite;background:#f2eee6;border-radius:1.4em;position:absolute;top:4.4em;left:4em;overflow:hidden;box-shadow:0 2em 4em -1em #0009}.mw-bar{border-bottom:1px solid #0a0a0b14;align-items:center;gap:.5em;height:3.2em;padding:0 1.2em;display:flex}.mw-dot{background:#0a0a0b26;border-radius:50%;width:.8em;height:.8em}.mw-url{color:#0a0a0b80;background:#0a0a0b0d;border-radius:1em;margin-inline:auto;padding:.25em 1.3em;font-size:1.05em;transform:translate(-2em)}.mw-body{padding:1.8em 2.4em}.mw-nav{align-items:center;gap:1.4em;display:flex}.mw-logo{background:#0a0a0b;border-radius:.3em;width:5em;height:1.2em}.mw-link{background:#0a0a0b2e;border-radius:.35em;width:3.2em;height:.7em}.mw-logo+.mw-link{margin-left:auto}.mw-navbtn{background:#0a0a0b;border-radius:1.1em;width:6em;height:2.2em}.mw-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:2.4em;margin-top:3em;display:grid}.mw-h1{transform-origin:0;background:#0a0a0b;border-radius:.6em;height:2.8em}.mw-h1.a{animation:mw-h1a 8s var(--ease-expo) infinite}.mw-h1.b{width:70%;animation:mw-h1b 8s var(--ease-expo) infinite;margin-top:.8em}.mw-p{background:#0a0a0b24;border-radius:.4em;height:.8em;margin-top:1.4em}.mw-p.a{animation:mw-pa 8s var(--ease-out) infinite}.mw-p.b{width:75%;animation:mw-pb 8s var(--ease-out) infinite;margin-top:.7em}.mw-cta{color:#0a0a0b;height:2.6em;animation:mw-cta 8s var(--ease-out) infinite;background:#ff4f2b;border-radius:1.3em;place-items:center;margin-top:1.6em;padding:0 1.4em;font-size:1.1em;font-weight:600;display:inline-grid;position:relative}.mw-cta:after{content:"";border-radius:inherit;opacity:0;animation:mw-ripple 8s var(--ease-out) infinite;position:absolute;inset:0;box-shadow:0 0 0 .25em #ff4f2b80}.mw-img{height:16em;animation:mw-img 8s var(--ease-in-out) infinite;background:linear-gradient(150deg,#1b1b1e,#0a0a0b);border-radius:1.2em;position:relative;overflow:hidden}.mw-orb{background:radial-gradient(circle at 35% 30%,#ffd9cc,#ff4f2b 55%,#7a1604);border-radius:50%;width:12em;height:12em;animation:8s ease-in-out infinite mw-orb;position:absolute;top:15%;left:20%;box-shadow:0 0 5em #ff4f2b73}.mw-cards{animation:mw-cards 8s var(--ease-expo) infinite;grid-template-columns:repeat(3,1fr);gap:1em;margin-top:2.2em;display:grid}.mw-cards span{background:#0a0a0b0f;border-radius:1em;height:6.6em}.mw-score{color:#f2eee6;animation:mw-score 8s var(--ease-expo) infinite;background:#0a0a0b;border:1px solid #f2eee614;border-radius:1.4em;align-items:center;gap:1em;padding:1em 1.6em 1em 1em;display:flex;position:absolute;bottom:3.2em;right:2.6em;box-shadow:0 1.5em 3em -1em #000000b3}.mw-score svg{width:4.4em;height:4.4em;transform:rotate(-90deg)}.mw-ring-bg,.mw-ring{fill:none;stroke-width:3.5px}.mw-ring-bg{stroke:#f2eee61f}.mw-ring{stroke:#3ddc84;stroke-linecap:round;stroke-dasharray:100.6;stroke-dashoffset:0;animation:mw-ring 8s var(--ease-out) infinite}.mw-score b{letter-spacing:-.03em;font-size:2.2em;font-weight:600;line-height:1;display:block}.mw-score span{opacity:.6;font-size:1em}.mw-cursor{animation:mw-cursor 8s var(--ease-in-out) infinite}@keyframes mw-h1a{0%,8%{transform:scaleX(0)}17%,to{transform:scaleX(1)}}@keyframes mw-h1b{0%,11%{transform:scaleX(0)}20%,to{transform:scaleX(1)}}@keyframes mw-pa{0%,15%{opacity:0;transform:translateY(.6em)}22%,to{opacity:1;transform:none}}@keyframes mw-pb{0%,17%{opacity:0;transform:translateY(.6em)}24%,to{opacity:1;transform:none}}@keyframes mw-cta{0%,21%{opacity:0;transform:translateY(.8em)}28%,48%{opacity:1;transform:none}50%{transform:scale(.93)}54%,to{opacity:1;transform:none}}@keyframes mw-ripple{0%,49%{opacity:0;transform:none}50%{opacity:1;transform:none}64%,to{opacity:0;transform:scale(1.35,1.7)}}@keyframes mw-img{0%,13%{clip-path:inset(100% 0 0 round 1.2em)}32%,to{clip-path:inset(0 round 1.2em)}}@keyframes mw-orb{0%,to{transform:translate(0)scale(.9)}50%{transform:translate(3em,1.5em)scale(1.05)}}@keyframes mw-cards{0%,25%{opacity:0;transform:translateY(1em)}34%,to{opacity:1;transform:none}}@keyframes mw-score{0%,53%{opacity:0;transform:translateY(1em)scale(.92)}60%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(.4em)}}@keyframes mw-ring{0%,56%{stroke-dashoffset:100.6px}76%,to{stroke-dashoffset:0}}@keyframes mw-cursor{0%,32%{opacity:0;transform:translate(48em,44em)}36%{opacity:1;transform:translate(46em,42em)}48%{transform:translate(11.5em,27.6em)}50%{transform:translate(11.5em,27.6em)scale(.84)}53%{transform:translate(11.5em,27.6em)scale(1)}70%,88%{opacity:1;transform:translate(40em,37em)}95%,to{opacity:0;transform:translate(41em,38em)}}.mc-card{width:27em;animation:m-pop 8s var(--ease-expo) infinite;background:#f2eee6;border-radius:1.6em;padding:1.2em;position:absolute;top:4.4em;left:4em;box-shadow:0 2em 4em -1em #0009}.mc-img{background:radial-gradient(80% 70% at 50% 30%,#ffe1d6,#ff9a7f 50%,#ff4f2b 100%);border-radius:1em;place-items:center;height:25em;display:grid;position:relative;overflow:hidden}.mc-bottle{background:linear-gradient(90deg,#fff9,#ffffff2e 40%,#fff6);border-radius:1.2em 1.2em 1.8em 1.8em;width:7em;height:13em;margin-top:3em;animation:8s ease-in-out infinite mc-float;position:relative;box-shadow:inset 0 0 0 1px #fff9,0 2em 3em -1em #78140080}.mc-bottle:before{content:"";background:#0a0a0b;border-radius:.5em .5em .2em .2em;width:3.4em;height:3.4em;position:absolute;top:-3.2em;left:50%;transform:translate(-50%)}.mc-bottle:after{content:"";background:#0a0a0bd1;border-radius:.3em;height:3.2em;position:absolute;top:4.5em;left:1.4em;right:1.4em}.mc-new{color:#f2eee6;background:#0a0a0b;border-radius:1em;padding:.3em .8em;font-size:1.05em;font-weight:600;position:absolute;top:1em;left:1em}.mc-row{justify-content:space-between;align-items:flex-start;margin-top:1.3em;padding:0 .4em;display:flex}.mc-title,.mc-price{letter-spacing:-.03em;font-size:1.7em;font-weight:600}.mc-sub{opacity:.5;margin-top:.1em;font-size:1.1em}.mc-btn{color:#f2eee6;height:4em;animation:mc-btn 8s var(--ease-out) infinite;background:#ff4f2b;border-radius:2em;place-items:center;margin-top:1.3em;display:grid}.mc-btn>span{grid-area:1/1;align-items:center;gap:.4em;font-size:1.25em;font-weight:500;display:flex}.mc-btn-a{opacity:0;animation:mc-a 8s var(--ease-out) infinite}.mc-btn-b{color:#0a0a0b;animation:mc-b 8s var(--ease-out) infinite}.mc-cart{height:4.4em;animation:m-pop 8s var(--ease-expo) infinite;background:#f2eee6;border-radius:2.2em;align-items:center;gap:.8em;padding:0 1em 0 1.3em;display:flex;position:absolute;top:4.4em;right:4em}.mc-cart svg{width:2em;height:2em}.mc-count{min-width:2.2em;height:2.2em;animation:mc-bump 8s var(--ease-out) infinite;background:#ff4f2b;border-radius:1.1em;place-items:center;font-weight:600;display:grid;overflow:hidden}.mc-count>span{grid-area:1/1;font-size:1.2em;line-height:1}.mc-count>span:first-child{animation:mc-c1 8s var(--ease-expo) infinite;transform:translateY(-160%)}.mc-count>span:last-child{animation:mc-c2 8s var(--ease-expo) infinite}.mc-chart{color:#f2eee6;width:27em;animation:m-pop 8s var(--ease-expo) infinite;background:#1b1b1e;border:1px solid #f2eee612;border-radius:1.4em;padding:1.4em;position:absolute;top:11.8em;right:4em}.mc-chart-head{justify-content:space-between;font-size:1.15em;display:flex}.mc-up{color:#3ddc84}.mc-chart svg{width:100%;height:10.4em;margin-top:1.2em;display:block;overflow:visible}.mc-line{fill:none;stroke:#ff4f2b;stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;animation:mc-line 8s var(--ease-in-out) infinite}.mc-area{animation:8s infinite mc-area}.mc-toast{width:27em;animation:mc-toast 8s var(--ease-drawer) infinite;background:#f2eee6;border-radius:1.4em;align-items:center;gap:1em;padding:1.2em 1.4em;display:flex;position:absolute;bottom:4.4em;right:4em;box-shadow:0 1.5em 3em -1em #0009}.mc-toast-icon{background:#3ddc84;border-radius:50%;flex:none;place-items:center;width:3em;height:3em;display:grid}.mc-toast-icon .m-check{width:1.5em;height:1.5em}.mc-toast b{font-size:1.25em;display:block}.mc-toast span{opacity:.55;font-size:1.05em}.mc-cursor{animation:mc-cursor 8s var(--ease-in-out) infinite}@keyframes mc-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-.8em)rotate(2deg)}}@keyframes mc-btn{0%,39%{background:#0a0a0b;transform:none}41%{background:#0a0a0b;transform:scale(.95)}45%,to{background:#ff4f2b;transform:none}}@keyframes mc-a{0%,41%{opacity:1;filter:blur();transform:none}46%,to{opacity:0;filter:blur(4px);transform:translateY(-.6em)}}@keyframes mc-b{0%,42%{opacity:0;filter:blur(4px);transform:translateY(.6em)}48%,to{opacity:1;filter:blur();transform:none}}@keyframes mc-bump{0%,45%{transform:none}48%{transform:scale(1.25)}54%,to{transform:none}}@keyframes mc-c1{0%,44%{transform:none}49%,to{transform:translateY(-160%)}}@keyframes mc-c2{0%,44%{transform:translateY(160%)}49%,to{transform:none}}@keyframes mc-line{0%,10%{stroke-dashoffset:1px}58%,to{stroke-dashoffset:0}}@keyframes mc-area{0%,30%{opacity:0}58%,to{opacity:1}}@keyframes mc-toast{0%,52%{opacity:0;transform:translateY(2.5em)}60%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(.6em)}}@keyframes mc-cursor{0%,16%{opacity:0;transform:translate(40em,46em)}22%{opacity:1}38%{transform:translate(17em,40em)}40%{transform:translate(17em,40em)scale(.84)}43%{transform:translate(17em,40em)scale(1)}64%,88%{opacity:1;transform:translate(46em,23em)}95%,to{opacity:0;transform:translate(47em,24em)}}.ma-phone{width:23em;height:46em;animation:m-pop 9s var(--ease-expo) infinite;background:#0e0e10;border:.45em solid #242427;border-radius:3.6em;margin-left:-11.5em;position:absolute;top:2.6em;left:50%;overflow:hidden;box-shadow:0 3em 5em -1em #000000b3,inset 0 0 0 .15em #3a3a3e}.ma-island{z-index:3;width:7.4em;height:2.2em;animation:ma-island 9s var(--ease-drawer) infinite;background:#000;border-radius:1.1em;align-items:center;gap:.6em;padding:0 .8em;display:flex;position:absolute;top:.9em;left:50%;overflow:hidden;transform:translate(-50%)}.ma-island-dot{opacity:0;background:#3ddc84;border-radius:50%;flex:none;width:1.8em;height:1.8em;animation:9s infinite ma-island-in}.ma-island-text{color:#f2eee6;white-space:nowrap;opacity:0;font-size:1.15em;font-weight:500;animation:9s infinite ma-island-in}.ma-screen{color:#f2eee6;padding:4.8em 1.5em 1.5em;position:absolute;inset:0}.ma-top{animation:ma-in1 9s var(--ease-expo) infinite;justify-content:space-between;align-items:center;display:flex}.ma-greet{opacity:.5;font-size:1.05em}.ma-h{letter-spacing:-.04em;font-size:2.4em;font-weight:600;line-height:1.1}.ma-avatar{background:linear-gradient(135deg,#ff9a7f,#ff4f2b);border-radius:50%;width:3em;height:3em}.ma-hero{color:#0a0a0b;animation:ma-in2 9s var(--ease-expo) infinite;background:linear-gradient(135deg,#ff4f2b,#ff9a7f);border-radius:1.6em;align-items:center;gap:1.2em;margin-top:1.4em;padding:1.3em;display:flex}.ma-ring{width:5em;height:5em;transform:rotate(-90deg)}.ma-ring circle{fill:none;stroke:#0a0a0b26;stroke-width:5px}.ma-ring .ma-ring-fg{stroke:#0a0a0b;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.28px;animation:ma-ring 9s var(--ease-out) infinite}.ma-hero b{letter-spacing:-.04em;font-size:2.2em;font-weight:600;line-height:1;display:block}.ma-hero span{opacity:.7;font-size:1.05em}.ma-row{background:#1b1b1e;border-radius:1.3em;align-items:center;gap:1em;margin-top:.9em;padding:1em;display:flex}.ma-row.r1{animation:ma-in3 9s var(--ease-expo) infinite}.ma-row.r2{animation:ma-in4 9s var(--ease-expo) infinite}.ma-row.r3{animation:ma-in5 9s var(--ease-expo) infinite}.ma-ico{background:#2a2a2e;border-radius:.9em;flex:none;width:2.8em;height:2.8em}.r1 .ma-ico{background:#ff4f2b40}.ma-lines{flex:1;gap:.5em;display:grid}.ma-lines i{background:#f2eee640;border-radius:.35em;height:.7em;display:block}.ma-lines i:last-child{background:#f2eee61f;width:60%}.ma-toggle{width:3.6em;height:2.1em;animation:ma-toggle 9s var(--ease-out) infinite;background:#3ddc84;border-radius:1.05em;position:relative}.ma-toggle:after{content:"";width:1.7em;height:1.7em;animation:ma-knob 9s var(--ease-out) infinite;background:#f2eee6;border-radius:50%;position:absolute;top:.2em;left:.2em;transform:translate(1.5em)}.ma-tabs{background:#1b1b1e;border-radius:2.2em;grid-template-columns:repeat(4,1fr);place-items:center;height:4.4em;display:grid;position:absolute;bottom:1.5em;left:1.5em;right:1.5em}.ma-tabs i{z-index:1;background:#f2eee68c;border-radius:.5em;width:1.6em;height:1.6em;position:relative}.ma-tab-ind{width:calc(25% - .2em);animation:ma-tab 9s var(--ease-drawer) infinite;background:#ff4f2b;border-radius:1.8em;position:absolute;top:.4em;bottom:.4em;left:.4em}.ma-chip{z-index:2;color:#0a0a0b;background:#f2eee6;border-radius:2em;padding:.6em 1.1em;font-size:1.3em;font-weight:600;position:absolute;box-shadow:0 1em 2em -.6em #0009}.ma-chip.l{animation:6s ease-in-out infinite ma-float;top:28%;left:7%}.ma-chip.r{background:#ff4f2b;animation:7s ease-in-out infinite reverse ma-float;top:58%;right:7%}@keyframes ma-island{0%,50%{border-radius:1.1em;width:7.4em;height:2.2em}55%,72%{border-radius:1.8em;width:16em;height:3.6em}78%,to{border-radius:1.1em;width:7.4em;height:2.2em}}@keyframes ma-island-in{0%,54%{opacity:0;filter:blur(3px)}58%,70%{opacity:1;filter:blur()}74%,to{opacity:0}}@keyframes ma-in1{0%,6%{opacity:0;transform:translateY(1.2em)}14%,to{opacity:1;transform:none}}@keyframes ma-in2{0%,9%{opacity:0;transform:translateY(1.6em)scale(.97)}18%,to{opacity:1;transform:none}}@keyframes ma-in3{0%,13%{opacity:0;transform:translateY(1.6em)}22%,to{opacity:1;transform:none}}@keyframes ma-in4{0%,16%{opacity:0;transform:translateY(1.6em)}25%,to{opacity:1;transform:none}}@keyframes ma-in5{0%,19%{opacity:0;transform:translateY(1.6em)}28%,to{opacity:1;transform:none}}@keyframes ma-ring{0%,16%{stroke-dashoffset:1px}40%,to{stroke-dashoffset:.28px}}@keyframes ma-toggle{0%,40%{background:#3a3a3e}44%,to{background:#3ddc84}}@keyframes ma-knob{0%,40%{transform:none}45%,to{transform:translate(1.5em)}}@keyframes ma-tab{0%,30%{transform:translate(0)}35%,62%{transform:translate(100%)}67%,to{transform:translate(200%)}}@keyframes ma-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-1em)rotate(3deg)}}.md{background-image:radial-gradient(#f2eee621 1px,#0000 1.3px);background-size:1.6em 1.6em;position:absolute;inset:0}.md-toolbar{background:#1b1b1e;border:1px solid #f2eee614;border-radius:1.2em;gap:.5em;padding:.55em;display:flex;position:absolute;top:2.2em;left:50%;transform:translate(-50%)}.md-toolbar span{background:#f2eee614;border-radius:.7em;width:2.4em;height:2.4em}.md-toolbar span.on{background:#ff4f2b}.md-frame-label{color:#f2eee680;position:absolute;top:7.2em;left:6em}.md-frame{width:30em;height:38em;animation:m-pop 8s var(--ease-expo) infinite;background:#f2eee6;border-radius:.8em;padding:1.6em;position:absolute;top:9em;left:6em;box-shadow:0 2em 4em -1em #0009}.md-hero{background:#0a0a0b;border-radius:1em;height:14em;animation:8s infinite md-fill}.md-line{background:#0a0a0bd9;border-radius:.7em;height:1.4em;margin-top:1.2em}.md-line.a{width:85%;margin-top:2.4em}.md-line.b,.md-line.c{background:#0a0a0b33;height:.9em}.md-line.b{width:65%}.md-line.c{width:50%;margin-top:.7em}.md-btn{background:#ff4f2b;border-radius:1.8em;width:12em;height:3.6em;margin-top:2em}.md-measure{opacity:0;background:#ff4f2b;width:.15em;height:2.4em;animation:8s infinite md-measure;position:absolute;top:24.6em;left:24em}.md-measure span{color:#0a0a0b;background:#ff4f2b;border-radius:.3em;padding:.1em .45em;font-weight:600;position:absolute;top:50%;left:.7em;transform:translateY(-50%)}.md-sel{z-index:3;opacity:0;animation:md-sel 8s var(--ease-in-out) infinite;border:.15em solid #ff4f2b;position:absolute}.md-sel i{background:#f2eee6;border:.15em solid #ff4f2b;width:.8em;height:.8em;position:absolute}.md-sel i:first-child{top:-.5em;left:-.5em}.md-sel i:nth-child(2){top:-.5em;right:-.5em}.md-sel i:nth-child(3){bottom:-.5em;left:-.5em}.md-sel i:nth-child(4){bottom:-.5em;right:-.5em}.md-panel{color:#f2eee6;width:19em;animation:m-pop 8s var(--ease-expo) infinite;background:#1b1b1e;border:1px solid #f2eee614;border-radius:1.2em;padding:1.4em;position:absolute;top:9em;right:4em}.md-panel-label{opacity:.5;margin:1.3em 0 .6em}.md-panel-label:first-child{margin-top:0}.md-swatches{gap:.7em;display:flex;position:relative}.md-swatches span{border-radius:50%;width:2.6em;height:2.6em;box-shadow:inset 0 0 0 1px #f2eee626}.md-swatches .md-swatch-ring{width:3.2em;height:3.2em;box-shadow:none;animation:md-ring 8s var(--ease-in-out) infinite;border:.15em solid #f2eee6;position:absolute;top:-.3em;left:-.3em;transform:translate(9.9em)}.md-field{background:#f2eee60f;border-radius:.7em;align-items:center;height:3em;padding:0 .9em;display:flex}.md-field span{font-size:1.15em}.md-toggle{background:#ff4f2b;border-radius:1.1em;width:3.8em;height:2.2em;position:relative}.md-toggle span{background:#f2eee6;border-radius:50%;width:1.7em;height:1.7em;position:absolute;top:.25em;right:.25em}.md-cursor{animation:md-cursor 8s var(--ease-in-out) infinite}@keyframes md-fill{0%,52%{background:#ff4f2b}56%,to{background:#0a0a0b}}@keyframes md-ring{0%,48%{transform:none}53%,to{transform:translate(9.9em)}}@keyframes md-measure{0%,18%{opacity:0}22%,36%{opacity:1}40%,to{opacity:0}}@keyframes md-sel{0%,12%{opacity:0;width:26.8em;height:14em;top:10.6em;left:7.6em}15%,36%{opacity:1;width:26.8em;height:14em;top:10.6em;left:7.6em}42%,62%{opacity:1;width:12em;height:3.6em;top:34.2em;left:7.6em}68%,88%{opacity:1;width:30em;height:38em;top:9em;left:6em}94%,to{opacity:0;width:30em;height:38em;top:9em;left:6em}}@keyframes md-cursor{0%{opacity:0;transform:translate(30em,46em)}5%{opacity:1}12%{transform:translate(20em,17em)}14%{transform:translate(20em,17em)scale(.84)}16%{transform:translate(20em,17em)scale(1)}38%{transform:translate(13em,35.4em)}40%{transform:translate(13em,35.4em)scale(.84)}42%{transform:translate(13em,35.4em)scale(1)}50%{transform:translate(53.4em,13em)}52%{transform:translate(53.4em,13em)scale(.84)}54%{transform:translate(53.4em,13em)scale(1)}66%{transform:translate(35.4em,46.4em)}68%{transform:translate(35.4em,46.4em)scale(.84)}70%,88%{opacity:1;transform:translate(35.4em,46.4em)scale(1)}95%,to{opacity:0;transform:translate(37em,47em)}}.mg-panel{width:44em;height:43.2em;animation:m-pop 9s var(--ease-expo) infinite;background:#f2eee6;border-radius:1.6em;position:absolute;top:4em;left:10em;overflow:hidden;box-shadow:0 2em 4em -1em #0009}.mg-head{border-bottom:1px solid #0a0a0b14;align-items:center;gap:1em;padding:1.4em 1.6em;display:flex}.mg-avatar{color:#ff4f2b;background:#0a0a0b;border-radius:50%;place-items:center;width:2.6em;height:2.6em;font-size:1.3em;display:grid}.mg-head b{font-size:1.35em;display:block}.mg-head span{opacity:.6;align-items:center;gap:.4em;font-size:1.05em;display:flex}.mg-head span i{background:#3ddc84;border-radius:50%;width:.6em;height:.6em}.mg-thread{flex-direction:column;gap:1em;padding:1.4em;font-size:1.3em;display:flex}.mg-user{color:#f2eee6;transform-origin:100% 100%;max-width:75%;animation:mg-user 9s var(--ease-expo) infinite;background:#0a0a0b;border-radius:1.1em 1.1em .3em;align-self:flex-end;padding:.7em 1em}.mg-typing{opacity:0;background:#0a0a0b12;border-radius:1.1em;align-self:flex-start;gap:.3em;margin-bottom:-3.25em;padding:.9em 1em;animation:9s infinite mg-typing;display:flex}.mg-typing i{background:#0a0a0b80;border-radius:50%;width:.45em;height:.45em;animation:.9s ease-in-out infinite mg-dot}.mg-typing i:nth-child(2){animation-delay:.15s}.mg-typing i:nth-child(3){animation-delay:.3s}.mg-tool{color:#0a0a0bb3;font-family:var(--font-mono);border:1px solid #0a0a0b1a;border-radius:.8em;align-self:flex-start;align-items:center;gap:.6em;padding:.55em .9em;font-size:.8em;display:flex}.mg-tool.t1{animation:mg-t1 9s var(--ease-expo) infinite}.mg-tool.t2{animation:mg-t2 9s var(--ease-expo) infinite}.mg-state{place-items:center;width:1.3em;height:1.3em;display:grid;position:relative}.mg-spin{opacity:0;border:.16em solid #0a0a0b26;border-top-color:#ff4f2b;border-radius:50%;position:absolute;inset:0}.mg-state .m-check{color:#1faa5c;width:1.3em;height:1.3em;position:absolute}.t1 .mg-spin{animation:.7s linear infinite spin,9s linear infinite mg-s1}.t2 .mg-spin{animation:.7s linear infinite spin,9s linear infinite mg-s2}.t1 .m-check{animation:mg-c1 9s var(--ease-out) infinite}.t2 .m-check{animation:mg-c2 9s var(--ease-out) infinite}.mg-reply{transform-origin:0 100%;max-width:85%;animation:mg-reply 9s var(--ease-expo) infinite;background:#fff;border:1px solid #0a0a0b14;border-radius:1.1em 1.1em 1.1em .3em;align-self:flex-start;padding:.8em 1em}.mg-chip{z-index:2;color:#f2eee6;background:#1b1b1e;border:1px solid #f2eee61a;border-radius:2em;padding:.55em 1em;font-size:1.2em;position:absolute;box-shadow:0 1em 2em -.6em #0009}.mg-chip.c1{animation:6s ease-in-out infinite ma-float;top:30%;left:3%}.mg-chip.c2{animation:7s ease-in-out infinite reverse ma-float;top:46%;right:3%}.mg-chip.c3{color:#0a0a0b;background:#ff4f2b;animation:8s ease-in-out infinite ma-float;bottom:12%;left:6%}@keyframes mg-user{0%,5%{opacity:0;transform:translateY(1em)scale(.96)}11%,to{opacity:1;transform:none}}@keyframes mg-typing{0%,12%{opacity:0}15%,21%{opacity:1}23%,to{opacity:0}}@keyframes mg-dot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-.25em)}}@keyframes mg-t1{0%,22%{opacity:0;transform:translateY(.6em)}26%,to{opacity:1;transform:none}}@keyframes mg-t2{0%,35%{opacity:0;transform:translateY(.6em)}39%,to{opacity:1;transform:none}}@keyframes mg-s1{0%,33%{opacity:1}35%,to{opacity:0}}@keyframes mg-s2{0%,47%{opacity:1}49%,to{opacity:0}}@keyframes mg-c1{0%,33%{opacity:0;transform:scale(.6)}36%,to{opacity:1;transform:none}}@keyframes mg-c2{0%,47%{opacity:0;transform:scale(.6)}50%,to{opacity:1;transform:none}}@keyframes mg-reply{0%,51%{opacity:0;transform:translateY(1em)scale(.96)}57%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mock *{animation:none!important}.mock .m-cursor,.mock .mc-btn-a,.mock .mg-typing,.mock .ma-island-dot,.mock .ma-island-text,.mock .mg-spin{display:none}.mock .md-sel{opacity:1;width:26.8em;height:14em;top:10.6em;left:7.6em}}
