.holo-card-wrapper{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--behind-glow-color: rgba(148, 180, 193, .5);--behind-glow-size: 50%;--inner-gradient: linear-gradient(145deg, rgba(84, 119, 146, .6) 0%, rgba(148, 180, 193, .3) 100%);--sunpillar-clr-1: hsl(200, 30%, 55%);--sunpillar-clr-2: hsl(195, 25%, 65%);--sunpillar-clr-3: hsl(210, 35%, 45%);--sunpillar-clr-4: hsl(35, 40%, 85%);--sunpillar-clr-5: hsl(190, 28%, 60%);--sunpillar-clr-6: hsl(205, 32%, 50%);--card-radius: 24px;--icon: none;perspective:600px;transform:translateZ(.1px);position:relative;touch-action:none;width:100%}.holo-card-shell{position:relative;z-index:1;width:100%;cursor:pointer}.holo-card{width:100%;display:grid;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:holo-card-glow-bg 12s linear infinite;box-shadow:#00000080 calc((var(--pointer-from-left) * 12px) - 6px) calc((var(--pointer-from-top) * 24px) - 12px) 24px -8px;transition:transform .8s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#0003;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);backface-visibility:hidden;overflow:hidden}.holo-card:hover,.holo-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.holo-card-shell.entering .holo-card{transition:transform .18s ease-out}.holo-card>*{grid-area:1/-1;border-radius:var(--card-radius)}.holo-inside{position:relative;background:transparent;transform:none}.holo-shine{--space: 5%;--angle: -45deg;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#213448 0%,hsl(200,30%,50%) 3.8%,hsl(195,25%,55%) 4.5%,hsl(200,30%,50%) 5.2%,#213448 10%,#213448 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,soft-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat;transition:filter .8s ease,opacity .5s ease;filter:url(#holo-pixelate) brightness(.7) contrast(1.2) saturate(1.1);opacity:.35;animation:holo-card-bg 25s linear infinite;animation-play-state:running;mix-blend-mode:screen;pointer-events:none;mask-image:var(--icon),var(--icon),var(--icon),var(--icon),var(--icon);-webkit-mask-image:var(--icon),var(--icon),var(--icon),var(--icon),var(--icon);mask-mode:alpha;-webkit-mask-mode:alpha;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:55px 55px,45px 45px,50px 50px,40px 40px,48px 48px;-webkit-mask-size:55px 55px,45px 45px,50px 50px,40px 40px,48px 48px;mask-position:8% 15%,85% 10%,75% 70%,15% 80%,50% 45%;-webkit-mask-position:8% 15%,85% 10%,75% 70%,15% 80%,50% 45%;image-rendering:pixelated;-webkit-image-rendering:pixelated}.holo-card:hover .holo-shine,.holo-card.active .holo-shine{filter:url(#holo-pixelate) brightness(.85) contrast(1.3) saturate(1.4);opacity:.55;animation-play-state:paused}.holo-shine:before,.holo-shine:after{content:none!important;display:none!important}.holo-shine__before_disabled{background-image:linear-gradient(45deg,var(--sunpillar-clr-4),var(--sunpillar-clr-5),var(--sunpillar-clr-6),var(--sunpillar-clr-1),var(--sunpillar-clr-2),var(--sunpillar-clr-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%);background-size:250% 250%,100% 100%;background-position:var(--pointer-x) var(--pointer-y),center;background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.holo-shine__after_disabled{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.holo-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.15) 0%,rgba(255,255,255,.08) 12%,rgba(255,255,255,.03) 30%,rgba(255,255,255,.01) 50%,transparent 65%);opacity:0;transition:opacity .4s ease;mix-blend-mode:overlay}.holo-card:hover .holo-glare,.holo-card.active .holo-glare{opacity:1}.holo-content{position:relative;z-index:5;padding:2.5rem 3rem;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),2px);text-align:center}.holo-content .icon-container{display:none}.holo-content h2,.holo-content p{position:relative;z-index:10}@keyframes holo-card-glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-card-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@keyframes holo-idle-pulse{0%,to{box-shadow:0 0 0 0 var(--pulse-color),inset 0 0 0 1px #ffffff1a}50%{box-shadow:0 0 40px 12px var(--pulse-color),inset 0 0 0 1px var(--pulse-color)}}@keyframes holo-idle-glow{0%,to{opacity:0;transform:scale(.98)}50%{opacity:.7;transform:scale(1)}}.holo-card-wrapper .holo-card{box-shadow:0 0 0 0 transparent,inset 0 0 0 1px #ffffff1a;transition:box-shadow .5s ease-out}.holo-card-wrapper.idle-pulse .holo-card{animation:holo-idle-pulse 2.5s ease-in-out forwards}.holo-card-wrapper.idle-pulse-out .holo-card{animation:none;box-shadow:0 0 0 0 transparent,inset 0 0 0 1px #ffffff1a;transition:box-shadow .4s ease-out}.holo-idle-glow{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;z-index:-1;border-radius:calc(var(--card-radius) + 15px);background:radial-gradient(ellipse at center,var(--pulse-color) 0%,transparent 65%);opacity:0;pointer-events:none;filter:blur(20px);transform:scale(.98);transition:opacity .4s ease-out,transform .4s ease-out}.holo-card-wrapper.idle-pulse .holo-idle-glow{animation:holo-idle-glow 2.5s ease-in-out forwards}.holo-card-wrapper.idle-pulse-out .holo-idle-glow{animation:none;opacity:0;transform:scale(.98);transition:opacity .4s ease-out,transform .4s ease-out}@media (max-width: 768px){.holo-card-wrapper{perspective:none}.holo-card{transform:none!important;box-shadow:0 4px 30px #0000004d;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.holo-shine,.holo-glare{display:none}.holo-inside{background:transparent}.holo-content{transform:none;padding:1.5rem}.holo-behind{display:none}}@media (min-width: 769px) and (max-width: 1024px){.holo-content{padding:2rem 2.5rem}}:root{--mwd-iphone-width: min(375px, 90vw);--mwd-max-height: calc(100svh - 40px) ;--mwd-iphone-height: min(calc(var(--mwd-iphone-width) * 2.16), var(--mwd-max-height));--mwd-border-radius: calc(var(--mwd-iphone-width) * .14);--mwd-bezel: calc(var(--mwd-iphone-width) * .025);--mwd-dynamic-island-width: calc(var(--mwd-iphone-width) * .32);--mwd-dynamic-island-height: calc(var(--mwd-iphone-width) * .095)}@supports not (height: 100svh){:root{--mwd-max-height: calc(100vh - 40px) ;--mwd-max-height: calc(var(--mwd-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mwd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mwd-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;touch-action:none!important}body.mwd-modal-open>*:not(.mwd-overlay){visibility:hidden!important}body.mwd-modal-open .mwd-overlay{visibility:visible!important}.mwd-iphone-container{position:relative}.mwd-iphone-frame{position:relative;width:var(--mwd-iphone-width);height:var(--mwd-iphone-height);background:linear-gradient(145deg,#2a2a2e,#1c1c1e,#2a2a2e);border-radius:var(--mwd-border-radius);padding:var(--mwd-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px #6464ff1a,inset 0 1px #ffffff1a}.mwd-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);border-radius:calc(var(--mwd-border-radius) + 1px);z-index:-1}.mwd-side-button{position:absolute;background:linear-gradient(90deg,#3a3a3c,#2c2c2e,#3a3a3c);border-radius:2px}.mwd-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mwd-iphone-width) * .04)}.mwd-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mwd-iphone-width) * .08)}.mwd-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mwd-iphone-width) * .08)}.mwd-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mwd-iphone-width) * .12)}.mwd-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mwd-border-radius) - var(--mwd-bezel));overflow:hidden;position:relative}.mwd-dynamic-island{position:absolute;top:calc(var(--mwd-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mwd-dynamic-island-width);height:var(--mwd-dynamic-island-height);background:#000;border-radius:calc(var(--mwd-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mwd-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mwd-dynamic-island.mwd-di-state-collapsed{width:var(--mwd-dynamic-island-width);height:var(--mwd-dynamic-island-height)}.mwd-dynamic-island.mwd-di-state-compact{width:180px;height:42px;border-radius:21px}.mwd-dynamic-island.mwd-di-state-expanded{width:280px;height:75px;border-radius:30px}.mwd-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mwd-dynamic-island.mwd-di-state-compact .mwd-di-collapsed-content,.mwd-dynamic-island.mwd-di-state-expanded .mwd-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mwd-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mwd-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mwd-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mwd-dynamic-island.mwd-di-state-compact .mwd-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mwd-dynamic-island.mwd-di-state-expanded .mwd-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mwd-di-compact-left{display:flex;align-items:center;gap:8px}.mwd-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #ff6b6b4d;flex-shrink:0}.mwd-di-compact-album .mwd-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mwd-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mwd-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mwd-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mwd-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mwd-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mwd-dynamic-island.mwd-di-state-expanded .mwd-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mwd-dynamic-island.mwd-di-state-compact .mwd-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mwd-dynamic-island.mwd-di-state-collapsed .mwd-di-expanded-content,.mwd-dynamic-island.mwd-di-state-collapsed .mwd-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mwd-di-music-left{display:flex;align-items:center;gap:12px}.mwd-di-album{width:48px;height:48px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #ff6b6b66;flex-shrink:0}.mwd-di-album .mwd-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mwd-di-track-info{display:flex;flex-direction:column;gap:2px}.mwd-di-track-info h4{color:#fff;font-size:13px;font-weight:600;margin:0;letter-spacing:-.3px}.mwd-di-track-info p{color:#fff9;font-size:11px;margin:0}.mwd-di-music-right{display:flex;align-items:center;gap:3px;height:30px}.mwd-di-wave-bar{width:3px;height:100%;background:linear-gradient(to top,#ff6b6b,#ff8e8e);border-radius:2px;animation:mwd-waveAnimation .8s ease-in-out infinite}.mwd-di-wave-bar:nth-child(1){animation-delay:0s;height:60%}.mwd-di-wave-bar:nth-child(2){animation-delay:.1s;height:100%}.mwd-di-wave-bar:nth-child(3){animation-delay:.2s;height:40%}.mwd-di-wave-bar:nth-child(4){animation-delay:.3s;height:80%}.mwd-di-wave-bar:nth-child(5){animation-delay:.4s;height:50%}@keyframes mwd-waveAnimation{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mwd-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(120,80,200,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(255,100,100,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(50,150,255,.4) 0%,transparent 50%),linear-gradient(180deg,#0a0a0f,#1a1a2e)}.mwd-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mwd-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mwd-iphone-width) * .045) calc(var(--mwd-iphone-width) * .07) 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mwd-status-left{display:flex;align-items:center}.mwd-status-right{display:flex;align-items:center;gap:5px}.mwd-signal-bars{display:flex;gap:1.5px;align-items:flex-end;height:12px}.mwd-signal-bars span{width:3px;background:#fff;border-radius:1px}.mwd-signal-bars span:nth-child(1){height:25%}.mwd-signal-bars span:nth-child(2){height:50%}.mwd-signal-bars span:nth-child(3){height:75%}.mwd-signal-bars span:nth-child(4){height:100%}.mwd-5g{font-size:12px;margin-left:2px}.mwd-battery{display:flex;align-items:center;gap:2px}.mwd-battery-body{width:24px;height:11px;border:1.5px solid white;border-radius:3px;padding:1.5px;position:relative}.mwd-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mwd-battery-level{height:100%;width:80%;background:#30d158;border-radius:1.5px}.mwd-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mwd-home-screen.mwd-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mwd-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mwd-time{font-size:calc(var(--mwd-iphone-width) * .2);font-weight:200;letter-spacing:-2px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.mwd-date{font-size:calc(var(--mwd-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:5px}.mwd-widgets-container{position:absolute;bottom:28%;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.mwd-widget{width:calc(var(--mwd-iphone-width) * .42);height:calc(var(--mwd-iphone-width) * .42);background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mwd-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mwd-widget-icon{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px}.mwd-weather-icon{background:transparent}.mwd-music-icon{background:transparent;border-radius:5px;overflow:hidden}.mwd-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mwd-weather-temp{font-size:36px;font-weight:300}.mwd-weather-desc{font-size:13px;opacity:.8;margin-top:4px}.mwd-music-playing{display:flex;align-items:center;gap:10px}.mwd-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mwd-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mwd-music-info h4{font-size:13px;font-weight:600}.mwd-music-info p{font-size:11px;opacity:.7}.mwd-dock{position:absolute;bottom:calc(var(--mwd-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mwd-dock-icon{width:calc(var(--mwd-iphone-width) * .14);height:calc(var(--mwd-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer}.mwd-dock-icon:active{transform:scale(.9)}.mwd-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mwd-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mwd-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mwd-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mwd-close-icon .mwd-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mwd-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mwd-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mwd-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mwd-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mwd-fingerPoint 1s ease-in-out infinite}.mwd-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mwd-closePulseRing 1.5s ease-out infinite;z-index:-1}.mwd-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mwd-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mwd-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mwd-whatsapp-icon{background:linear-gradient(135deg,#25d366,#128c7e);position:relative}.mwd-whatsapp-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #25d36666;animation:mwd-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mwd-whatsapp-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#128c7e}.mwd-whatsapp-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mwd-fingerPoint 1s ease-in-out infinite}@keyframes mwd-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mwd-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mwd-whatsapp-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#25d36666;animation:mwd-pulseRing 1.5s ease-out infinite;z-index:-1}.mwd-whatsapp-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#25d36633;animation:mwd-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mwd-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mwd-home-indicator{position:absolute;bottom:calc(var(--mwd-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--mwd-iphone-width) * .36);height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer}.mwd-screen-reflection{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mwd-whatsapp-app{position:absolute;top:0;right:0;bottom:0;left:0;background:#111b21;z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mwd-border-radius) - var(--mwd-bezel));overflow:hidden;animation:mwd-appOpen .3s ease}.mwd-whatsapp-app.mwd-active{display:flex}@keyframes mwd-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mwd-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:calc(var(--mwd-iphone-width) * .14)}.mwd-scenario-header{background:#202c33;padding:12px 16px;display:flex;align-items:center;gap:12px}.mwd-scenario-header .mwd-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #00a884;flex-shrink:0}.mwd-scenario-header .mwd-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mwd-scenario-header .mwd-info{flex:1}.mwd-scenario-header .mwd-info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.mwd-scenario-header .mwd-info p{color:#8696a0;font-size:12px;margin:0}.mwd-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.mwd-close-btn:hover{background:#ffffff1a}.mwd-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mwd-scenario-item{background:#202c33;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;border:none;width:100%;text-align:left}.mwd-scenario-item:hover{background:#2a3942;transform:scale(1.02)}.mwd-scenario-item:active{transform:scale(.98)}.mwd-scenario-item .mwd-icon{font-size:24px}.mwd-scenario-item .mwd-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.mwd-scenario-item .mwd-text p{color:#8696a0;font-size:12px;margin:0}.mwd-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mwd-scenario-icon-wrapper.appointment{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.mwd-scenario-icon-wrapper.pricing{background:linear-gradient(135deg,#10b981,#14b8a6)}.mwd-scenario-icon-wrapper.greeting{background:linear-gradient(135deg,#f59e0b,#f97316)}.mwd-scenario-icon-wrapper.company{background:linear-gradient(135deg,#ec4899,#f43f5e)}.mwd-scenario-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.mwd-chat-screen{display:flex;flex-direction:column;height:100%;background:#0b141a;padding-top:calc(var(--mwd-iphone-width) * .14)}.mwd-chat-header{background:#202c33;padding:8px;display:flex;align-items:center;gap:8px}.mwd-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.mwd-back-btn:hover{background:#ffffff1a}.mwd-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mwd-back-btn:hover .mwd-back-img{filter:brightness(0) invert(1) opacity(1)}.mwd-chat-header .mwd-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #00a884;flex-shrink:0}.mwd-chat-header .mwd-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mwd-chat-header .mwd-info{flex:1;min-width:0}.mwd-chat-header .mwd-info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.mwd-chat-header .mwd-info p{color:#8696a0;font-size:11px;margin:0}.mwd-chat-header .mwd-info p.mwd-typing{color:#00a884}.mwd-actions{display:flex;align-items:center;gap:4px}.mwd-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:visible}.mwd-action-btn:hover{background:#ffffff1a}.mwd-action-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7);min-width:28px;min-height:28px}.mwd-action-btn:hover .mwd-action-icon{filter:brightness(0) invert(1) opacity(1)}.mwd-call-action-icon{width:22px;height:22px;min-width:22px;min-height:22px}.mwd-chat-area{flex:1;overflow-y:auto;padding:12px;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23182229' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.mwd-message{max-width:85%;margin-bottom:8px;animation:mwd-fadeIn .3s ease}@keyframes mwd-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mwd-message.mwd-user{margin-left:auto}.mwd-message.mwd-bot{margin-right:auto}.mwd-bubble{padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.4}.mwd-message.mwd-user .mwd-bubble{background:#005c4b;color:#fff;border-top-right-radius:2px}.mwd-message.mwd-bot .mwd-bubble{background:#202c33;color:#e9edef;border-top-left-radius:2px}.mwd-bubble{position:relative;display:flex;flex-direction:column}.mwd-bubble-content{padding-right:55px;min-height:1.2em}.mwd-msg-time{font-size:10px;color:#ffffff80;position:absolute;right:6px;bottom:3px;display:flex;align-items:center;gap:3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mwd-check{width:14px;height:14px;vertical-align:middle}.mwd-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#202c33;border-radius:8px;width:-moz-fit-content;width:fit-content;margin-bottom:8px}.mwd-typing-indicator span{width:6px;height:6px;background:#8696a0;border-radius:50%;animation:mwd-typingBounce 1.4s infinite ease-in-out}.mwd-typing-indicator span:nth-child(1){animation-delay:0s}.mwd-typing-indicator span:nth-child(2){animation-delay:.2s}.mwd-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes mwd-typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.mwd-demo-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-bottom:8px}.mwd-restart-btn{width:100%;padding:10px;background:#00a884;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mwd-restart-btn:hover{background:#00997a}.mwd-contact-btn{width:100%;padding:10px;background:#202c33;color:#00a884;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}.mwd-contact-btn:hover{background:#2a3942}.mwd-input-area{background:transparent;padding:0;display:flex;align-items:center;justify-content:center}.mwd-input-bar-img{width:115%;height:auto;display:block}.mwd-input-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.mwd-input-btn:hover{background:#ffffff1a}.mwd-input-field{flex:1;background:#2a3942;border-radius:20px;padding:8px 14px;color:#8696a0;font-size:13px}.mwd-volume-hud{position:absolute;top:220px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mwd-volume-hud.mwd-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mwd-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:14px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:220px;position:relative}.mwd-volume-hud-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mwd-volume-hud-icon svg{width:18px;height:18px;fill:#fff;opacity:.9}.mwd-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mwd-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mwd-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ff6b6b,#ee5a24);border-radius:3px;transition:width .1s ease}.mwd-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.mwd-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;cursor:pointer}.mwd-volume-hud-input::-moz-range-thumb{width:24px;height:24px;cursor:pointer;border:none;background:transparent}.mwd-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#ff6b6b33,#ee5a2433);opacity:0;animation:mwd-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes mwd-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}:root{--dwd-iphone-width: 390px;--dwd-iphone-height: 844px;--dwd-border-radius: 55px;--dwd-bezel: 10px;--dwd-dynamic-island-width: 125px;--dwd-dynamic-island-height: 37px;--dwd-primary: #25d366;--dwd-primary-dark: #128c7e;--dwd-gradient: linear-gradient(135deg, #25d366 0%, #128c7e 100%)}.dwd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dwd-overlay.dwd-visible{opacity:1}.dwd-overlay.dwd-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dwd-modal-open{overflow:hidden!important}.dwd-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dwd-iphone-container.dwd-visible{opacity:1;transform:scale(1) translateY(0)}.dwd-iphone-container.dwd-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dwd-iphone-frame{position:relative;width:var(--dwd-iphone-width);height:var(--dwd-iphone-height);background:linear-gradient(145deg,#1a4a3a,#0d2920,#153d2e);border-radius:var(--dwd-border-radius);padding:var(--dwd-bezel);box-shadow:0 0 0 1px #25d36626,0 25px 80px -15px #000000b3,0 10px 40px -10px #128c7e4d,inset 0 1px #25d3661a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dwd-iphone-frame:hover{box-shadow:0 0 0 1px #25d36640,0 30px 100px -15px #000c,0 15px 50px -10px #128c7e66,inset 0 1px #25d36626}.dwd-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#25d36633,#25d3660d,#0000001a,#128c7e0d,#25d36626);border-radius:calc(var(--dwd-border-radius) + 1px);z-index:-1}.dwd-side-button{position:absolute;background:linear-gradient(90deg,#1a5a48,#0d3528,#1a5a48);border-radius:2px;transition:background .2s ease}.dwd-side-button:hover{background:linear-gradient(90deg,#1f6a55,#10402f,#1f6a55)}.dwd-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dwd-volume-up{left:-4px;top:160px;width:4px;height:65px}.dwd-volume-down{left:-4px;top:235px;width:4px;height:65px}.dwd-power-button{right:-4px;top:180px;width:4px;height:100px}.dwd-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dwd-border-radius) - var(--dwd-bezel));overflow:hidden;position:relative}.dwd-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dwd-dynamic-island-width);height:var(--dwd-dynamic-island-height);background:#000;border-radius:calc(var(--dwd-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dwd-dynamic-island.dwd-di-state-collapsed:hover{width:140px;height:40px}.dwd-dynamic-island.dwd-di-state-compact{width:220px;height:50px;border-radius:25px}.dwd-dynamic-island.dwd-di-state-expanded{width:340px;height:90px;border-radius:40px}.dwd-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dwd-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dwd-dynamic-island.dwd-di-state-expanded .dwd-di-collapsed-content,.dwd-dynamic-island.dwd-di-state-compact .dwd-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dwd-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dwd-dynamic-island.dwd-di-state-compact .dwd-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dwd-dynamic-island.dwd-di-state-expanded .dwd-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dwd-di-compact-left{display:flex;align-items:center;gap:10px}.dwd-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #07cf184d;flex-shrink:0}.dwd-di-compact-album .dwd-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dwd-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dwd-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dwd-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dwd-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dwd-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.dwd-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #00646433}.dwd-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dwd-dynamic-island.dwd-di-state-expanded .dwd-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dwd-dynamic-island.dwd-di-state-compact .dwd-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dwd-dynamic-island.dwd-di-state-collapsed .dwd-di-expanded-content,.dwd-dynamic-island.dwd-di-state-collapsed .dwd-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dwd-dynamic-island.dwd-di-state-collapsed .dwd-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dwd-di-music-left{display:flex;align-items:center;gap:14px}.dwd-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #08e0254d;transition:transform .3s ease}.dwd-dynamic-island.dwd-di-state-expanded:hover .dwd-di-album{transform:scale(1.05)}.dwd-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dwd-di-track-info{color:#fff}.dwd-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.dwd-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.dwd-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dwd-di-wave-bar{width:4px;background:var(--dwd-gradient);border-radius:3px;animation:dwd-waveAnim 1s ease-in-out infinite}.dwd-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dwd-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dwd-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dwd-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dwd-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dwd-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dwd-di-compact-waves .dwd-di-wave-bar{width:3px;height:100%}.dwd-di-compact-waves .dwd-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dwd-di-compact-waves .dwd-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dwd-di-compact-waves .dwd-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}.dwd-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(120,80,200,.5) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(255,100,100,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(50,150,255,.5) 0%,transparent 50%),linear-gradient(180deg,#0a0a0f,#1a1a2e);animation:dwd-wallpaperShift 20s ease-in-out infinite}@keyframes dwd-wallpaperShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.dwd-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dwd-status-left{display:flex;align-items:center}.dwd-status-right{display:flex;align-items:center;gap:6px}.dwd-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dwd-signal-bars span{width:4px;background:#fff;border-radius:1px}.dwd-signal-bars span:nth-child(1){height:25%}.dwd-signal-bars span:nth-child(2){height:50%}.dwd-signal-bars span:nth-child(3){height:75%}.dwd-signal-bars span:nth-child(4){height:100%}.dwd-5g{font-size:13px;margin-left:3px}.dwd-battery{display:flex;align-items:center;gap:3px}.dwd-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dwd-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dwd-battery-level{height:100%;width:80%;background:var(--dwd-gradient);border-radius:2px}.dwd-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dwd-home-screen.dwd-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dwd-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dwd-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dwd-time:hover{transform:scale(1.02)}.dwd-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dwd-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dwd-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dwd-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dwd-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dwd-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dwd-weather-icon{background:transparent}.dwd-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dwd-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dwd-weather-temp{font-size:42px;font-weight:300}.dwd-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dwd-music-playing{display:flex;align-items:center;gap:12px}.dwd-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dwd-widget:hover .dwd-music-album{transform:rotate(5deg)}.dwd-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dwd-music-info h4{font-size:14px;font-weight:600}.dwd-music-info p{font-size:12px;opacity:.7}.dwd-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dwd-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dwd-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dwd-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dwd-dock-hover:active{transform:scale(.95)}.dwd-safari-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dwd-safari-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dwd-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dwd-safari-icon:hover .dwd-safari-tooltip{opacity:1}.dwd-safari-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dwd-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dwd-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dwd-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dwd-close-icon .dwd-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dwd-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dwd-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dwd-close-icon:hover .dwd-close-tooltip{opacity:1}.dwd-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dwd-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dwd-closePulseRing 1.5s ease-out infinite;z-index:-1}.dwd-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dwd-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dwd-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dwd-whatsapp-icon{background:linear-gradient(135deg,#25d366,#128c7e);position:relative}.dwd-whatsapp-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #25d36680;animation:dwd-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dwd-whatsapp-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#128c7e}.dwd-whatsapp-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dwd-fingerPoint 1s ease-in-out infinite}@keyframes dwd-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dwd-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dwd-whatsapp-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#25d36666;animation:dwd-pulseRing 1.5s ease-out infinite;z-index:-1}.dwd-whatsapp-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#25d36633;animation:dwd-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dwd-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dwd-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dwd-home-indicator:hover{background:#ffffffe6;width:150px}.dwd-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.dwd-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dwd-iphone-container.dwd-visible .dwd-hint{opacity:1;animation:dwd-hintPulse 2s ease-in-out infinite}.dwd-iphone-container.dwd-closing .dwd-hint{opacity:0;transition:opacity .2s ease}@keyframes dwd-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dwd-whatsapp-app{position:absolute;top:0;right:0;bottom:0;left:0;background:#111b21;z-index:90;display:none;flex-direction:column;border-radius:calc(var(--dwd-border-radius) - var(--dwd-bezel));overflow:hidden;animation:dwd-appOpen .3s ease}.dwd-whatsapp-app.dwd-active{display:flex}@keyframes dwd-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dwd-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:54px}.dwd-scenario-header{background:#202c33;padding:14px 18px;display:flex;align-items:center;gap:14px}.dwd-scenario-header .dwd-logo{width:46px;height:46px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #00a884;flex-shrink:0;transition:transform .3s ease}.dwd-scenario-header .dwd-logo:hover{transform:scale(1.1)}.dwd-scenario-header .dwd-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dwd-scenario-header .dwd-info{flex:1}.dwd-scenario-header .dwd-info h3{color:#fff;font-size:17px;font-weight:500;margin:0}.dwd-scenario-header .dwd-info p{color:#8696a0;font-size:13px;margin:0}.dwd-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.dwd-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.dwd-scenario-list{flex:1;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dwd-scenario-item{background:#202c33;border-radius:14px;padding:18px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .2s ease;border:none;width:100%;text-align:left}.dwd-scenario-item:hover{background:#2a3942;transform:translate(8px);box-shadow:0 4px 15px #0003}.dwd-scenario-item:active{transform:scale(.98)}.dwd-scenario-item .dwd-icon{font-size:28px}.dwd-scenario-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dwd-scenario-icon-wrapper.appointment{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.dwd-scenario-icon-wrapper.pricing{background:linear-gradient(135deg,#10b981,#14b8a6)}.dwd-scenario-icon-wrapper.greeting{background:linear-gradient(135deg,#f59e0b,#f97316)}.dwd-scenario-icon-wrapper.company{background:linear-gradient(135deg,#ec4899,#f43f5e)}.dwd-scenario-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dwd-scenario-item .dwd-text h4{color:#fff;font-size:16px;font-weight:500;margin:0}.dwd-scenario-item .dwd-text p{color:#8696a0;font-size:13px;margin:0}.dwd-chat-screen{display:flex;flex-direction:column;height:100%;background:#0b141a;padding-top:54px}.dwd-chat-header{background:#202c33;padding:10px;display:flex;align-items:center;gap:10px}.dwd-back-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .2s ease}.dwd-back-btn:hover{background:#ffffff1a;transform:translate(-3px)}.dwd-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.dwd-back-btn:hover .dwd-back-img{filter:brightness(0) invert(1) opacity(1)}.dwd-chat-header .dwd-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #00a884;flex-shrink:0}.dwd-chat-header .dwd-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dwd-chat-header .dwd-info{flex:1;min-width:0}.dwd-chat-header .dwd-info h3{color:#fff;font-size:16px;font-weight:500;margin:0}.dwd-chat-header .dwd-info p{color:#8696a0;font-size:12px;margin:0}.dwd-chat-header .dwd-info p.dwd-typing{color:#00a884}.dwd-actions{display:flex;align-items:center;gap:5px}.dwd-action-btn{width:44px;height:44px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;overflow:visible;transition:all .2s ease}.dwd-action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.dwd-action-icon{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7);min-width:30px;min-height:30px}.dwd-action-btn:hover .dwd-action-icon{filter:brightness(0) invert(1) opacity(1)}.dwd-call-action-icon{width:24px;height:24px;min-width:24px;min-height:24px}.dwd-chat-area{flex:1;overflow-y:auto;padding:14px;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23182229' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.dwd-message{max-width:85%;margin-bottom:10px;animation:dwd-fadeIn .3s ease}@keyframes dwd-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dwd-message.dwd-user{margin-left:auto}.dwd-message.dwd-bot{margin-right:auto}.dwd-bubble{padding:10px 14px;border-radius:10px;font-size:14px;line-height:1.5;transition:transform .2s ease}.dwd-bubble:hover{transform:scale(1.02)}.dwd-message.dwd-user .dwd-bubble{background:#005c4b;color:#fff;border-top-right-radius:3px}.dwd-message.dwd-bot .dwd-bubble{background:#202c33;color:#e9edef;border-top-left-radius:3px}.dwd-bubble{position:relative;display:flex;flex-direction:column}.dwd-bubble-content{padding-right:60px;min-height:1.2em}.dwd-msg-time{font-size:11px;color:#ffffff80;position:absolute;right:8px;bottom:4px;display:flex;align-items:center;gap:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dwd-check{width:16px;height:16px;vertical-align:middle}.dwd-typing-indicator{display:flex;align-items:center;gap:5px;padding:14px 18px;background:#202c33;border-radius:10px;width:-moz-fit-content;width:fit-content;margin-bottom:10px}.dwd-typing-indicator span{width:8px;height:8px;background:#8696a0;border-radius:50%;animation:dwd-typingBounce 1.4s infinite ease-in-out}.dwd-typing-indicator span:nth-child(1){animation-delay:0s}.dwd-typing-indicator span:nth-child(2){animation-delay:.2s}.dwd-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes dwd-typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.dwd-demo-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-bottom:10px}.dwd-restart-btn{width:100%;padding:12px;background:#00a884;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.dwd-restart-btn:hover{background:#00997a;transform:scale(1.02)}.dwd-contact-btn{width:100%;padding:12px;background:#202c33;color:#00a884;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dwd-contact-btn:hover{background:#2a3942;transform:scale(1.02)}.dwd-input-area{background:transparent;padding:0;display:flex;align-items:center;justify-content:center}.dwd-input-bar-img{width:115%;height:auto;display:block}.dwd-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dwd-volume-hud.dwd-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dwd-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.dwd-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dwd-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dwd-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dwd-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dwd-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#25d366,#128c7e);border-radius:4px;transition:width .1s ease}.dwd-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dwd-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dwd-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dwd-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#25d36633,#128c7e33);opacity:0;animation:dwd-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes dwd-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}:root{--mid-iphone-width: min(375px, 90vw);--mid-max-height: calc(100svh - 40px) ;--mid-iphone-height: min(calc(var(--mid-iphone-width) * 2.16), var(--mid-max-height));--mid-border-radius: calc(var(--mid-iphone-width) * .14);--mid-bezel: calc(var(--mid-iphone-width) * .025);--mid-dynamic-island-width: calc(var(--mid-iphone-width) * .32);--mid-dynamic-island-height: calc(var(--mid-iphone-width) * .095)}@supports not (height: 100svh){:root{--mid-max-height: calc(100vh - 40px) ;--mid-max-height: calc(var(--mid-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mid-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;touch-action:none!important}body.mid-modal-open>*:not(.mid-overlay){visibility:hidden!important}body.mid-modal-open .mid-overlay{visibility:visible!important}.mid-iphone-container{position:relative}.mid-iphone-frame{position:relative;width:var(--mid-iphone-width);height:var(--mid-iphone-height);background:linear-gradient(145deg,#2a2a2e,#1c1c1e,#2a2a2e);border-radius:var(--mid-border-radius);padding:var(--mid-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px #833ab426,inset 0 1px #ffffff1a}.mid-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);border-radius:calc(var(--mid-border-radius) + 1px);z-index:-1}.mid-side-button{position:absolute;background:linear-gradient(90deg,#3a3a3c,#2c2c2e,#3a3a3c);border-radius:2px}.mid-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mid-iphone-width) * .04)}.mid-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mid-iphone-width) * .08)}.mid-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mid-iphone-width) * .08)}.mid-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mid-iphone-width) * .12)}.mid-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mid-border-radius) - var(--mid-bezel));overflow:hidden;position:relative}.mid-dynamic-island{position:absolute;top:calc(var(--mid-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mid-dynamic-island-width);height:var(--mid-dynamic-island-height);background:#000;border-radius:calc(var(--mid-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mid-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mid-dynamic-island.mid-di-state-collapsed{width:var(--mid-dynamic-island-width);height:var(--mid-dynamic-island-height)}.mid-dynamic-island.mid-di-state-compact{width:180px;height:42px;border-radius:21px}.mid-dynamic-island.mid-di-state-expanded{width:280px;height:75px;border-radius:30px}.mid-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mid-dynamic-island.mid-di-state-compact .mid-di-collapsed-content,.mid-dynamic-island.mid-di-state-expanded .mid-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mid-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mid-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mid-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mid-dynamic-island.mid-di-state-compact .mid-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mid-dynamic-island.mid-di-state-expanded .mid-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mid-di-compact-left{display:flex;align-items:center;gap:8px}.mid-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #ff6b6b4d;flex-shrink:0}.mid-di-compact-album .mid-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mid-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mid-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mid-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mid-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mid-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mid-dynamic-island.mid-di-state-expanded .mid-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mid-dynamic-island.mid-di-state-compact .mid-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mid-dynamic-island.mid-di-state-collapsed .mid-di-expanded-content,.mid-dynamic-island.mid-di-state-collapsed .mid-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mid-di-music-left{display:flex;align-items:center;gap:12px}.mid-di-album{width:48px;height:48px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #ff6b6b66;flex-shrink:0}.mid-di-album .mid-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mid-di-track-info{display:flex;flex-direction:column;gap:2px}.mid-di-track-info h4{color:#fff;font-size:13px;font-weight:600;margin:0;letter-spacing:-.3px}.mid-di-track-info p{color:#fff9;font-size:11px;margin:0}.mid-di-music-right{display:flex;align-items:center;gap:3px;height:30px}.mid-di-wave-bar{width:3px;height:100%;background:linear-gradient(to top,#833ab4,#fd1d1d);border-radius:2px;animation:mid-waveAnimation .8s ease-in-out infinite}.mid-di-wave-bar:nth-child(1){animation-delay:0s;height:60%}.mid-di-wave-bar:nth-child(2){animation-delay:.1s;height:100%}.mid-di-wave-bar:nth-child(3){animation-delay:.2s;height:40%}.mid-di-wave-bar:nth-child(4){animation-delay:.3s;height:80%}.mid-di-wave-bar:nth-child(5){animation-delay:.4s;height:50%}@keyframes mid-waveAnimation{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mid-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(131,58,180,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(253,29,29,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(252,176,69,.3) 0%,transparent 50%),linear-gradient(180deg,#0a0a0f,#1a1a2e)}.mid-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mid-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mid-iphone-width) * .045) calc(var(--mid-iphone-width) * .07) 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mid-status-left{display:flex;align-items:center}.mid-status-right{display:flex;align-items:center;gap:5px}.mid-signal-bars{display:flex;gap:1.5px;align-items:flex-end;height:12px}.mid-signal-bars span{width:3px;background:#fff;border-radius:1px}.mid-signal-bars span:nth-child(1){height:25%}.mid-signal-bars span:nth-child(2){height:50%}.mid-signal-bars span:nth-child(3){height:75%}.mid-signal-bars span:nth-child(4){height:100%}.mid-5g{font-size:12px;margin-left:2px}.mid-battery{display:flex;align-items:center;gap:2px}.mid-battery-body{width:24px;height:11px;border:1.5px solid white;border-radius:3px;padding:1.5px;position:relative}.mid-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mid-battery-level{height:100%;width:80%;background:#bd1430;border-radius:1.5px}.mid-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mid-home-screen.mid-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mid-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mid-time{font-size:calc(var(--mid-iphone-width) * .2);font-weight:200;letter-spacing:-2px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.mid-date{font-size:calc(var(--mid-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:5px}.mid-widgets-container{position:absolute;bottom:28%;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.mid-widget{width:calc(var(--mid-iphone-width) * .42);height:calc(var(--mid-iphone-width) * .42);background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mid-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mid-widget-icon{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px}.mid-weather-icon{background:transparent}.mid-music-icon{background:transparent;border-radius:5px;overflow:hidden}.mid-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mid-weather-temp{font-size:36px;font-weight:300}.mid-weather-desc{font-size:13px;opacity:.8;margin-top:4px}.mid-music-playing{display:flex;align-items:center;gap:10px}.mid-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mid-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mid-music-info h4{font-size:13px;font-weight:600}.mid-music-info p{font-size:11px;opacity:.7}.mid-dock{position:absolute;bottom:calc(var(--mid-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mid-dock-icon{width:calc(var(--mid-iphone-width) * .14);height:calc(var(--mid-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer}.mid-dock-icon:active{transform:scale(.9)}.mid-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mid-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mid-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mid-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mid-close-icon .mid-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mid-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mid-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mid-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mid-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mid-fingerPoint 1s ease-in-out infinite}.mid-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mid-closePulseRing 1.5s ease-out infinite;z-index:-1}.mid-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mid-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mid-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mid-instagram-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);position:relative}.mid-instagram-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#833ab4,#fd1d1d);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #833ab466;animation:mid-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mid-instagram-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fd1d1d}.mid-instagram-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mid-fingerPoint 1s ease-in-out infinite}@keyframes mid-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mid-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mid-instagram-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#833ab466;animation:mid-pulseRing 1.5s ease-out infinite;z-index:-1}.mid-instagram-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#fd1d1d33;animation:mid-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mid-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mid-home-indicator{position:absolute;bottom:calc(var(--mid-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--mid-iphone-width) * .36);height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer}.mid-screen-reflection{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mid-instagram-app{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mid-border-radius) - var(--mid-bezel));overflow:hidden;animation:mid-appOpen .3s ease}.mid-instagram-app.mid-active{display:flex}@keyframes mid-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mid-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:calc(var(--mid-iphone-width) * .14)}.mid-scenario-header{background:#000;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #262626}.mid-scenario-header .mid-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;padding:2px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);flex-shrink:0}.mid-scenario-header .mid-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mid-scenario-header .mid-info{flex:1}.mid-scenario-header .mid-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.mid-scenario-header .mid-info p{color:#a8a8a8;font-size:12px;margin:0}.mid-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.mid-close-btn:hover{background:#ffffff1a}.mid-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mid-scenario-item{background:#262626;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;border:none;width:100%;text-align:left}.mid-scenario-item:hover{background:#363636;transform:scale(1.02)}.mid-scenario-item:active{transform:scale(.98)}.mid-scenario-item .mid-icon{font-size:24px}.mid-scenario-item .mid-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.mid-scenario-item .mid-text p{color:#a8a8a8;font-size:12px;margin:0}.mid-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mid-scenario-icon-wrapper.product-inquiry{background:linear-gradient(135deg,#833ab4,#fd1d1d)}.mid-scenario-icon-wrapper.story-mention{background:linear-gradient(135deg,#fcb045,#fd1d1d)}.mid-scenario-icon-wrapper.order-tracking{background:linear-gradient(135deg,#405de6,#833ab4)}.mid-scenario-icon-wrapper.collaboration{background:linear-gradient(135deg,#fd1d1d,#fcb045)}.mid-scenario-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.mid-chat-screen{display:flex;flex-direction:column;height:100%;background:#000;padding-top:calc(var(--mid-iphone-width) * .14)}.mid-chat-header{background:#000;padding:8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #262626}.mid-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.mid-back-btn:hover{background:#ffffff1a}.mid-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mid-back-btn:hover .mid-back-img{filter:brightness(0) invert(1) opacity(1)}.mid-chat-header .mid-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;padding:2px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);flex-shrink:0}.mid-chat-header .mid-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mid-chat-header .mid-info{flex:1;min-width:0}.mid-chat-header .mid-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.mid-chat-header .mid-info p{color:#a8a8a8;font-size:11px;margin:0}.mid-chat-header .mid-info p.mid-typing{color:#833ab4}.mid-actions{display:flex;align-items:center;gap:4px}.mid-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:visible}.mid-action-btn:hover{background:#ffffff1a}.mid-action-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7);min-width:28px;min-height:28px}.mid-action-btn:hover .mid-action-icon{filter:brightness(0) invert(1) opacity(1)}.mid-call-action-icon{width:22px;height:22px;min-width:22px;min-height:22px}.mid-chat-area{flex:1;overflow-y:auto;padding:12px;background-color:#000}.mid-message{max-width:85%;margin-bottom:8px;animation:mid-fadeIn .3s ease}@keyframes mid-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mid-message.mid-user{margin-left:auto}.mid-message.mid-bot{margin-right:auto}.mid-bubble{padding:8px 12px;border-radius:20px;font-size:14px;line-height:1.4}.mid-message.mid-user .mid-bubble{background:linear-gradient(135deg,#833ab4,#fd1d1d);color:#fff;border-bottom-right-radius:4px}.mid-message.mid-bot .mid-bubble{background:#262626;color:#e9edef;border-bottom-left-radius:4px}.mid-bubble{position:relative;display:flex;flex-direction:column}.mid-bubble-content{padding-right:55px;min-height:1.2em}.mid-msg-time{font-size:10px;color:#ffffff80;position:absolute;right:6px;bottom:3px;display:flex;align-items:center;gap:3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mid-check{width:14px;height:14px;vertical-align:middle}.mid-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#262626;border-radius:20px;width:-moz-fit-content;width:fit-content;margin-bottom:8px}.mid-typing-indicator span{width:6px;height:6px;background:#a8a8a8;border-radius:50%;animation:mid-typingBounce 1.4s infinite ease-in-out}.mid-typing-indicator span:nth-child(1){animation-delay:0s}.mid-typing-indicator span:nth-child(2){animation-delay:.2s}.mid-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes mid-typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.mid-demo-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-bottom:8px}.mid-restart-btn{width:100%;padding:10px;background:linear-gradient(135deg,#833ab4,#fd1d1d);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mid-restart-btn:hover{opacity:.9}.mid-contact-btn{width:100%;padding:10px;background:#262626;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer}.mid-contact-btn:hover{background:#363636}.mid-input-area{background:#000;padding:12px;display:flex;align-items:center;justify-content:center;border-top:1px solid #262626}.mid-input-field{flex:1;background:#262626;border-radius:20px;padding:10px 16px;color:#a8a8a8;font-size:14px}.mid-volume-hud{position:absolute;top:220px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mid-volume-hud.mid-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mid-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:14px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:220px;position:relative}.mid-volume-hud-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mid-volume-hud-icon svg{width:18px;height:18px;fill:#fff;opacity:.9}.mid-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mid-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mid-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#833ab4,#fd1d1d);border-radius:3px;transition:width .1s ease}.mid-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.mid-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;cursor:pointer}.mid-volume-hud-input::-moz-range-thumb{width:24px;height:24px;cursor:pointer;border:none;background:transparent}.mid-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#833ab433,#fd1d1d33);opacity:0;animation:mid-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes mid-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}:root{--did-iphone-width: 390px;--did-iphone-height: 844px;--did-border-radius: 55px;--did-bezel: 10px;--did-dynamic-island-width: 125px;--did-dynamic-island-height: 37px;--did-primary: #833ab4;--did-secondary: #fd1d1d;--did-tertiary: #fcb045;--did-gradient: linear-gradient(135deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%)}.did-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.did-overlay.did-visible{opacity:1}.did-overlay.did-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.did-modal-open{overflow:hidden!important}.did-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.did-iphone-container.did-visible{opacity:1;transform:scale(1) translateY(0)}.did-iphone-container.did-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.did-iphone-frame{position:relative;width:var(--did-iphone-width);height:var(--did-iphone-height);background:linear-gradient(145deg,#3d1a4a,#1a0d20,#2d1535);border-radius:var(--did-border-radius);padding:var(--did-bezel);box-shadow:0 0 0 1px #833ab426,0 25px 80px -15px #000000b3,0 10px 40px -10px #fd1d1d33,inset 0 1px #fcb0451a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.did-iphone-frame:hover{box-shadow:0 0 0 1px #833ab440,0 30px 100px -15px #000c,0 15px 50px -10px #fd1d1d4d,inset 0 1px #fcb04526}.did-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#833ab433,#fd1d1d0d,#0000001a,#fd1d1d0d,#fcb04526);border-radius:calc(var(--did-border-radius) + 1px);z-index:-1}.did-side-button{position:absolute;background:linear-gradient(90deg,#4a2a5a,#2d1535,#4a2a5a);border-radius:2px;transition:background .2s ease}.did-side-button:hover{background:linear-gradient(90deg,#5a3a6a,#3d1a4a,#5a3a6a)}.did-silent-switch{left:-4px;top:100px;width:4px;height:35px}.did-volume-up{left:-4px;top:160px;width:4px;height:65px}.did-volume-down{left:-4px;top:235px;width:4px;height:65px}.did-power-button{right:-4px;top:180px;width:4px;height:100px}.did-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--did-border-radius) - var(--did-bezel));overflow:hidden;position:relative}.did-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--did-dynamic-island-width);height:var(--did-dynamic-island-height);background:#000;border-radius:calc(var(--did-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.did-dynamic-island.did-di-state-collapsed:hover{width:140px;height:40px}.did-dynamic-island.did-di-state-compact{width:220px;height:50px;border-radius:25px}.did-dynamic-island.did-di-state-expanded{width:340px;height:90px;border-radius:40px}.did-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.did-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.did-dynamic-island.did-di-state-expanded .did-di-collapsed-content,.did-dynamic-island.did-di-state-compact .did-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.did-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.did-dynamic-island.did-di-state-compact .did-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.did-dynamic-island.did-di-state-expanded .did-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.did-di-compact-left{display:flex;align-items:center;gap:10px}.did-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #ff6b6b4d;flex-shrink:0}.did-di-compact-album .did-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.did-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.did-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.did-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.did-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.did-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.did-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #00646433}.did-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.did-dynamic-island.did-di-state-expanded .did-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.did-dynamic-island.did-di-state-compact .did-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.did-dynamic-island.did-di-state-collapsed .did-di-expanded-content,.did-dynamic-island.did-di-state-collapsed .did-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.did-dynamic-island.did-di-state-collapsed .did-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.did-di-music-left{display:flex;align-items:center;gap:14px}.did-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #e207a04d;transition:transform .3s ease}.did-dynamic-island.did-di-state-expanded:hover .did-di-album{transform:scale(1.05)}.did-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.did-di-track-info{color:#fff}.did-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.did-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.did-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.did-di-wave-bar{width:4px;background:linear-gradient(180deg,#833ab4,#fd1d1d,#fcb045);border-radius:3px;animation:did-waveAnim 1s ease-in-out infinite}.did-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.did-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.did-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.did-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.did-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes did-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.did-di-compact-waves .did-di-wave-bar{width:3px;height:100%}.did-di-compact-waves .did-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.did-di-compact-waves .did-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.did-di-compact-waves .did-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}.did-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(131,58,180,.5) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(253,29,29,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(252,176,69,.5) 0%,transparent 50%),linear-gradient(180deg,#0a0a0f,#1a1a2e);animation:did-wallpaperShift 20s ease-in-out infinite}@keyframes did-wallpaperShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.did-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.did-status-left{display:flex;align-items:center}.did-status-right{display:flex;align-items:center;gap:6px}.did-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.did-signal-bars span{width:4px;background:#fff;border-radius:1px}.did-signal-bars span:nth-child(1){height:25%}.did-signal-bars span:nth-child(2){height:50%}.did-signal-bars span:nth-child(3){height:75%}.did-signal-bars span:nth-child(4){height:100%}.did-5g{font-size:13px;margin-left:3px}.did-battery{display:flex;align-items:center;gap:3px}.did-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.did-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.did-battery-level{height:100%;width:80%;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);border-radius:2px}.did-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.did-home-screen.did-hidden{opacity:0;transform:scale(.95);pointer-events:none}.did-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.did-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.did-time:hover{transform:scale(1.02)}.did-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.did-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.did-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.did-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.did-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.did-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.did-weather-icon{background:transparent}.did-music-icon{background:transparent;border-radius:6px;overflow:hidden}.did-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.did-weather-temp{font-size:42px;font-weight:300}.did-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.did-music-playing{display:flex;align-items:center;gap:12px}.did-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.did-widget:hover .did-music-album{transform:rotate(5deg)}.did-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.did-music-info h4{font-size:14px;font-weight:600}.did-music-info p{font-size:12px;opacity:.7}.did-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.did-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.did-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.did-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.did-dock-hover:active{transform:scale(.95)}.did-safari-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.did-safari-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:did-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.did-safari-icon:hover .did-safari-tooltip{opacity:1}.did-safari-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.did-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.did-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.did-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.did-close-icon .did-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.did-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:did-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.did-close-icon:hover .did-close-tooltip{opacity:1}.did-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.did-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:did-closePulseRing 1.5s ease-out infinite;z-index:-1}.did-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:did-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes did-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.did-instagram-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);position:relative}.did-instagram-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #833ab480;animation:did-tooltipBounce 2s ease-in-out infinite;z-index:1000}.did-instagram-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#fd1d1d}.did-instagram-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:did-fingerPoint 1s ease-in-out infinite}@keyframes did-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes did-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.did-instagram-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#833ab466,#fd1d1d66,#fcb04566);animation:did-pulseRing 1.5s ease-out infinite;z-index:-1}.did-instagram-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#833ab433,#fd1d1d33,#fcb04533);animation:did-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes did-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.did-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.did-home-indicator:hover{background:#ffffffe6;width:150px}.did-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.did-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.did-iphone-container.did-visible .did-hint{opacity:1;animation:did-hintPulse 2s ease-in-out infinite}.did-iphone-container.did-closing .did-hint{opacity:0;transition:opacity .2s ease}@keyframes did-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.did-instagram-app{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:90;display:none;flex-direction:column;border-radius:calc(var(--did-border-radius) - var(--did-bezel));overflow:hidden;animation:did-appOpen .3s ease}.did-instagram-app.did-active{display:flex}@keyframes did-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.did-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:54px}.did-scenario-header{background:linear-gradient(180deg,#1a1a1a,#000);padding:14px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.1)}.did-scenario-header .did-logo{width:46px;height:46px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);padding:2px;flex-shrink:0;transition:transform .3s ease}.did-scenario-header .did-logo:hover{transform:scale(1.1)}.did-scenario-header .did-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.did-scenario-header .did-info{flex:1}.did-scenario-header .did-info h3{color:#fff;font-size:17px;font-weight:500;margin:0}.did-scenario-header .did-info p{color:#8e8e93;font-size:13px;margin:0}.did-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.did-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.did-scenario-list{flex:1;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:#000}.did-scenario-item{background:#1a1a1a;border-radius:14px;padding:18px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .2s ease;border:none;width:100%;text-align:left}.did-scenario-item:hover{background:#262626;transform:translate(8px);box-shadow:0 4px 15px #0003}.did-scenario-item:active{transform:scale(.98)}.did-scenario-item .did-icon{font-size:28px}.did-scenario-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.did-scenario-icon-wrapper.product-inquiry{background:linear-gradient(135deg,#833ab4,#fd1d1d)}.did-scenario-icon-wrapper.story-mention{background:linear-gradient(135deg,#fd1d1d,#fcb045)}.did-scenario-icon-wrapper.order-tracking{background:linear-gradient(135deg,#405de6,#5851db)}.did-scenario-icon-wrapper.collaboration{background:linear-gradient(135deg,#fcb045,#f77737)}.did-scenario-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.did-scenario-item .did-text h4{color:#fff;font-size:16px;font-weight:500;margin:0}.did-scenario-item .did-text p{color:#8e8e93;font-size:13px;margin:0}.did-chat-screen{display:flex;flex-direction:column;height:100%;background:#000;padding-top:54px}.did-chat-header{background:#000;padding:10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.did-back-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .2s ease}.did-back-btn:hover{background:#ffffff1a;transform:translate(-3px)}.did-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.did-back-btn:hover .did-back-img{filter:brightness(0) invert(1) opacity(1)}.did-chat-header .did-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);padding:2px;flex-shrink:0}.did-chat-header .did-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.did-chat-header .did-info{flex:1;min-width:0}.did-chat-header .did-info h3{color:#fff;font-size:16px;font-weight:500;margin:0}.did-chat-header .did-info p{color:#8e8e93;font-size:12px;margin:0}.did-chat-header .did-info p.did-typing{color:#3897f0}.did-actions{display:flex;align-items:center;gap:5px}.did-action-btn{width:44px;height:44px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;overflow:visible;transition:all .2s ease}.did-action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.did-action-icon{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7);min-width:30px;min-height:30px}.did-action-btn:hover .did-action-icon{filter:brightness(0) invert(1) opacity(1)}.did-call-action-icon{width:24px;height:24px;min-width:24px;min-height:24px}.did-chat-area{flex:1;overflow-y:auto;padding:14px;background-color:#000}.did-message{max-width:85%;margin-bottom:10px;animation:did-fadeIn .3s ease}@keyframes did-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.did-message.did-user{margin-left:auto}.did-message.did-bot{margin-right:auto}.did-story-reply-label{font-size:11px;color:#8e8e93;margin-bottom:4px;padding-left:4px}.did-bubble{padding:10px 14px;border-radius:22px;font-size:14px;line-height:1.5;transition:transform .2s ease}.did-bubble:hover{transform:scale(1.02)}.did-message.did-user .did-bubble{background:linear-gradient(135deg,#833ab4,#fd1d1d);color:#fff;border-bottom-right-radius:4px}.did-message.did-bot .did-bubble{background:#262626;color:#e9edef;border-bottom-left-radius:4px}.did-bubble{position:relative;display:flex;flex-direction:column}.did-bubble-content{padding-right:60px;min-height:1.2em}.did-msg-time{font-size:11px;color:#ffffff80;position:absolute;right:8px;bottom:4px;display:flex;align-items:center;gap:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.did-check{width:16px;height:16px;vertical-align:middle}.did-typing-indicator{display:flex;align-items:center;gap:5px;padding:14px 18px;background:#262626;border-radius:22px;width:-moz-fit-content;width:fit-content;margin-bottom:10px}.did-typing-indicator span{width:8px;height:8px;background:#8e8e93;border-radius:50%;animation:did-typingBounce 1.4s infinite ease-in-out}.did-typing-indicator span:nth-child(1){animation-delay:0s}.did-typing-indicator span:nth-child(2){animation-delay:.2s}.did-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes did-typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.did-demo-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-bottom:10px}.did-restart-btn{width:100%;padding:12px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;border:none;border-radius:22px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.did-restart-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #833ab466}.did-contact-btn{width:100%;padding:12px;background:#262626;color:#fff;border:none;border-radius:22px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.did-contact-btn:hover{background:#363636;transform:scale(1.02)}.did-input-area{background:#000;padding:12px 16px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.1)}.did-input-container{flex:1;background:#262626;border-radius:22px;padding:12px 16px;border:1px solid rgba(255,255,255,.1)}.did-input-placeholder{color:#8e8e93;font-size:14px}.did-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.did-volume-hud.did-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.did-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.did-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.did-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.did-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.did-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.did-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);border-radius:4px;transition:width .1s ease}.did-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.did-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.did-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.did-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#833ab433,#fd1d1d33,#fcb04533);opacity:0;animation:did-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes did-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}:root{--mtv-iphone-width: min(375px, 90vw);--mtv-max-height: calc(100svh - 40px) ;--mtv-iphone-height: min(calc(var(--mtv-iphone-width) * 2.16), var(--mtv-max-height));--mtv-border-radius: calc(var(--mtv-iphone-width) * .14);--mtv-bezel: calc(var(--mtv-iphone-width) * .025);--mtv-dynamic-island-width: calc(var(--mtv-iphone-width) * .32);--mtv-dynamic-island-height: calc(var(--mtv-iphone-width) * .095)}@supports not (height: 100svh){:root{--mtv-max-height: calc(100vh - 40px) ;--mtv-max-height: calc(var(--mtv-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mtv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a1628,#0f2847,#1a3a5c);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mtv-modal-open{overflow:hidden!important}.mtv-iphone-container{position:relative;width:var(--mtv-iphone-width);height:var(--mtv-iphone-height);max-width:100%;max-height:100%}.mtv-iphone-frame{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#3a3a3e,#1c1c1e,#2a2a2e);border-radius:var(--mtv-border-radius);padding:var(--mtv-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 80px -15px #000000b3,0 10px 40px -10px #00000080,inset 0 1px #ffffff26}.mtv-side-button{position:absolute;background:linear-gradient(90deg,#4a4a4c,#2c2c2e,#4a4a4c);border-radius:2px}.mtv-silent-switch{left:-3px;top:15%;width:3px;height:8%}.mtv-volume-up{left:-3px;top:26%;width:3px;height:12%}.mtv-volume-down{left:-3px;top:40%;width:3px;height:12%}.mtv-power-button{right:-3px;top:30%;width:3px;height:15%}.mtv-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mtv-border-radius) - var(--mtv-bezel));overflow:hidden;position:relative}.mtv-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--mtv-dynamic-island-width);height:var(--mtv-dynamic-island-height);background:#000;border-radius:calc(var(--mtv-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1)}.mtv-dynamic-island.mtv-di-state-compact{width:65%;height:calc(var(--mtv-dynamic-island-height) * 1.3);border-radius:25px}.mtv-dynamic-island.mtv-di-state-expanded{width:92%;height:calc(var(--mtv-dynamic-island-height) * 2.4);border-radius:35px}.mtv-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.mtv-dynamic-island.mtv-di-state-expanded .mtv-di-collapsed-content,.mtv-dynamic-island.mtv-di-state-compact .mtv-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mtv-di-camera{width:10px;height:10px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:1.5px solid #1a1a2a}.mtv-di-sensor{width:8px;height:8px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%}.mtv-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mtv-dynamic-island.mtv-di-state-compact .mtv-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mtv-di-compact-left{display:flex;align-items:center;gap:8px}.mtv-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #3b82f64d}.mtv-di-compact-album .mtv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mtv-di-compact-info{display:flex;flex-direction:column;gap:1px}.mtv-di-compact-title{color:#fff;font-size:10px;font-weight:600}.mtv-di-compact-artist{color:#ffffff8c;font-size:9px}.mtv-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mtv-di-compact-waves .mtv-di-wave-bar{width:2px;background:linear-gradient(180deg,#3b82f6,#06b6d4);border-radius:2px}.mtv-di-compact-waves .mtv-di-wave-bar:nth-child(1){height:40%;animation:mtv-waveAnim 1s ease-in-out infinite 0s}.mtv-di-compact-waves .mtv-di-wave-bar:nth-child(2){height:100%;animation:mtv-waveAnim 1s ease-in-out infinite .2s}.mtv-di-compact-waves .mtv-di-wave-bar:nth-child(3){height:60%;animation:mtv-waveAnim 1s ease-in-out infinite .4s}.mtv-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mtv-dynamic-island.mtv-di-state-expanded .mtv-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mtv-di-music-left{display:flex;align-items:center;gap:10px}.mtv-di-album{width:44px;height:44px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #3b82f64d}.mtv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mtv-di-track-info h4{color:#fff;font-size:12px;font-weight:600;margin:0}.mtv-di-track-info p{color:#fff9;font-size:10px;margin:0}.mtv-di-music-right{display:flex;align-items:center;gap:3px;height:28px}.mtv-di-wave-bar{width:3px;background:linear-gradient(180deg,#3b82f6,#06b6d4);border-radius:2px;animation:mtv-waveAnim 1s ease-in-out infinite}.mtv-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.mtv-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.mtv-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.mtv-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.mtv-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes mtv-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.mtv-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.5) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(6,182,212,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(99,102,241,.5) 0%,transparent 50%),linear-gradient(180deg,#0a0a1a,#1a1a2e)}.mtv-status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 24px 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mtv-status-left,.mtv-status-right{display:flex;align-items:center}.mtv-status-right{gap:5px}.mtv-signal-bars{display:flex;gap:1px;align-items:flex-end;height:11px}.mtv-signal-bars span{width:3px;background:#fff;border-radius:1px}.mtv-signal-bars span:nth-child(1){height:25%}.mtv-signal-bars span:nth-child(2){height:50%}.mtv-signal-bars span:nth-child(3){height:75%}.mtv-signal-bars span:nth-child(4){height:100%}.mtv-5g{font-size:12px;margin-left:2px}.mtv-battery{display:flex;align-items:center}.mtv-battery-body{width:22px;height:11px;border:1.5px solid white;border-radius:3px;padding:1px;position:relative}.mtv-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mtv-battery-level{height:100%;width:80%;background:#0e5cc2;border-radius:1px}.mtv-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mtv-home-screen.mtv-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mtv-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mtv-time{font-size:60px;font-weight:200;letter-spacing:-2px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.mtv-date{font-size:16px;font-weight:500;opacity:.9;margin-top:4px}.mtv-widgets-container{position:absolute;bottom:32%;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;width:90%}.mtv-widget{flex:1;height:140px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mtv-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mtv-widget-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mtv-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mtv-weather-temp{font-size:36px;font-weight:300}.mtv-weather-desc{font-size:12px;opacity:.8;margin-top:4px}.mtv-music-playing{display:flex;align-items:center;gap:10px}.mtv-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mtv-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mtv-music-info h4{font-size:12px;font-weight:600;margin:0}.mtv-music-info p{font-size:10px;opacity:.7;margin:0}.mtv-dock{position:absolute;bottom:calc(var(--mtv-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mtv-dock-icon{width:calc(var(--mtv-iphone-width) * .14);height:calc(var(--mtv-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer;position:relative}.mtv-dock-icon:active{transform:scale(.9)}.mtv-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mtv-network-icon .mtv-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mtv-network-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #007aff66;animation:mtv-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mtv-network-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#5ac8fa}.mtv-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mtv-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mtv-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mtv-close-icon .mtv-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mtv-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mtv-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mtv-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mtv-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mtv-fingerPoint 1s ease-in-out infinite}.mtv-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mtv-closePulseRing 1.5s ease-out infinite;z-index:-1}.mtv-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mtv-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mtv-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mtv-app-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4);position:relative}.mtv-app-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #3b82f666;animation:mtv-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mtv-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#06b6d4}.mtv-app-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mtv-fingerPoint 1s ease-in-out infinite}@keyframes mtv-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mtv-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mtv-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#3b82f666;animation:mtv-pulseRing 1.5s ease-out infinite;z-index:-1}.mtv-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#06b6d433;animation:mtv-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mtv-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mtv-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:35%;height:4px;background:#ffffff80;border-radius:2px;z-index:100;cursor:pointer}.mtv-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mtv-volume-hud{position:absolute;top:35%;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mtv-volume-hud.mtv-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mtv-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 8px 30px #0006;min-width:200px}.mtv-volume-hud-icon{width:20px;height:20px}.mtv-volume-hud-icon svg{width:100%;height:100%}.mtv-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mtv-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mtv-volume-hud-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;transition:width .1s ease}.mtv-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0}.mtv-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1a,#1a1a2e);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mtv-border-radius) - var(--mtv-bezel));overflow:hidden}.mtv-app.mtv-active{display:flex}.mtv-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mtv-scenario-header{background:linear-gradient(180deg,rgba(59,130,246,.1) 0%,transparent 100%);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.mtv-scenario-header .mtv-logo{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#06b6d4);padding:2px;flex-shrink:0}.mtv-scenario-header .mtv-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mtv-scenario-header .mtv-info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.mtv-scenario-header .mtv-info p{color:#8e8e93;font-size:12px;margin:0}.mtv-scenario-header .mtv-info{flex:1}.mtv-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.mtv-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mtv-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:left}.mtv-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtv-scenario-icon-wrapper.product-ad{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mtv-scenario-icon-wrapper.social-media{background:linear-gradient(135deg,#06b6d4,#0891b2)}.mtv-scenario-icon-wrapper.explainer{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mtv-scenario-icon-wrapper.lifestyle{background:linear-gradient(135deg,#10b981,#059669)}.mtv-scenario-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mtv-scenario-item .mtv-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.mtv-scenario-item .mtv-text p{color:#8e8e93;font-size:12px;margin:0}.mtv-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mtv-demo-header{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.mtv-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:8px}.mtv-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mtv-demo-header .mtv-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#06b6d4);padding:2px;flex-shrink:0}.mtv-demo-header .mtv-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mtv-demo-header .mtv-info{flex:1}.mtv-demo-header .mtv-info h3{color:#fff;font-size:14px;font-weight:500;margin:0}.mtv-demo-header .mtv-info p{color:#8e8e93;font-size:11px;margin:0}.mtv-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:18px}.mtv-demo-content{flex:1;overflow-y:auto;padding:16px}.mtv-prompt-section{margin-bottom:16px}.mtv-prompt-label{font-size:12px;color:#06b6d4;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:4px}.mtv-sparkle{font-size:14px}.mtv-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;min-height:70px}.mtv-prompt-box p{color:#fff;font-size:13px;line-height:1.5;margin:0}.mtv-cursor{display:inline-block;width:2px;height:14px;background:#06b6d4;margin-left:2px;animation:mtv-blink .5s infinite}@keyframes mtv-blink{0%,to{opacity:1}50%{opacity:0}}.mtv-generating{text-align:center;padding:20px 0}.mtv-spinner{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mtv-spin 2s linear infinite}.mtv-sparkle-icon{font-size:28px}@keyframes mtv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mtv-generating h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.mtv-generating p{color:#8e8e93;font-size:13px;margin:0 0 16px}.mtv-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:16px}.mtv-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;transition:width .1s ease}.mtv-steps{text-align:left}.mtv-step{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;color:#666;font-size:13px}.mtv-step.mtv-active{background:#ffffff0d;color:#fff}.mtv-step.mtv-done{color:#10b981}.mtv-step-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:#ffffff1a}.mtv-step.mtv-done .mtv-step-indicator{background:#10b981;color:#fff}.mtv-step.mtv-active .mtv-step-indicator{background:#06b6d4;color:#fff}.mtv-complete{text-align:center;padding:16px 0}.mtv-success-badge{width:50px;height:50px;margin:0 auto 12px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.mtv-complete h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.mtv-video-placeholder{background:linear-gradient(135deg,#3b82f64d,#06b6d44d);border-radius:12px;padding:30px;margin-bottom:16px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center}.mtv-video-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;animation:mtv-pulse 2s ease-in-out infinite}@keyframes mtv-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.mtv-video-placeholder p{color:#fff;font-size:14px;font-weight:500;margin:0 0 4px}.mtv-video-placeholder span{color:#fff9;font-size:12px}.mtv-video-info{display:flex;gap:12px;margin-bottom:16px}.mtv-info-box{flex:1;background:#ffffff0d;border-radius:10px;padding:12px;text-align:center}.mtv-info-label{display:block;color:#8e8e93;font-size:11px;margin-bottom:4px}.mtv-info-value{color:#fff;font-size:14px;font-weight:600}.mtv-demo-actions{display:flex;flex-direction:column;gap:10px}.mtv-restart-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mtv-home-btn{width:100%;padding:12px;background:#ffffff1a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}:root{--dtv-iphone-width: 390px;--dtv-iphone-height: 844px;--dtv-border-radius: 55px;--dtv-bezel: 10px;--dtv-dynamic-island-width: 125px;--dtv-dynamic-island-height: 37px;--dtv-primary: #3b82f6;--dtv-primary-dark: #06b6d4;--dtv-gradient: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)}.dtv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dtv-overlay.dtv-visible{opacity:1}.dtv-overlay.dtv-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dtv-modal-open{overflow:hidden!important}.dtv-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dtv-iphone-container.dtv-visible{opacity:1;transform:scale(1) translateY(0)}.dtv-iphone-container.dtv-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dtv-iphone-frame{position:relative;width:var(--dtv-iphone-width);height:var(--dtv-iphone-height);background:linear-gradient(145deg,#1a3a5a,#0d1f35,#152d45);border-radius:var(--dtv-border-radius);padding:var(--dtv-bezel);box-shadow:0 0 0 1px #3b82f626,0 25px 80px -15px #000000b3,0 10px 40px -10px #06b6d433,inset 0 1px #3b82f61a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dtv-iphone-frame:hover{box-shadow:0 0 0 1px #3b82f640,0 30px 100px -15px #000c,0 15px 50px -10px #06b6d44d,inset 0 1px #3b82f626}.dtv-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#3b82f633,#06b6d40d,#0000001a,#06b6d40d,#3b82f626);border-radius:calc(var(--dtv-border-radius) + 1px);z-index:-1}.dtv-side-button{position:absolute;background:linear-gradient(90deg,#1a4a6a,#0d2840,#1a4a6a);border-radius:2px;transition:background .2s ease}.dtv-side-button:hover{background:linear-gradient(90deg,#1f5a7a,#103550,#1f5a7a)}.dtv-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dtv-volume-up{left:-4px;top:160px;width:4px;height:65px}.dtv-volume-down{left:-4px;top:235px;width:4px;height:65px}.dtv-power-button{right:-4px;top:180px;width:4px;height:100px}.dtv-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dtv-border-radius) - var(--dtv-bezel));overflow:hidden;position:relative}.dtv-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dtv-dynamic-island-width);height:var(--dtv-dynamic-island-height);background:#000;border-radius:calc(var(--dtv-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius}.dtv-dynamic-island.dtv-di-state-collapsed:hover{width:140px;height:40px}.dtv-dynamic-island.dtv-di-state-compact{width:220px;height:50px;border-radius:25px}.dtv-dynamic-island.dtv-di-state-expanded{width:340px;height:90px;border-radius:40px}.dtv-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dtv-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dtv-dynamic-island.dtv-di-state-expanded .dtv-di-collapsed-content,.dtv-dynamic-island.dtv-di-state-compact .dtv-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dtv-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a}.dtv-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%}.dtv-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.dtv-dynamic-island.dtv-di-state-compact .dtv-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dtv-dynamic-island.dtv-di-state-expanded .dtv-di-compact-content{opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease}.dtv-di-compact-left{display:flex;align-items:center;gap:10px}.dtv-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #3b82f64d}.dtv-di-compact-album .dtv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dtv-di-compact-info{display:flex;flex-direction:column;gap:1px}.dtv-di-compact-title{color:#fff;font-size:11px;font-weight:600}.dtv-di-compact-artist{color:#ffffff8c;font-size:10px}.dtv-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dtv-di-compact-waves .dtv-di-wave-bar{width:3px;background:linear-gradient(180deg,#3b82f6,#06b6d4);border-radius:2px}.dtv-di-compact-waves .dtv-di-wave-bar:nth-child(1){height:40%;animation:dtv-waveAnim 1s ease-in-out infinite 0s}.dtv-di-compact-waves .dtv-di-wave-bar:nth-child(2){height:100%;animation:dtv-waveAnim 1s ease-in-out infinite .2s}.dtv-di-compact-waves .dtv-di-wave-bar:nth-child(3){height:60%;animation:dtv-waveAnim 1s ease-in-out infinite .4s}.dtv-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.dtv-dynamic-island.dtv-di-state-expanded .dtv-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dtv-dynamic-island.dtv-di-state-compact .dtv-di-expanded-content{opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease}.dtv-dynamic-island.dtv-di-state-collapsed .dtv-di-expanded-content,.dtv-dynamic-island.dtv-di-state-collapsed .dtv-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dtv-dynamic-island.dtv-di-state-collapsed .dtv-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dtv-di-music-left{display:flex;align-items:center;gap:14px}.dtv-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #3b82f64d;transition:transform .3s ease}.dtv-dynamic-island.dtv-di-state-expanded:hover .dtv-di-album{transform:scale(1.05)}.dtv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dtv-di-track-info h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 3px}.dtv-di-track-info p{color:#fff9;font-size:12px;margin:0}.dtv-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dtv-di-wave-bar{width:4px;background:linear-gradient(180deg,#3b82f6,#06b6d4);border-radius:3px;animation:dtv-waveAnim 1s ease-in-out infinite}.dtv-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dtv-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dtv-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dtv-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dtv-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dtv-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dtv-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.5) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(6,182,212,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(99,102,241,.5) 0%,transparent 50%),linear-gradient(180deg,#0a0a1a,#1a1a2e);animation:dtv-wallpaperShift 20s ease-in-out infinite}@keyframes dtv-wallpaperShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.dtv-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dtv-status-left{display:flex;align-items:center}.dtv-status-right{display:flex;align-items:center;gap:6px}.dtv-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dtv-signal-bars span{width:4px;background:#fff;border-radius:1px}.dtv-signal-bars span:nth-child(1){height:25%}.dtv-signal-bars span:nth-child(2){height:50%}.dtv-signal-bars span:nth-child(3){height:75%}.dtv-signal-bars span:nth-child(4){height:100%}.dtv-5g{font-size:13px;margin-left:3px}.dtv-battery{display:flex;align-items:center}.dtv-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dtv-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dtv-battery-level{height:100%;width:80%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:2px}.dtv-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dtv-home-screen.dtv-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dtv-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dtv-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dtv-time:hover{transform:scale(1.02)}.dtv-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dtv-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dtv-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dtv-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dtv-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dtv-widget-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dtv-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dtv-weather-temp{font-size:42px;font-weight:300}.dtv-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dtv-music-playing{display:flex;align-items:center;gap:12px}.dtv-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dtv-widget:hover .dtv-music-album{transform:rotate(5deg)}.dtv-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dtv-music-info h4{font-size:14px;font-weight:600;margin:0}.dtv-music-info p{font-size:12px;opacity:.7;margin:0}.dtv-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dtv-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dtv-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.dtv-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dtv-dock-hover:active{transform:scale(.95)}.dtv-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px}.dtv-close-img,.dtv-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dtv-safari-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px}.dtv-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dtv-video-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4);position:relative}.dtv-close-tooltip,.dtv-safari-tooltip,.dtv-video-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;animation:dtv-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dtv-close-tooltip{background:linear-gradient(135deg,#ff3b30,#ff6b6b);box-shadow:0 6px 20px #ff3b3080}.dtv-safari-tooltip{background:linear-gradient(135deg,#007aff,#5ac8fa);box-shadow:0 6px 20px #007aff80}.dtv-video-tooltip{background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 6px 20px #3b82f680;opacity:1}.dtv-close-icon:hover .dtv-close-tooltip,.dtv-safari-icon:hover .dtv-safari-tooltip{opacity:1}.dtv-close-tooltip:after{border-top-color:#ff6b6b}.dtv-safari-tooltip:after{border-top-color:#5ac8fa}.dtv-video-tooltip:after{border-top-color:#06b6d4}.dtv-close-tooltip:after,.dtv-safari-tooltip:after,.dtv-video-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent}.dtv-video-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dtv-fingerPoint 1s ease-in-out infinite}@keyframes dtv-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dtv-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dtv-close-icon:before,.dtv-video-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;animation:dtv-pulseRing 1.5s ease-out infinite;z-index:-1}.dtv-close-icon:after,.dtv-video-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;animation:dtv-pulseRing 1.5s ease-out infinite .3s;z-index:-2}.dtv-close-icon:before{background:#ff3b3066}.dtv-close-icon:after{background:#ff3b3033}.dtv-video-icon:before{background:linear-gradient(135deg,#3b82f666,#06b6d466)}.dtv-video-icon:after{background:linear-gradient(135deg,#3b82f633,#06b6d433)}@keyframes dtv-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dtv-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dtv-home-indicator:hover{background:#ffffffe6;width:150px}.dtv-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.dtv-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dtv-iphone-container.dtv-visible .dtv-hint{opacity:1;animation:dtv-hintPulse 2s ease-in-out infinite}.dtv-iphone-container.dtv-closing .dtv-hint{opacity:0;transition:opacity .2s ease}@keyframes dtv-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dtv-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1a,#1a1a2e);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--dtv-border-radius) - var(--dtv-bezel));overflow:hidden;animation:dtv-appOpen .3s ease}.dtv-app.dtv-active{display:flex}@keyframes dtv-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dtv-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:54px}.dtv-scenario-header{background:linear-gradient(180deg,rgba(59,130,246,.1) 0%,transparent 100%);padding:14px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.1)}.dtv-scenario-header .dtv-logo{width:46px;height:46px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#06b6d4);padding:2px;flex-shrink:0;transition:transform .3s ease}.dtv-scenario-header .dtv-logo:hover{transform:scale(1.1)}.dtv-scenario-header .dtv-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dtv-scenario-header .dtv-info{flex:1}.dtv-scenario-header .dtv-info h3{color:#fff;font-size:17px;font-weight:500;margin:0}.dtv-scenario-header .dtv-info p{color:#8e8e93;font-size:13px;margin:0}.dtv-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.dtv-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.dtv-scenario-list{flex:1;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dtv-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;display:flex;align-items:center;gap:18px;cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.dtv-scenario-item:hover{background:#ffffff1a;transform:translate(8px);box-shadow:0 4px 15px #0003}.dtv-scenario-item:active{transform:scale(.98)}.dtv-scenario-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dtv-scenario-icon-wrapper.product-ad{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.dtv-scenario-icon-wrapper.social-media{background:linear-gradient(135deg,#06b6d4,#0891b2)}.dtv-scenario-icon-wrapper.explainer{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dtv-scenario-icon-wrapper.lifestyle{background:linear-gradient(135deg,#10b981,#059669)}.dtv-scenario-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dtv-scenario-item .dtv-text h4{color:#fff;font-size:16px;font-weight:500;margin:0}.dtv-scenario-item .dtv-text p{color:#8e8e93;font-size:13px;margin:0}.dtv-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:54px}.dtv-demo-header{padding:10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.dtv-back-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:10px;transition:all .2s ease}.dtv-back-btn:hover{background:#ffffff1a;transform:translate(-3px)}.dtv-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.dtv-back-btn:hover .dtv-back-img{filter:brightness(0) invert(1) opacity(1)}.dtv-demo-header .dtv-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#06b6d4);padding:2px;flex-shrink:0}.dtv-demo-header .dtv-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dtv-demo-header .dtv-info{flex:1;min-width:0}.dtv-demo-header .dtv-info h3{color:#fff;font-size:16px;font-weight:500;margin:0}.dtv-demo-header .dtv-info p{color:#8e8e93;font-size:12px;margin:0}.dtv-action-btn{width:44px;height:44px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:22px;transition:all .2s ease}.dtv-action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.dtv-demo-content{flex:1;overflow-y:auto;padding:18px}.dtv-prompt-section{margin-bottom:18px}.dtv-prompt-label{font-size:12px;color:#06b6d4;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.dtv-sparkle{font-size:16px}.dtv-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;min-height:80px}.dtv-prompt-box p{color:#fff;font-size:14px;line-height:1.5;margin:0}.dtv-cursor{display:inline-block;width:2px;height:16px;background:#06b6d4;margin-left:2px;animation:dtv-blink .5s infinite}@keyframes dtv-blink{0%,to{opacity:1}50%{opacity:0}}.dtv-generating{text-align:center;padding:24px 0}.dtv-spinner{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:dtv-spin 2s linear infinite}.dtv-sparkle-icon{font-size:32px}@keyframes dtv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dtv-generating h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px}.dtv-generating p{color:#8e8e93;font-size:14px;margin:0 0 20px}.dtv-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:20px}.dtv-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;transition:width .1s ease}.dtv-steps{text-align:left}.dtv-step{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;color:#666;font-size:14px}.dtv-step.dtv-active{background:#ffffff0d;color:#fff}.dtv-step.dtv-done{color:#10b981}.dtv-step-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background:#ffffff1a}.dtv-step.dtv-done .dtv-step-indicator{background:#10b981;color:#fff}.dtv-step.dtv-active .dtv-step-indicator{background:#06b6d4;color:#fff}.dtv-complete{text-align:center;padding:20px 0}.dtv-success-badge{width:60px;height:60px;margin:0 auto 16px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.dtv-complete h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.dtv-video-placeholder{background:linear-gradient(135deg,#3b82f64d,#06b6d44d);border-radius:14px;padding:40px;margin-bottom:20px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center}.dtv-video-icon-box{width:70px;height:70px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:dtv-pulse 2s ease-in-out infinite}@keyframes dtv-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.dtv-video-placeholder p{color:#fff;font-size:16px;font-weight:500;margin:0 0 6px}.dtv-video-placeholder span{color:#fff9;font-size:13px}.dtv-video-info{display:flex;gap:14px;margin-bottom:20px}.dtv-info-box{flex:1;background:#ffffff0d;border-radius:12px;padding:14px;text-align:center}.dtv-info-label{display:block;color:#8e8e93;font-size:12px;margin-bottom:6px}.dtv-info-value{color:#fff;font-size:16px;font-weight:600}.dtv-demo-actions{display:flex;flex-direction:column;gap:12px}.dtv-restart-btn{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.dtv-restart-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #3b82f666}.dtv-home-btn{width:100%;padding:14px;background:#ffffff1a;color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.dtv-home-btn:hover{background:#ffffff26;transform:scale(1.02)}.dtv-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.dtv-volume-hud.dtv-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dtv-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006;min-width:280px}.dtv-volume-hud-icon{width:24px;height:24px}.dtv-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dtv-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dtv-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dtv-volume-hud-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;transition:width .1s ease}.dtv-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0}:root{--mti-iphone-width: min(375px, 90vw);--mti-max-height: calc(100svh - 40px) ;--mti-iphone-height: min(calc(var(--mti-iphone-width) * 2.16), var(--mti-max-height));--mti-border-radius: calc(var(--mti-iphone-width) * .14);--mti-bezel: calc(var(--mti-iphone-width) * .025);--mti-dynamic-island-width: calc(var(--mti-iphone-width) * .32);--mti-dynamic-island-height: calc(var(--mti-iphone-width) * .095);--mti-primary: #8b5cf6;--mti-primary-dark: #7c3aed;--mti-secondary: #a855f7;--mti-gradient: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%)}@supports not (height: 100svh){:root{--mti-max-height: calc(100vh - 40px) ;--mti-max-height: calc(var(--mti-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mti-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#3d2060);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mti-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;touch-action:none!important}body.mti-modal-open>*:not(.mti-overlay){visibility:hidden!important}body.mti-modal-open .mti-overlay{visibility:visible!important}.mti-iphone-container{position:relative;width:var(--mti-iphone-width);height:var(--mti-iphone-height);max-width:100%;max-height:100%}.mti-iphone-frame{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#2a2a2e,#1c1c1e,#2a2a2e);border-radius:var(--mti-border-radius);padding:var(--mti-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px #8b5cf626,inset 0 1px #ffffff1a}.mti-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);border-radius:calc(var(--mti-border-radius) + 1px);z-index:-1}.mti-side-button{position:absolute;background:linear-gradient(90deg,#3a3a3c,#2c2c2e,#3a3a3c);border-radius:2px}.mti-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mti-iphone-width) * .04)}.mti-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mti-iphone-width) * .08)}.mti-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mti-iphone-width) * .08)}.mti-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mti-iphone-width) * .12)}.mti-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mti-border-radius) - var(--mti-bezel));overflow:hidden;position:relative}.mti-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a2e,#2d1b4e 30%,#3d2060,#2d1b4e 70%,#1a0a2e);z-index:0}.mti-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.08) 0%,transparent 40%);animation:mti-wallpaper-drift 30s ease-in-out infinite}@keyframes mti-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.mti-dynamic-island{position:absolute;top:calc(var(--mti-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mti-dynamic-island-width);height:var(--mti-dynamic-island-height);background:#000;border-radius:calc(var(--mti-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mti-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mti-dynamic-island.mti-di-state-collapsed{width:var(--mti-dynamic-island-width);height:var(--mti-dynamic-island-height)}.mti-dynamic-island.mti-di-state-compact{width:180px;height:42px;border-radius:21px}.mti-dynamic-island.mti-di-state-expanded{width:280px;height:75px;border-radius:30px}.mti-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mti-dynamic-island.mti-di-state-compact .mti-di-collapsed-content,.mti-dynamic-island.mti-di-state-expanded .mti-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mti-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mti-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mti-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mti-dynamic-island.mti-di-state-compact .mti-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mti-dynamic-island.mti-di-state-expanded .mti-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mti-di-compact-left{display:flex;align-items:center;gap:8px}.mti-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #8b5cf64d;flex-shrink:0}.mti-di-compact-album .mti-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mti-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mti-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mti-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mti-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mti-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mti-dynamic-island.mti-di-state-expanded .mti-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mti-dynamic-island.mti-di-state-compact .mti-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mti-dynamic-island.mti-di-state-collapsed .mti-di-expanded-content,.mti-dynamic-island.mti-di-state-collapsed .mti-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mti-di-music-left{display:flex;align-items:center;gap:12px}.mti-di-album{width:50px;height:50px;border-radius:10px;overflow:hidden;flex-shrink:0}.mti-di-album .mti-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mti-di-track-info{display:flex;flex-direction:column;gap:2px}.mti-di-track-info h4{margin:0;font-size:13px;font-weight:600;color:#fff}.mti-di-track-info p{margin:0;font-size:11px;color:#fff9}.mti-di-music-right{display:flex;align-items:flex-end;gap:3px;height:24px}.mti-di-wave-bar{width:3px;background:var(--mti-primary);border-radius:2px;animation:mti-wave 1s ease-in-out infinite}.mti-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.mti-di-wave-bar:nth-child(2){height:70%;animation-delay:.1s}.mti-di-wave-bar:nth-child(3){height:50%;animation-delay:.2s}.mti-di-wave-bar:nth-child(4){height:80%;animation-delay:.3s}.mti-di-wave-bar:nth-child(5){height:60%;animation-delay:.4s}@keyframes mti-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mti-status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 24px 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mti-status-left,.mti-status-right{display:flex;align-items:center}.mti-status-right{gap:5px}.mti-signal-bars{display:flex;gap:1px;align-items:flex-end;height:11px}.mti-signal-bars span{width:3px;background:#fff;border-radius:1px}.mti-signal-bars span:nth-child(1){height:25%}.mti-signal-bars span:nth-child(2){height:50%}.mti-signal-bars span:nth-child(3){height:75%}.mti-signal-bars span:nth-child(4){height:100%}.mti-5g{font-size:12px;margin-left:2px}.mti-battery{display:flex;align-items:center}.mti-battery-body{width:22px;height:11px;border:1.5px solid white;border-radius:3px;padding:1px;position:relative}.mti-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mti-battery-level{height:100%;width:80%;background:var(--mti-primary);border-radius:1px}.mti-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mti-home-screen.mti-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mti-volume-hud{position:absolute;top:35%;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mti-volume-hud.mti-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mti-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 8px 30px #0006;min-width:200px}.mti-volume-hud-icon{width:20px;height:20px}.mti-volume-hud-icon svg{width:100%;height:100%}.mti-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mti-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mti-volume-hud-fill{height:100%;background:var(--mti-gradient);border-radius:3px;transition:width .1s ease}.mti-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0}.mti-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mti-time{font-size:60px;font-weight:200;letter-spacing:-2px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.mti-date{font-size:16px;font-weight:500;opacity:.9;margin-top:4px}.mti-widgets-container{position:absolute;bottom:32%;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;width:90%}.mti-widget{flex:1;height:140px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mti-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mti-widget-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mti-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mti-weather-temp{font-size:36px;font-weight:300}.mti-weather-desc{font-size:12px;opacity:.8;margin-top:4px}.mti-music-playing{display:flex;align-items:center;gap:10px}.mti-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mti-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mti-music-info h4{font-size:12px;font-weight:600;margin:0}.mti-music-info p{font-size:10px;opacity:.7;margin:0}.mti-dock{position:absolute;bottom:calc(var(--mti-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mti-dock-icon{width:calc(var(--mti-iphone-width) * .14);height:calc(var(--mti-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer;position:relative}.mti-dock-icon:active{transform:scale(.9)}.mti-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mti-network-icon .mti-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mti-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mti-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mti-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mti-close-icon .mti-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mti-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mti-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mti-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mti-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mti-fingerPoint 1s ease-in-out infinite}.mti-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mti-closePulseRing 1.5s ease-out infinite;z-index:-1}.mti-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mti-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mti-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mti-app-icon{background:var(--mti-gradient);position:relative}.mti-app-icon svg{width:26px;height:26px;opacity:1}.mti-app-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--mti-gradient);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #8b5cf666;animation:mti-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mti-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--mti-secondary)}.mti-app-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mti-fingerPoint 1s ease-in-out infinite}@keyframes mti-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mti-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mti-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#8b5cf666;animation:mti-pulseRing 1.5s ease-out infinite;z-index:-1}.mti-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#a855f733;animation:mti-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mti-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mti-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:35%;height:4px;background:#ffffff80;border-radius:2px;z-index:100;cursor:pointer}.mti-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mti-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a2e,#2d1b4e);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mti-border-radius) - var(--mti-bezel));overflow:hidden}.mti-app.mti-active{display:flex}.mti-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mti-scenario-header{background:linear-gradient(180deg,rgba(139,92,246,.1) 0%,transparent 100%);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.mti-scenario-header .mti-logo{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--mti-gradient);padding:2px;flex-shrink:0}.mti-scenario-header .mti-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mti-scenario-header .mti-info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.mti-scenario-header .mti-info p{color:#8e8e93;font-size:12px;margin:0}.mti-scenario-header .mti-info{flex:1}.mti-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.mti-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mti-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:left}.mti-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--mti-gradient)}.mti-scenario-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mti-scenario-item .mti-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.mti-scenario-item .mti-text p{color:#8e8e93;font-size:12px;margin:0}.mti-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mti-demo-header{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.mti-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:8px}.mti-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mti-demo-header .mti-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--mti-gradient);padding:2px;flex-shrink:0}.mti-demo-header .mti-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mti-demo-header .mti-info{flex:1}.mti-demo-header .mti-info h3{color:#fff;font-size:14px;font-weight:500;margin:0}.mti-demo-header .mti-info p{color:#8e8e93;font-size:11px;margin:0}.mti-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:18px}.mti-demo-content{flex:1;overflow-y:auto;padding:16px}.mti-prompt-section{margin-bottom:16px}.mti-prompt-label{font-size:12px;color:var(--mti-secondary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:4px}.mti-sparkle{font-size:14px}.mti-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;min-height:70px}.mti-prompt-box p{color:#fff;font-size:13px;line-height:1.5;margin:0}.mti-cursor{display:inline-block;width:2px;height:14px;background:var(--mti-secondary);margin-left:2px;animation:mti-blink .5s infinite}@keyframes mti-blink{0%,to{opacity:1}50%{opacity:0}}.mti-generation{text-align:center;padding:20px 0}.mti-gen-icon{width:60px;height:60px;margin:0 auto 16px;background:var(--mti-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mti-spin 2s linear infinite}.mti-gen-icon svg{width:28px;height:28px;color:#fff}@keyframes mti-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mti-generation h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.mti-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:16px}.mti-progress-fill{height:100%;background:var(--mti-gradient);border-radius:3px;transition:width .1s ease}.mti-steps{text-align:left}.mti-step{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;color:#666;font-size:13px}.mti-step.active{background:#ffffff0d;color:#fff}.mti-step.completed{color:#10b981}.mti-step-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:#ffffff1a}.mti-step.completed .mti-step-indicator{background:#10b981;color:#fff}.mti-step.active .mti-step-indicator{background:var(--mti-primary);color:#fff}.mti-step-indicator img{width:12px;height:12px;filter:brightness(0) invert(1)}.mti-step-dot{width:8px;height:8px;background:#ffffff80;border-radius:50%}.mti-step-dot.active{background:#fff;animation:mti-dotPulse .6s ease-in-out infinite}@keyframes mti-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mti-complete{text-align:center;padding:16px 0}.mti-success-icon{width:50px;height:50px;margin:0 auto 12px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center}.mti-success-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.mti-complete h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.mti-image-preview{background:linear-gradient(135deg,#8b5cf64d,#a855f74d);border-radius:12px;padding:0;margin-bottom:16px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.mti-generated-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.mti-image-badge{position:absolute;bottom:8px;right:8px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;color:#fff}.mti-image-info{display:flex;gap:12px;margin-bottom:16px}.mti-info-item{flex:1;background:#ffffff0d;border-radius:10px;padding:12px;text-align:center}.mti-info-label{display:block;color:#8e8e93;font-size:11px;margin-bottom:4px}.mti-info-value{color:#fff;font-size:14px;font-weight:600}.mti-demo-actions{display:flex;flex-direction:column;gap:10px}.mti-restart-btn{width:100%;padding:12px;background:var(--mti-gradient);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mti-back-home-btn{width:100%;padding:12px;background:#ffffff1a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}:root{--dti-iphone-width: 390px;--dti-iphone-height: 844px;--dti-border-radius: 55px;--dti-bezel: 10px;--dti-dynamic-island-width: 125px;--dti-dynamic-island-height: 37px;--dti-primary: #8b5cf6;--dti-primary-dark: #7c3aed;--dti-secondary: #a855f7;--dti-gradient: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%)}.dti-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dti-overlay.dti-visible{opacity:1}.dti-overlay.dti-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dti-modal-open{overflow:hidden!important}.dti-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dti-iphone-container.dti-visible{opacity:1;transform:scale(1) translateY(0)}.dti-iphone-container.dti-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dti-iphone-frame{position:relative;width:var(--dti-iphone-width);height:var(--dti-iphone-height);background:linear-gradient(145deg,#3d2a5a,#1a0d2e,#2d1b45);border-radius:var(--dti-border-radius);padding:var(--dti-bezel);box-shadow:0 0 0 1px #8b5cf626,0 25px 80px -15px #000000b3,0 10px 40px -10px #a855f733,inset 0 1px #8b5cf61a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dti-iphone-frame:hover{box-shadow:0 0 0 1px #8b5cf640,0 30px 100px -15px #000c,0 15px 50px -10px #a855f74d,inset 0 1px #8b5cf626}.dti-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#8b5cf633,#a855f70d,#0000001a,#a855f70d,#8b5cf626);border-radius:calc(var(--dti-border-radius) + 1px);z-index:-1}.dti-side-button{position:absolute;background:linear-gradient(90deg,#4a2a6a,#2d1545,#4a2a6a);border-radius:2px;transition:background .2s ease}.dti-side-button:hover{background:linear-gradient(90deg,#5a3a7a,#3d1a55,#5a3a7a)}.dti-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dti-volume-up{left:-4px;top:160px;width:4px;height:65px}.dti-volume-down{left:-4px;top:235px;width:4px;height:65px}.dti-power-button{right:-4px;top:180px;width:4px;height:100px}.dti-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dti-border-radius) - var(--dti-bezel));overflow:hidden;position:relative}.dti-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dti-dynamic-island-width);height:var(--dti-dynamic-island-height);background:#000;border-radius:calc(var(--dti-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dti-dynamic-island.dti-di-state-collapsed:hover{width:140px;height:40px}.dti-dynamic-island.dti-di-state-compact{width:220px;height:50px;border-radius:25px}.dti-dynamic-island.dti-di-state-expanded{width:340px;height:90px;border-radius:40px}.dti-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dti-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dti-dynamic-island.dti-di-state-expanded .dti-di-collapsed-content,.dti-dynamic-island.dti-di-state-compact .dti-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dti-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dti-dynamic-island.dti-di-state-compact .dti-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dti-dynamic-island.dti-di-state-expanded .dti-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dti-di-compact-left{display:flex;align-items:center;gap:10px}.dti-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #8b5cf64d;flex-shrink:0}.dti-di-compact-album .dti-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dti-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dti-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dti-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dti-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dti-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.dti-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #00646433}.dti-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dti-dynamic-island.dti-di-state-expanded .dti-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dti-dynamic-island.dti-di-state-compact .dti-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dti-dynamic-island.dti-di-state-collapsed .dti-di-expanded-content,.dti-dynamic-island.dti-di-state-collapsed .dti-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dti-dynamic-island.dti-di-state-collapsed .dti-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dti-di-music-left{display:flex;align-items:center;gap:14px}.dti-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #8b5cf64d;transition:transform .3s ease}.dti-dynamic-island.dti-di-state-expanded:hover .dti-di-album{transform:scale(1.05)}.dti-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dti-di-track-info{color:#fff}.dti-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.dti-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.dti-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dti-di-wave-bar{width:4px;background:linear-gradient(180deg,var(--dti-primary) 0%,var(--dti-secondary) 100%);border-radius:3px;animation:dti-waveAnim 1s ease-in-out infinite}.dti-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dti-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dti-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dti-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dti-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dti-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dti-di-compact-waves .dti-di-wave-bar{width:3px;height:100%}.dti-di-compact-waves .dti-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dti-di-compact-waves .dti-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dti-di-compact-waves .dti-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}.dti-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.5) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(168,85,247,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(124,58,237,.5) 0%,transparent 50%),linear-gradient(180deg,#1a0a2e,#2d1b4e);animation:dti-wallpaperShift 20s ease-in-out infinite}@keyframes dti-wallpaperShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.dti-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dti-status-left{display:flex;align-items:center}.dti-status-right{display:flex;align-items:center;gap:6px}.dti-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dti-signal-bars span{width:4px;background:#fff;border-radius:1px}.dti-signal-bars span:nth-child(1){height:25%}.dti-signal-bars span:nth-child(2){height:50%}.dti-signal-bars span:nth-child(3){height:75%}.dti-signal-bars span:nth-child(4){height:100%}.dti-5g{font-size:13px;margin-left:3px}.dti-battery{display:flex;align-items:center;gap:3px}.dti-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dti-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dti-battery-level{height:100%;width:80%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:2px}.dti-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dti-home-screen.dti-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dti-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dti-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dti-time:hover{transform:scale(1.02)}.dti-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dti-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dti-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dti-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dti-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dti-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dti-weather-icon{background:transparent}.dti-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dti-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dti-weather-temp{font-size:42px;font-weight:300}.dti-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dti-music-playing{display:flex;align-items:center;gap:12px}.dti-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dti-widget:hover .dti-music-album{transform:rotate(5deg)}.dti-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dti-music-info h4{font-size:14px;font-weight:600;margin:0}.dti-music-info p{font-size:12px;opacity:.7;margin:2px 0 0}.dti-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dti-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dti-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dti-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dti-dock-hover:active{transform:scale(.95)}.dti-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dti-network-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dti-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dti-network-icon:hover .dti-network-tooltip{opacity:1}.dti-network-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dti-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dti-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dti-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dti-close-icon .dti-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dti-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dti-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dti-close-icon:hover .dti-close-tooltip{opacity:1}.dti-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dti-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dti-closePulseRing 1.5s ease-out infinite;z-index:-1}.dti-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dti-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dti-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dti-app-icon{background:linear-gradient(135deg,var(--dti-primary),var(--dti-secondary));position:relative}.dti-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--dti-primary),var(--dti-secondary));color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #8b5cf680;animation:dti-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dti-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dti-secondary)}.dti-app-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dti-fingerPoint 1s ease-in-out infinite}@keyframes dti-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dti-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dti-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#8b5cf666;animation:dti-pulseRing 1.5s ease-out infinite;z-index:-1}.dti-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#8b5cf633;animation:dti-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dti-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dti-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dti-home-indicator:hover{background:#ffffffe6;width:150px}.dti-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.dti-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dti-iphone-container.dti-visible .dti-hint{opacity:1;animation:dti-hintPulse 2s ease-in-out infinite}.dti-iphone-container.dti-closing .dti-hint{opacity:0;transition:opacity .2s ease}@keyframes dti-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dti-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a2e,#2d1b4e);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--dti-border-radius) - var(--dti-bezel));overflow:hidden;animation:dti-appOpen .3s ease}.dti-app.dti-active{display:flex}@keyframes dti-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dti-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:54px}.dti-scenario-header{background:#ffffff0d;padding:14px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.1)}.dti-scenario-header .dti-logo{width:46px;height:46px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--dti-primary),var(--dti-secondary));padding:2px;flex-shrink:0;transition:transform .3s ease}.dti-scenario-header .dti-logo:hover{transform:scale(1.1)}.dti-scenario-header .dti-logo img{width:100%;height:100%;border-radius:12px;-o-object-fit:cover;object-fit:cover}.dti-scenario-header .dti-info{flex:1}.dti-scenario-header .dti-info h3{color:#fff;font-size:17px;font-weight:600;margin:0}.dti-scenario-header .dti-info p{color:#fff9;font-size:13px;margin:2px 0 0}.dti-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.dti-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.dti-scenario-list{flex:1;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dti-scenario-item{background:#ffffff0f;border-radius:14px;padding:18px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);width:100%;text-align:left}.dti-scenario-item:hover{background:#8b5cf626;transform:translate(8px);box-shadow:0 4px 15px #0003}.dti-scenario-item:active{transform:scale(.98)}.dti-scenario-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--dti-primary),var(--dti-secondary))}.dti-scenario-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dti-scenario-item .dti-text h4{color:#fff;font-size:16px;font-weight:600;margin:0}.dti-scenario-item .dti-text p{color:#ffffff80;font-size:13px;margin:2px 0 0}.dti-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:54px}.dti-demo-header{background:#ffffff0d;padding:10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.dti-back-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .2s ease}.dti-back-btn:hover{background:#ffffff1a;transform:translate(-3px)}.dti-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.dti-back-btn:hover .dti-back-img{filter:brightness(0) invert(1) opacity(1)}.dti-demo-header .dti-profile{width:40px;height:40px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--dti-primary),var(--dti-secondary));padding:2px;flex-shrink:0}.dti-demo-header .dti-profile img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}.dti-demo-header .dti-info{flex:1;min-width:0}.dti-demo-header .dti-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.dti-demo-header .dti-info p{color:#fff9;font-size:12px;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dti-action-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.dti-action-btn:hover{background:#fff3}.dti-demo-content{flex:1;overflow-y:auto;padding:16px}.dti-prompt-section{margin-bottom:20px}.dti-prompt-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--dti-secondary);margin-bottom:8px}.dti-sparkle{font-size:14px}.dti-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}.dti-prompt-box p{margin:0;font-size:14px;line-height:1.6;color:#fff;min-height:60px}.dti-cursor{display:inline-block;color:var(--dti-secondary);animation:dti-blink 1s infinite;margin-left:2px}@keyframes dti-blink{0%,50%{opacity:1}51%,to{opacity:0}}.dti-generation{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.dti-gen-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dti-primary),var(--dti-secondary));border-radius:50%;margin-bottom:16px;animation:dti-gen-rotate 2s linear infinite}@keyframes dti-gen-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dti-gen-icon svg{width:32px;height:32px;color:#fff}.dti-generation h4{margin:0 0 20px;font-size:16px;font-weight:600;color:#fff}.dti-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:20px}.dti-progress-fill{height:100%;background:linear-gradient(90deg,var(--dti-primary),var(--dti-secondary));border-radius:3px;transition:width .1s ease}.dti-steps{width:100%;display:flex;flex-direction:column;gap:8px}.dti-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;opacity:.4;transition:all .2s}.dti-step.active{background:#8b5cf633;opacity:1}.dti-step.completed{opacity:1}.dti-step-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3}.dti-step.completed .dti-step-indicator{background:#22c55e}.dti-step.active .dti-step-indicator{background:var(--dti-primary)}.dti-step-indicator img{width:12px;height:12px;filter:brightness(0) invert(1)}.dti-step-dot{width:8px;height:8px;background:#ffffff80;border-radius:50%}.dti-step-dot.active{background:#fff;animation:dti-dot-pulse .6s ease-in-out infinite}@keyframes dti-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.dti-step span{font-size:13px;color:#fff}.dti-complete{display:flex;flex-direction:column;align-items:center;text-align:center;animation:dti-fadeIn .4s ease}@keyframes dti-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dti-success-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;margin-bottom:12px;animation:dti-success-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes dti-success-pop{0%{transform:scale(0)}to{transform:scale(1)}}.dti-success-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.dti-complete h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#fff}.dti-image-preview{position:relative;width:100%;aspect-ratio:1;background:#000;border-radius:16px;overflow:hidden;margin-bottom:16px}.dti-generated-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dti-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#8b5cf633,#a855f733)}.dti-image-placeholder svg{width:64px;height:64px;color:#fff9}.dti-image-placeholder span{font-size:14px;color:#fff9}.dti-image-badge{position:absolute;bottom:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;color:#fff}.dti-image-info{display:flex;gap:12px;width:100%;margin-bottom:20px}.dti-info-item{flex:1;background:#ffffff0d;border-radius:12px;padding:12px;text-align:center}.dti-info-label{display:block;font-size:11px;color:#ffffff80;margin-bottom:4px}.dti-info-value{display:block;font-size:14px;font-weight:600;color:#fff}.dti-demo-actions{display:flex;flex-direction:column;gap:10px;width:100%}.dti-restart-btn,.dti-back-home-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.dti-restart-btn{background:linear-gradient(135deg,var(--dti-primary),var(--dti-secondary));color:#fff}.dti-restart-btn:hover{transform:scale(1.02);opacity:.9}.dti-back-home-btn{background:#ffffff1a;color:#fff}.dti-back-home-btn:hover{background:#fff3}.dti-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dti-volume-hud.dti-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dti-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.dti-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dti-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dti-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dti-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dti-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--dti-primary) 0%,var(--dti-secondary) 100%);border-radius:4px;transition:width .1s ease}.dti-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dti-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dti-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dti-scenario-list::-webkit-scrollbar,.dti-demo-content::-webkit-scrollbar{width:0;display:none}:root{--mvc-iphone-width: min(375px, 90vw);--mvc-max-height: calc(100svh - 40px) ;--mvc-iphone-height: min(calc(var(--mvc-iphone-width) * 2.16), var(--mvc-max-height));--mvc-border-radius: calc(var(--mvc-iphone-width) * .14);--mvc-bezel: calc(var(--mvc-iphone-width) * .025);--mvc-dynamic-island-width: calc(var(--mvc-iphone-width) * .32);--mvc-dynamic-island-height: calc(var(--mvc-iphone-width) * .095);--mvc-primary: #f97316;--mvc-primary-dark: #ea580c;--mvc-secondary: #ef4444;--mvc-gradient: linear-gradient(135deg, #f97316 0%, #ef4444 100%)}@supports not (height: 100svh){:root{--mvc-max-height: calc(100vh - 40px) ;--mvc-max-height: calc(var(--mvc-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mvc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a0a0a,#2e1a1a,#3d2020);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mvc-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;touch-action:none!important}body.mvc-modal-open>*:not(.mvc-overlay){visibility:hidden!important}body.mvc-modal-open .mvc-overlay{visibility:visible!important}.mvc-iphone-container{position:relative;width:var(--mvc-iphone-width);height:var(--mvc-iphone-height);max-width:100%;max-height:100%}.mvc-iphone-frame{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#2a2a2e,#1c1c1e,#2a2a2e);border-radius:var(--mvc-border-radius);padding:var(--mvc-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px #f9731626,inset 0 1px #ffffff1a}.mvc-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);border-radius:calc(var(--mvc-border-radius) + 1px);z-index:-1}.mvc-side-button{position:absolute;background:linear-gradient(90deg,#3a3a3c,#2c2c2e,#3a3a3c);border-radius:2px}.mvc-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mvc-iphone-width) * .04)}.mvc-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mvc-iphone-width) * .08)}.mvc-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mvc-iphone-width) * .08)}.mvc-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mvc-iphone-width) * .12)}.mvc-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mvc-border-radius) - var(--mvc-bezel));overflow:hidden;position:relative}.mvc-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a0a,#2e1a1a 30%,#3d2020,#2e1a1a 70%,#1a0a0a);z-index:0}.mvc-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(249,115,22,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(239,68,68,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(249,115,22,.08) 0%,transparent 40%);animation:mvc-wallpaper-drift 30s ease-in-out infinite}@keyframes mvc-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.mvc-dynamic-island{position:absolute;top:calc(var(--mvc-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mvc-dynamic-island-width);height:var(--mvc-dynamic-island-height);background:#000;border-radius:calc(var(--mvc-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mvc-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mvc-dynamic-island.mvc-di-state-collapsed{width:var(--mvc-dynamic-island-width);height:var(--mvc-dynamic-island-height)}.mvc-dynamic-island.mvc-di-state-compact{width:180px;height:42px;border-radius:21px}.mvc-dynamic-island.mvc-di-state-expanded{width:280px;height:75px;border-radius:30px}.mvc-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mvc-dynamic-island.mvc-di-state-compact .mvc-di-collapsed-content,.mvc-dynamic-island.mvc-di-state-expanded .mvc-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mvc-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mvc-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mvc-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mvc-dynamic-island.mvc-di-state-compact .mvc-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mvc-dynamic-island.mvc-di-state-expanded .mvc-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mvc-di-compact-left{display:flex;align-items:center;gap:8px}.mvc-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #f973164d;flex-shrink:0}.mvc-di-compact-album .mvc-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mvc-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mvc-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mvc-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mvc-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mvc-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mvc-dynamic-island.mvc-di-state-expanded .mvc-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mvc-dynamic-island.mvc-di-state-compact .mvc-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mvc-dynamic-island.mvc-di-state-collapsed .mvc-di-expanded-content,.mvc-dynamic-island.mvc-di-state-collapsed .mvc-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mvc-di-music-left{display:flex;align-items:center;gap:12px}.mvc-di-album{width:50px;height:50px;border-radius:10px;overflow:hidden;flex-shrink:0}.mvc-di-album .mvc-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mvc-di-track-info{display:flex;flex-direction:column;gap:2px}.mvc-di-track-info h4{margin:0;font-size:13px;font-weight:600;color:#fff}.mvc-di-track-info p{margin:0;font-size:11px;color:#fff9}.mvc-di-music-right{display:flex;align-items:flex-end;gap:3px;height:24px}.mvc-di-wave-bar{width:3px;background:var(--mvc-primary);border-radius:2px;animation:mvc-wave 1s ease-in-out infinite}.mvc-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.mvc-di-wave-bar:nth-child(2){height:70%;animation-delay:.1s}.mvc-di-wave-bar:nth-child(3){height:50%;animation-delay:.2s}.mvc-di-wave-bar:nth-child(4){height:80%;animation-delay:.3s}.mvc-di-wave-bar:nth-child(5){height:60%;animation-delay:.4s}@keyframes mvc-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mvc-status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 24px 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mvc-status-left,.mvc-status-right{display:flex;align-items:center}.mvc-status-right{gap:5px}.mvc-signal-bars{display:flex;gap:1px;align-items:flex-end;height:11px}.mvc-signal-bars span{width:3px;background:#fff;border-radius:1px}.mvc-signal-bars span:nth-child(1){height:25%}.mvc-signal-bars span:nth-child(2){height:50%}.mvc-signal-bars span:nth-child(3){height:75%}.mvc-signal-bars span:nth-child(4){height:100%}.mvc-5g{font-size:12px;margin-left:2px}.mvc-battery{display:flex;align-items:center}.mvc-battery-body{width:22px;height:11px;border:1.5px solid white;border-radius:3px;padding:1px;position:relative}.mvc-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mvc-battery-level{height:100%;width:80%;background:var(--mvc-primary);border-radius:1px}.mvc-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mvc-home-screen.mvc-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mvc-volume-hud{position:absolute;top:35%;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mvc-volume-hud.mvc-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mvc-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 8px 30px #0006;min-width:200px}.mvc-volume-hud-icon{width:20px;height:20px}.mvc-volume-hud-icon svg{width:100%;height:100%}.mvc-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mvc-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mvc-volume-hud-fill{height:100%;background:var(--mvc-gradient);border-radius:3px;transition:width .1s ease}.mvc-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0}.mvc-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mvc-time{font-size:60px;font-weight:200;letter-spacing:-2px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.mvc-date{font-size:16px;font-weight:500;opacity:.9;margin-top:4px}.mvc-widgets-container{position:absolute;bottom:32%;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;width:90%}.mvc-widget{flex:1;height:140px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mvc-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mvc-widget-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mvc-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mvc-weather-temp{font-size:36px;font-weight:300}.mvc-weather-desc{font-size:12px;opacity:.8;margin-top:4px}.mvc-music-playing{display:flex;align-items:center;gap:10px}.mvc-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mvc-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mvc-music-info h4{font-size:12px;font-weight:600;margin:0}.mvc-music-info p{font-size:10px;opacity:.7;margin:0}.mvc-dock{position:absolute;bottom:calc(var(--mvc-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mvc-dock-icon{width:calc(var(--mvc-iphone-width) * .14);height:calc(var(--mvc-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer;position:relative}.mvc-dock-icon:active{transform:scale(.9)}.mvc-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mvc-network-icon .mvc-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mvc-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mvc-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mvc-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mvc-close-icon .mvc-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mvc-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mvc-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mvc-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mvc-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mvc-fingerPoint 1s ease-in-out infinite}.mvc-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mvc-closePulseRing 1.5s ease-out infinite;z-index:-1}.mvc-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mvc-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mvc-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mvc-app-icon{background:var(--mvc-gradient);position:relative}.mvc-app-icon svg{width:26px;height:26px;opacity:1}.mvc-app-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--mvc-gradient);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #f9731666;animation:mvc-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mvc-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--mvc-secondary)}.mvc-app-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mvc-fingerPoint 1s ease-in-out infinite}@keyframes mvc-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mvc-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mvc-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#f9731666;animation:mvc-pulseRing 1.5s ease-out infinite;z-index:-1}.mvc-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ef444433;animation:mvc-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mvc-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mvc-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:35%;height:4px;background:#ffffff80;border-radius:2px;z-index:100;cursor:pointer}.mvc-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mvc-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a0a,#2e1a1a);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mvc-border-radius) - var(--mvc-bezel));overflow:hidden}.mvc-app.mvc-active{display:flex}.mvc-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mvc-scenario-header{background:linear-gradient(180deg,rgba(249,115,22,.1) 0%,transparent 100%);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.mvc-scenario-header .mvc-logo{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--mvc-gradient);padding:2px;flex-shrink:0}.mvc-scenario-header .mvc-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mvc-scenario-header .mvc-info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.mvc-scenario-header .mvc-info p{color:#8e8e93;font-size:12px;margin:0}.mvc-scenario-header .mvc-info{flex:1}.mvc-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.mvc-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mvc-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:left}.mvc-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--mvc-gradient)}.mvc-scenario-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mvc-scenario-item .mvc-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.mvc-scenario-item .mvc-text p{color:#8e8e93;font-size:12px;margin:0}.mvc-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mvc-demo-header{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.mvc-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:8px}.mvc-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mvc-demo-header .mvc-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--mvc-gradient);padding:2px;flex-shrink:0}.mvc-demo-header .mvc-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mvc-demo-header .mvc-info{flex:1}.mvc-demo-header .mvc-info h3{color:#fff;font-size:14px;font-weight:500;margin:0}.mvc-demo-header .mvc-info p{color:#8e8e93;font-size:11px;margin:0}.mvc-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:18px}.mvc-demo-content{flex:1;overflow-y:auto;padding:16px}.mvc-prompt-section{margin-bottom:16px}.mvc-prompt-label{font-size:12px;color:var(--mvc-primary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:4px}.mvc-sparkle{font-size:14px}.mvc-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;min-height:70px}.mvc-prompt-box p{color:#fff;font-size:13px;line-height:1.5;margin:0}.mvc-cursor{display:inline-block;width:2px;height:14px;background:var(--mvc-primary);margin-left:2px;animation:mvc-blink .5s infinite}@keyframes mvc-blink{0%,to{opacity:1}50%{opacity:0}}.mvc-generation{text-align:center;padding:20px 0}.mvc-gen-icon{width:60px;height:60px;margin:0 auto 16px;background:var(--mvc-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mvc-gen-pulse 1.5s ease-in-out infinite}.mvc-gen-icon svg{width:28px;height:28px;color:#fff}@keyframes mvc-gen-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mvc-generation h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.mvc-waveform{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:48px;margin-bottom:16px}.mvc-waveform-bar{width:4px;background:var(--mvc-primary);border-radius:2px;animation:mvc-waveform-anim .5s ease-in-out infinite}@keyframes mvc-waveform-anim{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.mvc-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:16px}.mvc-progress-fill{height:100%;background:var(--mvc-gradient);border-radius:3px;transition:width .1s ease}.mvc-steps{text-align:left}.mvc-step{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;color:#666;font-size:13px}.mvc-step.active{background:#ffffff0d;color:#fff}.mvc-step.completed{color:#10b981}.mvc-step-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:#ffffff1a}.mvc-step.completed .mvc-step-indicator{background:#10b981;color:#fff}.mvc-step.active .mvc-step-indicator{background:var(--mvc-primary);color:#fff}.mvc-step-indicator img{width:12px;height:12px;filter:brightness(0) invert(1)}.mvc-step-dot{width:8px;height:8px;background:#ffffff80;border-radius:50%}.mvc-step-dot.active{background:#fff;animation:mvc-dotPulse .6s ease-in-out infinite}@keyframes mvc-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mvc-complete{text-align:center;padding:16px 0}.mvc-success-icon{width:50px;height:50px;margin:0 auto 12px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center}.mvc-success-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.mvc-complete h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.mvc-audio-player{width:100%;background:linear-gradient(135deg,#f9731633,#ef444433);border:1px solid rgba(249,115,22,.3);border-radius:20px;padding:20px;margin-bottom:16px}.mvc-player-waveform{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:48px;margin-bottom:16px}.mvc-player-bar{width:4px;background:#ffffff4d;border-radius:2px;transition:all .3s ease}.mvc-player-bar.playing{background:var(--mvc-primary);animation:mvc-player-bar-anim .5s ease-in-out infinite}@keyframes mvc-player-bar-anim{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.mvc-player-progress{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-bottom:8px}.mvc-player-progress-fill{height:100%;background:var(--mvc-gradient);border-radius:2px;transition:width .1s ease}.mvc-player-time{display:flex;justify-content:space-between;font-size:11px;color:#fff9;margin-bottom:16px}.mvc-play-btn{width:56px;height:56px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--mvc-gradient);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.mvc-play-btn:active{transform:scale(.95)}.mvc-play-btn svg{width:24px;height:24px}.mvc-player-status{margin-top:12px;font-size:13px;color:#fff9}.mvc-voice-info{display:flex;gap:12px;margin-bottom:16px}.mvc-voice-info .mvc-info-item{flex:1;background:#ffffff0d;border-radius:10px;padding:12px;text-align:center}.mvc-info-label{display:block;color:#8e8e93;font-size:11px;margin-bottom:4px}.mvc-info-value{color:#fff;font-size:14px;font-weight:600}.mvc-voice-comparison{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.mvc-voice-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0d;border-radius:12px}.mvc-voice-row.mvc-cloned{background:linear-gradient(135deg,#f9731626,#ef444426);border:1px solid rgba(249,115,22,.3)}.mvc-voice-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3}.mvc-voice-row.mvc-cloned .mvc-voice-icon{background:var(--mvc-gradient)}.mvc-voice-icon svg{width:16px;height:16px;color:#fff}.mvc-voice-row span{flex:1;font-size:13px;color:#fff}.mvc-voice-line{width:60px;height:3px;background:#ffffff4d;border-radius:2px}.mvc-voice-row.mvc-cloned .mvc-voice-line{background:var(--mvc-gradient)}.mvc-voice-row.mvc-cloned.playing .mvc-voice-line{animation:mvc-voice-line-pulse .5s ease-in-out infinite}@keyframes mvc-voice-line-pulse{0%,to{opacity:1}50%{opacity:.5}}.mvc-demo-actions{display:flex;flex-direction:column;gap:10px}.mvc-restart-btn{width:100%;padding:12px;background:var(--mvc-gradient);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mvc-back-home-btn{width:100%;padding:12px;background:#ffffff1a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}:root{--dvc-iphone-width: 390px;--dvc-iphone-height: 844px;--dvc-border-radius: 55px;--dvc-bezel: 10px;--dvc-dynamic-island-width: 125px;--dvc-dynamic-island-height: 37px;--dvc-primary: #f97316;--dvc-primary-dark: #ea580c;--dvc-secondary: #ef4444;--dvc-gradient: linear-gradient(135deg, #f97316 0%, #ef4444 100%)}.dvc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dvc-overlay.dvc-visible{opacity:1}.dvc-overlay.dvc-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dvc-modal-open{overflow:hidden!important}.dvc-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dvc-iphone-container.dvc-visible{opacity:1;transform:scale(1) translateY(0)}.dvc-iphone-container.dvc-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dvc-iphone-frame{position:relative;width:var(--dvc-iphone-width);height:var(--dvc-iphone-height);background:linear-gradient(145deg,#5a3020,#2e1810,#452818);border-radius:var(--dvc-border-radius);padding:var(--dvc-bezel);box-shadow:0 0 0 1px #f9731626,0 25px 80px -15px #000000b3,0 10px 40px -10px #ef444433,inset 0 1px #f973161a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dvc-iphone-frame:hover{box-shadow:0 0 0 1px #f9731640,0 30px 100px -15px #000c,0 15px 50px -10px #ef44444d,inset 0 1px #f9731626}.dvc-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#f9731633,#ef44440d,#0000001a,#ef44440d,#f9731626);border-radius:calc(var(--dvc-border-radius) + 1px);z-index:-1}.dvc-side-button{position:absolute;background:linear-gradient(90deg,#6a4030,#3e2018,#6a4030);border-radius:2px;transition:background .2s ease}.dvc-side-button:hover{background:linear-gradient(90deg,#7a5040,#4e3028,#7a5040)}.dvc-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dvc-volume-up{left:-4px;top:160px;width:4px;height:65px}.dvc-volume-down{left:-4px;top:235px;width:4px;height:65px}.dvc-power-button{right:-4px;top:180px;width:4px;height:100px}.dvc-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dvc-border-radius) - var(--dvc-bezel));overflow:hidden;position:relative}.dvc-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dvc-dynamic-island-width);height:var(--dvc-dynamic-island-height);background:#000;border-radius:calc(var(--dvc-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1)}.dvc-dynamic-island.dvc-di-state-collapsed:hover{width:140px;height:40px}.dvc-dynamic-island.dvc-di-state-compact{width:220px;height:50px;border-radius:25px}.dvc-dynamic-island.dvc-di-state-expanded{width:340px;height:90px;border-radius:40px}.dvc-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dvc-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dvc-dynamic-island.dvc-di-state-expanded .dvc-di-collapsed-content,.dvc-dynamic-island.dvc-di-state-compact .dvc-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dvc-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.dvc-dynamic-island.dvc-di-state-compact .dvc-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dvc-dynamic-island.dvc-di-state-expanded .dvc-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none}.dvc-di-compact-left{display:flex;align-items:center;gap:10px}.dvc-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #f973164d;flex-shrink:0}.dvc-di-compact-album .dvc-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dvc-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dvc-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dvc-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dvc-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dvc-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.dvc-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #00646433}.dvc-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.dvc-dynamic-island.dvc-di-state-expanded .dvc-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dvc-dynamic-island.dvc-di-state-compact .dvc-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none}.dvc-dynamic-island.dvc-di-state-collapsed .dvc-di-expanded-content,.dvc-dynamic-island.dvc-di-state-collapsed .dvc-di-compact-content{opacity:0;transform:scale(.85)}.dvc-dynamic-island.dvc-di-state-collapsed .dvc-di-collapsed-content{opacity:1}.dvc-di-music-left{display:flex;align-items:center;gap:14px}.dvc-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #f973164d;transition:transform .3s ease}.dvc-dynamic-island.dvc-di-state-expanded:hover .dvc-di-album{transform:scale(1.05)}.dvc-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dvc-di-track-info{color:#fff}.dvc-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px}.dvc-di-track-info p{font-size:12px;color:#fff9;margin:0}.dvc-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dvc-di-wave-bar{width:4px;background:linear-gradient(180deg,var(--dvc-primary) 0%,var(--dvc-secondary) 100%);border-radius:3px;animation:dvc-waveAnim 1s ease-in-out infinite}.dvc-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dvc-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dvc-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dvc-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dvc-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dvc-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dvc-di-compact-waves .dvc-di-wave-bar{width:3px;height:100%}.dvc-di-compact-waves .dvc-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dvc-di-compact-waves .dvc-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dvc-di-compact-waves .dvc-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}.dvc-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(249,115,22,.5) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(239,68,68,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(234,88,12,.5) 0%,transparent 50%),linear-gradient(180deg,#1a0a0a,#2e1a1a);animation:dvc-wallpaperShift 20s ease-in-out infinite}@keyframes dvc-wallpaperShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(10deg)}}.dvc-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dvc-status-left{display:flex;align-items:center}.dvc-status-right{display:flex;align-items:center;gap:6px}.dvc-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dvc-signal-bars span{width:4px;background:#fff;border-radius:1px}.dvc-signal-bars span:nth-child(1){height:25%}.dvc-signal-bars span:nth-child(2){height:50%}.dvc-signal-bars span:nth-child(3){height:75%}.dvc-signal-bars span:nth-child(4){height:100%}.dvc-5g{font-size:13px;margin-left:3px}.dvc-battery{display:flex;align-items:center;gap:3px}.dvc-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dvc-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dvc-battery-level{height:100%;width:80%;background:linear-gradient(90deg,#f97316,#ef4444);border-radius:2px}.dvc-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dvc-home-screen.dvc-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dvc-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dvc-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dvc-time:hover{transform:scale(1.02)}.dvc-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dvc-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dvc-volume-hud.dvc-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dvc-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.dvc-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dvc-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dvc-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dvc-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dvc-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--dvc-primary),var(--dvc-secondary));border-radius:4px;transition:width .1s ease}.dvc-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dvc-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dvc-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dvc-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#f9731633,#ef444433);opacity:0;animation:dvc-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes dvc-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.dvc-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dvc-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dvc-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dvc-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dvc-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}.dvc-weather-icon{background:transparent}.dvc-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dvc-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dvc-weather-temp{font-size:42px;font-weight:300}.dvc-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dvc-music-playing{display:flex;align-items:center;gap:12px}.dvc-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dvc-widget:hover .dvc-music-album{transform:rotate(5deg)}.dvc-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dvc-music-info h4{font-size:14px;font-weight:600;margin:0}.dvc-music-info p{font-size:12px;opacity:.7;margin:2px 0 0}.dvc-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dvc-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dvc-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dvc-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dvc-dock-hover:active{transform:scale(.95)}.dvc-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dvc-network-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dvc-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dvc-network-icon:hover .dvc-network-tooltip{opacity:1}.dvc-network-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dvc-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dvc-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dvc-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dvc-close-icon .dvc-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dvc-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dvc-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dvc-close-icon:hover .dvc-close-tooltip{opacity:1}.dvc-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dvc-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dvc-closePulseRing 1.5s ease-out infinite;z-index:-1}.dvc-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dvc-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dvc-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dvc-app-icon{background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary));position:relative}.dvc-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary));color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #f9731680;animation:dvc-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dvc-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dvc-secondary)}.dvc-app-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dvc-fingerPoint 1s ease-in-out infinite}@keyframes dvc-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dvc-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dvc-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#f9731666;animation:dvc-pulseRing 1.5s ease-out infinite;z-index:-1}.dvc-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#f9731633;animation:dvc-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dvc-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dvc-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a0a,#2e1a1a);border-radius:calc(var(--dvc-border-radius) - var(--dvc-bezel));overflow:hidden;opacity:0;transform:translateY(100%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:60}.dvc-app.dvc-active{opacity:1;transform:translateY(0)}.dvc-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.dvc-scenario-header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.dvc-scenario-header .dvc-logo{width:44px;height:44px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary));padding:2px}.dvc-scenario-header .dvc-logo img{width:100%;height:100%;border-radius:12px;-o-object-fit:cover;object-fit:cover}.dvc-scenario-header .dvc-info{flex:1}.dvc-scenario-header .dvc-info h3{margin:0;font-size:16px;font-weight:600;color:#fff}.dvc-scenario-header .dvc-info p{margin:2px 0 0;font-size:12px;color:#fff9}.dvc-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.dvc-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.dvc-scenario-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.dvc-scenario-item{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:18px;cursor:pointer;transition:all .2s ease;text-align:left}.dvc-scenario-item:hover{background:#f9731626;transform:translate(4px)}.dvc-scenario-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary));border-radius:14px;flex-shrink:0}.dvc-scenario-icon{width:26px;height:26px;filter:brightness(0) invert(1)}.dvc-scenario-item .dvc-text h4{margin:0;font-size:15px;font-weight:600;color:#fff}.dvc-scenario-item .dvc-text p{margin:3px 0 0;font-size:12px;color:#ffffff80}.dvc-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.dvc-demo-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.dvc-back-btn{width:36px;height:36px;border-radius:50%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dvc-back-btn:hover{background:#ffffff1a}.dvc-back-img{width:22px;height:22px;filter:brightness(0) invert(1)}.dvc-demo-header .dvc-profile{width:36px;height:36px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary));padding:2px;flex-shrink:0}.dvc-demo-header .dvc-profile img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}.dvc-demo-header .dvc-info{flex:1;min-width:0}.dvc-demo-header .dvc-info h3{margin:0;font-size:14px;font-weight:600;color:#fff}.dvc-demo-header .dvc-info p{margin:2px 0 0;font-size:11px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dvc-action-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dvc-action-btn:hover{background:#fff3}.dvc-demo-content{flex:1;overflow-y:auto;padding:16px}.dvc-prompt-section{margin-bottom:20px}.dvc-prompt-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--dvc-primary);margin-bottom:8px}.dvc-sparkle{font-size:14px}.dvc-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}.dvc-prompt-box p{margin:0;font-size:14px;line-height:1.6;color:#fff;min-height:60px}.dvc-cursor{display:inline-block;color:var(--dvc-primary);animation:dvc-blink 1s infinite}@keyframes dvc-blink{0%,50%{opacity:1}51%,to{opacity:0}}.dvc-generation{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.dvc-gen-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary));border-radius:50%;margin-bottom:16px;animation:dvc-gen-pulse 1.5s ease-in-out infinite}@keyframes dvc-gen-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dvc-gen-icon svg{width:32px;height:32px;color:#fff}.dvc-generation h4{margin:0 0 20px;font-size:16px;font-weight:600;color:#fff}.dvc-waveform{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:48px;margin-bottom:20px}.dvc-waveform-bar{width:4px;background:var(--dvc-primary);border-radius:2px;animation:dvc-waveform-anim .5s ease-in-out infinite}@keyframes dvc-waveform-anim{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.dvc-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:20px}.dvc-progress-fill{height:100%;background:linear-gradient(90deg,var(--dvc-primary),var(--dvc-secondary));border-radius:3px;transition:width .1s ease}.dvc-steps{width:100%;display:flex;flex-direction:column;gap:8px}.dvc-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;opacity:.4;transition:all .2s ease}.dvc-step.active{background:#f9731633;opacity:1}.dvc-step.completed{opacity:1}.dvc-step-indicator{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3}.dvc-step.completed .dvc-step-indicator{background:#22c55e}.dvc-step.active .dvc-step-indicator{background:var(--dvc-primary)}.dvc-step-indicator img{width:12px;height:12px;filter:brightness(0) invert(1)}.dvc-step-dot{width:8px;height:8px;background:#ffffff80;border-radius:50%}.dvc-step-dot.active{background:#fff;animation:dvc-dot-pulse .6s ease-in-out infinite}@keyframes dvc-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.dvc-step span{font-size:13px;color:#fff}.dvc-complete{display:flex;flex-direction:column;align-items:center;text-align:center;animation:dvc-fadeIn .4s ease}@keyframes dvc-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dvc-success-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;margin-bottom:12px;animation:dvc-success-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes dvc-success-pop{0%{transform:scale(0)}to{transform:scale(1)}}.dvc-success-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.dvc-complete h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#fff}.dvc-audio-player{width:100%;background:linear-gradient(135deg,#f9731633,#ef444433);border:1px solid rgba(249,115,22,.3);border-radius:20px;padding:20px;margin-bottom:16px}.dvc-player-waveform{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:48px;margin-bottom:16px}.dvc-player-bar{width:4px;background:#ffffff4d;border-radius:2px;transition:all .3s ease}.dvc-player-bar.playing{background:var(--dvc-primary);animation:dvc-player-bar-anim .5s ease-in-out infinite}@keyframes dvc-player-bar-anim{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.dvc-player-progress{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-bottom:8px}.dvc-player-progress-fill{height:100%;background:linear-gradient(90deg,var(--dvc-primary),var(--dvc-secondary));border-radius:2px;transition:width .1s ease}.dvc-player-time{display:flex;justify-content:space-between;font-size:11px;color:#fff9;margin-bottom:16px}.dvc-play-btn{width:56px;height:56px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary));border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.dvc-play-btn:hover{transform:scale(1.05)}.dvc-play-btn:active{transform:scale(.95)}.dvc-play-btn svg{width:24px;height:24px}.dvc-player-status{margin-top:12px;font-size:13px;color:#fff9}.dvc-voice-info{display:flex;gap:12px;width:100%;margin-bottom:16px}.dvc-voice-info .dvc-info-item{flex:1;background:#ffffff0d;border-radius:12px;padding:12px;text-align:center}.dvc-info-label{display:block;font-size:11px;color:#ffffff80;margin-bottom:4px}.dvc-info-value{display:block;font-size:14px;font-weight:600;color:#fff}.dvc-voice-comparison{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.dvc-voice-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0d;border-radius:12px}.dvc-voice-row.dvc-cloned{background:linear-gradient(135deg,#f9731626,#ef444426);border:1px solid rgba(249,115,22,.3)}.dvc-voice-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3}.dvc-voice-row.dvc-cloned .dvc-voice-icon{background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary))}.dvc-voice-icon svg{width:16px;height:16px;color:#fff}.dvc-voice-row span{flex:1;font-size:13px;color:#fff}.dvc-voice-line{width:60px;height:3px;background:#ffffff4d;border-radius:2px}.dvc-voice-row.dvc-cloned .dvc-voice-line{background:linear-gradient(90deg,var(--dvc-primary),var(--dvc-secondary))}.dvc-voice-row.dvc-cloned.playing .dvc-voice-line{animation:dvc-voice-line-pulse .5s ease-in-out infinite}@keyframes dvc-voice-line-pulse{0%,to{opacity:1}50%{opacity:.5}}.dvc-demo-actions{display:flex;flex-direction:column;gap:10px;width:100%}.dvc-restart-btn,.dvc-back-home-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:14px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.dvc-restart-btn{background:linear-gradient(135deg,var(--dvc-primary),var(--dvc-secondary));color:#fff}.dvc-restart-btn:hover{transform:scale(1.02)}.dvc-restart-btn:active{transform:scale(.98)}.dvc-back-home-btn{background:#ffffff1a;color:#fff}.dvc-back-home-btn:hover{background:#ffffff26}.dvc-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#ffffff4d;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dvc-home-indicator:hover{background:#ffffff80;transform:translate(-50%) scaleX(1.05)}.dvc-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:90}.dvc-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;font-weight:500;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.5)}.dvc-scenario-list::-webkit-scrollbar,.dvc-demo-content::-webkit-scrollbar{width:4px}.dvc-scenario-list::-webkit-scrollbar-track,.dvc-demo-content::-webkit-scrollbar-track{background:transparent}.dvc-scenario-list::-webkit-scrollbar-thumb,.dvc-demo-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.dvc-scenario-list::-webkit-scrollbar-thumb:hover,.dvc-demo-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--mdoc-iphone-width: min(375px, 90vw);--mdoc-max-height: calc(100svh - 40px) ;--mdoc-iphone-height: min(calc(var(--mdoc-iphone-width) * 2.16), var(--mdoc-max-height));--mdoc-border-radius: calc(var(--mdoc-iphone-width) * .14);--mdoc-bezel: calc(var(--mdoc-iphone-width) * .025);--mdoc-dynamic-island-width: calc(var(--mdoc-iphone-width) * .32);--mdoc-dynamic-island-height: calc(var(--mdoc-iphone-width) * .095)}@supports not (height: 100svh){:root{--mdoc-max-height: calc(100vh - 40px) ;--mdoc-max-height: calc(var(--mdoc-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mdoc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate;opacity:0;transition:opacity .4s ease}.mdoc-overlay.mdoc-visible{opacity:1}.mdoc-overlay.mdoc-closing{opacity:0}body.mdoc-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;touch-action:none!important}body.mdoc-modal-open>*:not(.mdoc-overlay){visibility:hidden!important}body.mdoc-modal-open .mdoc-overlay{visibility:visible!important}.mdoc-iphone-container{position:relative;transform:scale(.9);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.mdoc-iphone-container.mdoc-visible{transform:scale(1);opacity:1}.mdoc-iphone-container.mdoc-closing{transform:scale(.9);opacity:0}.mdoc-iphone-frame{position:relative;width:var(--mdoc-iphone-width);height:var(--mdoc-iphone-height);background:linear-gradient(145deg,#2a2a2e,#1c1c1e,#2a2a2e);border-radius:var(--mdoc-border-radius);padding:var(--mdoc-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px #64748b26,inset 0 1px #ffffff1a}.mdoc-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);border-radius:calc(var(--mdoc-border-radius) + 1px);z-index:-1}.mdoc-side-button{position:absolute;background:linear-gradient(90deg,#3a3a3c,#2c2c2e,#3a3a3c);border-radius:2px}.mdoc-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mdoc-iphone-width) * .04)}.mdoc-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mdoc-iphone-width) * .08)}.mdoc-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mdoc-iphone-width) * .08)}.mdoc-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mdoc-iphone-width) * .12)}.mdoc-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mdoc-border-radius) - var(--mdoc-bezel));overflow:hidden;position:relative}.mdoc-dynamic-island{position:absolute;top:calc(var(--mdoc-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mdoc-dynamic-island-width);height:var(--mdoc-dynamic-island-height);background:#000;border-radius:calc(var(--mdoc-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mdoc-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mdoc-dynamic-island.mdoc-di-state-collapsed{width:var(--mdoc-dynamic-island-width);height:var(--mdoc-dynamic-island-height)}.mdoc-dynamic-island.mdoc-di-state-compact{width:180px;height:42px;border-radius:21px}.mdoc-dynamic-island.mdoc-di-state-expanded{width:280px;height:75px;border-radius:30px}.mdoc-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mdoc-dynamic-island.mdoc-di-state-compact .mdoc-di-collapsed-content,.mdoc-dynamic-island.mdoc-di-state-expanded .mdoc-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mdoc-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mdoc-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mdoc-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mdoc-dynamic-island.mdoc-di-state-compact .mdoc-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mdoc-dynamic-island.mdoc-di-state-expanded .mdoc-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mdoc-di-compact-left{display:flex;align-items:center;gap:8px}.mdoc-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #64748b4d;flex-shrink:0}.mdoc-di-compact-album .mdoc-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mdoc-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mdoc-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mdoc-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mdoc-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mdoc-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mdoc-dynamic-island.mdoc-di-state-expanded .mdoc-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mdoc-dynamic-island.mdoc-di-state-compact .mdoc-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mdoc-dynamic-island.mdoc-di-state-collapsed .mdoc-di-expanded-content,.mdoc-dynamic-island.mdoc-di-state-collapsed .mdoc-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mdoc-di-music-left{display:flex;align-items:center;gap:12px}.mdoc-di-album{width:48px;height:48px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #64748b66;flex-shrink:0}.mdoc-di-album .mdoc-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mdoc-di-track-info{display:flex;flex-direction:column;gap:2px}.mdoc-di-track-info h4{color:#fff;font-size:13px;font-weight:600;margin:0;letter-spacing:-.3px}.mdoc-di-track-info p{color:#fff9;font-size:11px;margin:0}.mdoc-di-music-right{display:flex;align-items:center;gap:3px;height:30px}.mdoc-di-wave-bar{width:3px;height:100%;background:linear-gradient(to top,#64748b,#94a3b8);border-radius:2px;animation:mdoc-waveAnimation .8s ease-in-out infinite}.mdoc-di-wave-bar:nth-child(1){animation-delay:0s;height:60%}.mdoc-di-wave-bar:nth-child(2){animation-delay:.1s;height:100%}.mdoc-di-wave-bar:nth-child(3){animation-delay:.2s;height:40%}.mdoc-di-wave-bar:nth-child(4){animation-delay:.3s;height:80%}.mdoc-di-wave-bar:nth-child(5){animation-delay:.4s;height:50%}@keyframes mdoc-waveAnimation{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mdoc-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(100,116,139,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(71,85,105,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(148,163,184,.3) 0%,transparent 50%),linear-gradient(180deg,#0a0a0f,#1a1a2e)}.mdoc-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mdoc-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mdoc-iphone-width) * .045) calc(var(--mdoc-iphone-width) * .07) 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mdoc-status-left{display:flex;align-items:center}.mdoc-status-right{display:flex;align-items:center;gap:5px}.mdoc-signal-bars{display:flex;gap:1.5px;align-items:flex-end;height:12px}.mdoc-signal-bars span{width:3px;background:#fff;border-radius:1px}.mdoc-signal-bars span:nth-child(1){height:25%}.mdoc-signal-bars span:nth-child(2){height:50%}.mdoc-signal-bars span:nth-child(3){height:75%}.mdoc-signal-bars span:nth-child(4){height:100%}.mdoc-5g{font-size:12px;margin-left:2px}.mdoc-battery{display:flex;align-items:center;gap:2px}.mdoc-battery-body{width:24px;height:11px;border:1.5px solid white;border-radius:3px;padding:1.5px;position:relative}.mdoc-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mdoc-battery-level{height:100%;width:80%;background:#353635;border-radius:1.5px}.mdoc-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mdoc-home-screen.mdoc-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mdoc-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mdoc-time{font-size:calc(var(--mdoc-iphone-width) * .2);font-weight:200;letter-spacing:-2px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.mdoc-date{font-size:calc(var(--mdoc-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:5px}.mdoc-widgets-container{position:absolute;bottom:28%;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.mdoc-widget{width:calc(var(--mdoc-iphone-width) * .42);height:calc(var(--mdoc-iphone-width) * .42);background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mdoc-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mdoc-widget-icon{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px}.mdoc-weather-icon{background:transparent}.mdoc-music-icon{background:transparent;border-radius:5px;overflow:hidden}.mdoc-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mdoc-weather-temp{font-size:36px;font-weight:300}.mdoc-weather-desc{font-size:13px;opacity:.8;margin-top:4px}.mdoc-music-playing{display:flex;align-items:center;gap:10px}.mdoc-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mdoc-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mdoc-music-info h4{font-size:13px;font-weight:600}.mdoc-music-info p{font-size:11px;opacity:.7}.mdoc-dock{position:absolute;bottom:calc(var(--mdoc-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mdoc-dock-icon{width:calc(var(--mdoc-iphone-width) * .14);height:calc(var(--mdoc-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer}.mdoc-dock-icon:active{transform:scale(.9)}.mdoc-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mdoc-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mdoc-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mdoc-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mdoc-close-icon .mdoc-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mdoc-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mdoc-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mdoc-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mdoc-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mdoc-fingerPoint 1s ease-in-out infinite}.mdoc-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mdoc-closePulseRing 1.5s ease-out infinite;z-index:-1}.mdoc-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mdoc-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mdoc-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mdoc-whatsapp-icon{background:linear-gradient(135deg,#64748b,#475569);position:relative}.mdoc-whatsapp-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#64748b,#475569);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #64748b66;animation:mdoc-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mdoc-whatsapp-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#475569}.mdoc-whatsapp-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mdoc-fingerPoint 1s ease-in-out infinite}@keyframes mdoc-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mdoc-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mdoc-whatsapp-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#64748b80;animation:mdoc-pulseRing 1.5s ease-out infinite;z-index:-1}.mdoc-whatsapp-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#64748b4d;animation:mdoc-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mdoc-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mdoc-home-indicator{position:absolute;bottom:calc(var(--mdoc-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--mdoc-iphone-width) * .36);height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer}.mdoc-screen-reflection{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mdoc-whatsapp-app{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e293b;z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mdoc-border-radius) - var(--mdoc-bezel));overflow:hidden;animation:mdoc-appOpen .3s ease}.mdoc-whatsapp-app.mdoc-active{display:flex}@keyframes mdoc-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mdoc-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:calc(var(--mdoc-iphone-width) * .14)}.mdoc-scenario-header{background:#334155;padding:12px 16px;display:flex;align-items:center;gap:12px}.mdoc-scenario-header .mdoc-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;padding:2px;background:linear-gradient(135deg,#64748b,#475569);flex-shrink:0}.mdoc-scenario-header .mdoc-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mdoc-scenario-header .mdoc-info{flex:1}.mdoc-scenario-header .mdoc-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.mdoc-scenario-header .mdoc-info p{color:#94a3b8;font-size:12px;margin:0}.mdoc-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.mdoc-close-btn:hover{background:#ffffff1a}.mdoc-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mdoc-scenario-item{background:#334155;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;border:none;width:100%;text-align:left}.mdoc-scenario-item:hover{background:#475569;transform:scale(1.02)}.mdoc-scenario-item:active{transform:scale(.98)}.mdoc-scenario-item .mdoc-icon{font-size:24px}.mdoc-scenario-item .mdoc-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.mdoc-scenario-item .mdoc-text p{color:#94a3b8;font-size:12px;margin:0}.mdoc-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdoc-scenario-icon-wrapper.invoice{background:linear-gradient(135deg,#64748b,#475569)}.mdoc-scenario-icon-wrapper.contract{background:linear-gradient(135deg,#475569,#334155)}.mdoc-scenario-icon-wrapper.id-card{background:linear-gradient(135deg,#94a3b8,#64748b)}.mdoc-scenario-icon-wrapper.receipt{background:linear-gradient(135deg,#64748b,#94a3b8)}.mdoc-scenario-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.mdoc-chat-screen{display:flex;flex-direction:column;height:100%;background:#1e293b;padding-top:calc(var(--mdoc-iphone-width) * .14)}.mdoc-chat-header{background:#334155;padding:8px;display:flex;align-items:center;gap:8px}.mdoc-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.mdoc-back-btn:hover{background:#ffffff1a}.mdoc-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mdoc-back-btn:hover .mdoc-back-img{filter:brightness(0) invert(1) opacity(1)}.mdoc-chat-header .mdoc-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;padding:2px;background:linear-gradient(135deg,#64748b,#475569);flex-shrink:0}.mdoc-chat-header .mdoc-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mdoc-chat-header .mdoc-info{flex:1;min-width:0}.mdoc-chat-header .mdoc-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.mdoc-chat-header .mdoc-info p{color:#94a3b8;font-size:11px;margin:0}.mdoc-chat-header .mdoc-info p.mdoc-typing{color:#64748b}.mdoc-actions{display:flex;align-items:center;gap:4px}.mdoc-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:visible}.mdoc-action-btn:hover{background:#ffffff1a}.mdoc-action-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7);min-width:28px;min-height:28px}.mdoc-action-btn:hover .mdoc-action-icon{filter:brightness(0) invert(1) opacity(1)}.mdoc-call-action-icon{width:22px;height:22px;min-width:22px;min-height:22px}.mdoc-chat-area{flex:1;overflow-y:auto;padding:12px;background-color:#1e293b}.mdoc-message{max-width:85%;margin-bottom:8px;animation:mdoc-fadeIn .3s ease}@keyframes mdoc-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mdoc-message.mdoc-user{margin-left:auto}.mdoc-message.mdoc-bot{margin-right:auto}.mdoc-bubble{padding:8px 12px;border-radius:20px;font-size:14px;line-height:1.4}.mdoc-message.mdoc-user .mdoc-bubble{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border-bottom-right-radius:4px}.mdoc-message.mdoc-bot .mdoc-bubble{background:#334155;color:#e9edef;border-bottom-left-radius:4px}.mdoc-bubble{position:relative;display:flex;flex-direction:column}.mdoc-bubble-content{padding-right:55px;min-height:1.2em}.mdoc-msg-time{font-size:10px;color:#ffffff80;position:absolute;right:6px;bottom:3px;display:flex;align-items:center;gap:3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mdoc-check{width:14px;height:14px;vertical-align:middle}.mdoc-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#334155;border-radius:20px;width:-moz-fit-content;width:fit-content;margin-bottom:8px}.mdoc-typing-indicator span{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:mdoc-typingBounce 1.4s infinite ease-in-out}.mdoc-typing-indicator span:nth-child(1){animation-delay:0s}.mdoc-typing-indicator span:nth-child(2){animation-delay:.2s}.mdoc-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes mdoc-typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.mdoc-demo-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-bottom:8px}.mdoc-restart-btn{width:100%;padding:10px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mdoc-restart-btn:hover{opacity:.9}.mdoc-contact-btn{width:100%;padding:10px;background:#334155;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer}.mdoc-contact-btn:hover{background:#475569}.mdoc-input-area{background:#1e293b;padding:12px;display:flex;align-items:center;justify-content:center;border-top:1px solid #334155}.mdoc-input-field{flex:1;background:#334155;border-radius:20px;padding:10px 16px;color:#94a3b8;font-size:14px}.mdoc-volume-hud{position:absolute;top:220px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mdoc-volume-hud.mdoc-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mdoc-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:14px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:220px;position:relative}.mdoc-volume-hud-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdoc-volume-hud-icon svg{width:18px;height:18px;fill:#fff;opacity:.9}.mdoc-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mdoc-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mdoc-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#64748b,#94a3b8);border-radius:3px;transition:width .1s ease}.mdoc-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.mdoc-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;cursor:pointer}.mdoc-volume-hud-input::-moz-range-thumb{width:24px;height:24px;cursor:pointer;border:none;background:transparent}.mdoc-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#64748b33,#94a3b833);opacity:0;animation:mdoc-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes mdoc-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.mdoc-uploading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.mdoc-uploading-icon{font-size:64px;margin-bottom:24px;animation:mdoc-uploadBounce 1s ease-in-out infinite}@keyframes mdoc-uploadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mdoc-uploading-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.mdoc-uploading-desc{color:#94a3b8;font-size:14px;margin:0 0 32px}.mdoc-uploading-bar{width:80%;height:4px;background:#334155;border-radius:2px;overflow:hidden}.mdoc-uploading-progress{height:100%;width:100%;background:linear-gradient(90deg,#64748b,#94a3b8);border-radius:2px;animation:mdoc-uploadProgress 1.5s ease-in-out infinite}@keyframes mdoc-uploadProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mdoc-processing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.mdoc-processing-icon{font-size:56px;margin-bottom:24px;animation:mdoc-processSpin 2s linear infinite}@keyframes mdoc-processSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mdoc-processing-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 12px}.mdoc-processing-step{color:#94a3b8;font-size:14px;margin:0 0 24px;min-height:20px}.mdoc-progress-bar{width:80%;height:6px;background:#334155;border-radius:3px;overflow:hidden;margin-bottom:12px}.mdoc-progress-fill{height:100%;background:linear-gradient(90deg,#64748b,#94a3b8);border-radius:3px;transition:width .1s ease}.mdoc-progress-text{color:#64748b;font-size:14px;font-weight:600;margin:0}.mdoc-complete-screen{display:flex;flex-direction:column;height:100%;padding-top:calc(var(--mdoc-iphone-width) * .14)}.mdoc-complete-header{background:#334155;padding:12px 16px;display:flex;align-items:center;gap:12px}.mdoc-complete-info{flex:1}.mdoc-complete-info h3{color:#30d158;font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:6px}.mdoc-complete-info h3:before{content:"✓";display:inline-block}.mdoc-complete-info p{color:#94a3b8;font-size:12px;margin:0}.mdoc-results-area{flex:1;padding:16px;overflow-y:auto}.mdoc-stats-row{display:flex;gap:12px;margin-bottom:20px}.mdoc-stat-card{flex:1;background:#334155;border-radius:12px;padding:14px;text-align:center}.mdoc-stat-label{color:#94a3b8;font-size:11px;margin:0 0 4px}.mdoc-stat-value{color:#fff;font-size:18px;font-weight:600;margin:0}.mdoc-stat-green{color:#30d158}.mdoc-fields-label{color:#94a3b8;font-size:12px;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.mdoc-field-item{background:#334155;border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;animation:mdoc-fieldSlide .3s ease}@keyframes mdoc-fieldSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mdoc-field-content{flex:1;min-width:0}.mdoc-field-label{color:#94a3b8;font-size:11px;margin:0 0 2px}.mdoc-field-value{color:#fff;font-size:14px;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdoc-field-confidence{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0;margin-left:10px}.mdoc-conf-high{background:#30d15833;color:#30d158}.mdoc-conf-mid{background:#ffd60a33;color:#ffd60a}.mdoc-conf-low{background:#ff453a33;color:#ff453a}:root{--ddoc-iphone-width: 390px;--ddoc-iphone-height: 844px;--ddoc-border-radius: 55px;--ddoc-bezel: 10px;--ddoc-dynamic-island-width: 125px;--ddoc-dynamic-island-height: 37px;--ddoc-primary: #64748b;--ddoc-primary-dark: #475569;--ddoc-gradient: linear-gradient(135deg, #64748b 0%, #475569 100%)}.ddoc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.ddoc-overlay.ddoc-visible{opacity:1}.ddoc-overlay.ddoc-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.ddoc-modal-open{overflow:hidden!important}.ddoc-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.ddoc-iphone-container.ddoc-visible{opacity:1;transform:scale(1) translateY(0)}.ddoc-iphone-container.ddoc-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.ddoc-iphone-frame{position:relative;width:var(--ddoc-iphone-width);height:var(--ddoc-iphone-height);background:linear-gradient(145deg,#3a4550,#1e2830,#2a3540);border-radius:var(--ddoc-border-radius);padding:var(--ddoc-bezel);box-shadow:0 0 0 1px #64748b26,0 25px 80px -15px #000000b3,0 10px 40px -10px #47556933,inset 0 1px #64748b1a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.ddoc-iphone-frame:hover{box-shadow:0 0 0 1px #64748b40,0 30px 100px -15px #000c,0 15px 50px -10px #4755694d,inset 0 1px #64748b26}.ddoc-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#64748b33,#4755690d,#0000001a,#4755690d,#64748b26);border-radius:calc(var(--ddoc-border-radius) + 1px);z-index:-1}.ddoc-side-button{position:absolute;background:linear-gradient(90deg,#4a5560,#2c3540,#4a5560);border-radius:2px;transition:background .2s ease}.ddoc-side-button:hover{background:linear-gradient(90deg,#5a6570,#3c4550,#5a6570)}.ddoc-silent-switch{left:-4px;top:100px;width:4px;height:35px}.ddoc-volume-up{left:-4px;top:160px;width:4px;height:65px}.ddoc-volume-down{left:-4px;top:235px;width:4px;height:65px}.ddoc-power-button{right:-4px;top:180px;width:4px;height:100px}.ddoc-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--ddoc-border-radius) - var(--ddoc-bezel));overflow:hidden;position:relative}.ddoc-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#1e293b,#334155 30%,#475569,#334155 70%,#1e293b)}.ddoc-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(100,116,139,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(71,85,105,.2) 0%,transparent 40%)}.ddoc-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.ddoc-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--ddoc-dynamic-island-width);height:var(--ddoc-dynamic-island-height);background:#000;border-radius:calc(var(--ddoc-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.ddoc-dynamic-island.ddoc-di-state-collapsed:hover{width:140px;height:40px}.ddoc-dynamic-island.ddoc-di-state-compact{width:220px;height:50px;border-radius:25px}.ddoc-dynamic-island.ddoc-di-state-expanded{width:340px;height:90px;border-radius:40px}.ddoc-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.ddoc-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.ddoc-dynamic-island.ddoc-di-state-expanded .ddoc-di-collapsed-content,.ddoc-dynamic-island.ddoc-di-state-compact .ddoc-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.ddoc-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.ddoc-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #00646433}.ddoc-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.ddoc-dynamic-island.ddoc-di-state-compact .ddoc-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.ddoc-dynamic-island.ddoc-di-state-expanded .ddoc-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.ddoc-di-compact-left{display:flex;align-items:center;gap:10px}.ddoc-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #64748b4d;flex-shrink:0}.ddoc-di-compact-album img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ddoc-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.ddoc-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.ddoc-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.ddoc-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.ddoc-di-compact-waves .ddoc-di-wave-bar{width:3px;background:var(--ddoc-gradient);border-radius:2px;animation:ddoc-waveCompact .8s ease-in-out infinite}.ddoc-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.ddoc-dynamic-island.ddoc-di-state-expanded .ddoc-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.ddoc-dynamic-island.ddoc-di-state-compact .ddoc-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.ddoc-dynamic-island.ddoc-di-state-collapsed .ddoc-di-expanded-content,.ddoc-dynamic-island.ddoc-di-state-collapsed .ddoc-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.ddoc-dynamic-island.ddoc-di-state-collapsed .ddoc-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.ddoc-di-music-left{display:flex;align-items:center;gap:14px}.ddoc-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #64748b4d;transition:transform .3s ease}.ddoc-dynamic-island.ddoc-di-state-expanded:hover .ddoc-di-album{transform:scale(1.05)}.ddoc-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ddoc-di-track-info{color:#fff}.ddoc-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.ddoc-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.ddoc-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.ddoc-di-wave-bar{width:4px;background:var(--ddoc-gradient);border-radius:3px;animation:ddoc-waveAnim 1s ease-in-out infinite}.ddoc-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.ddoc-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.ddoc-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.ddoc-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.ddoc-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes ddoc-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.ddoc-di-compact-waves .ddoc-di-wave-bar{width:3px;height:100%}.ddoc-di-compact-waves .ddoc-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.ddoc-di-compact-waves .ddoc-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.ddoc-di-compact-waves .ddoc-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}.ddoc-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.ddoc-status-left{display:flex;align-items:center}.ddoc-status-right{display:flex;align-items:center;gap:6px}.ddoc-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.ddoc-signal-bars span{width:4px;background:#fff;border-radius:1px}.ddoc-signal-bars span:nth-child(1){height:25%}.ddoc-signal-bars span:nth-child(2){height:50%}.ddoc-signal-bars span:nth-child(3){height:75%}.ddoc-signal-bars span:nth-child(4){height:100%}.ddoc-5g{font-size:13px;margin-left:3px}.ddoc-battery{display:flex;align-items:center;gap:3px}.ddoc-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.ddoc-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.ddoc-battery-level{height:100%;width:80%;background:var(--ddoc-gradient);border-radius:2px}.ddoc-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.ddoc-home-screen.ddoc-hidden{opacity:0;transform:scale(.95);pointer-events:none}.ddoc-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.ddoc-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.ddoc-time:hover{transform:scale(1.02)}.ddoc-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.ddoc-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.ddoc-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.ddoc-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.ddoc-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.ddoc-volume-hud.ddoc-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.ddoc-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.ddoc-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ddoc-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.ddoc-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.ddoc-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.ddoc-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--ddoc-gradient);border-radius:4px;transition:width .1s ease}.ddoc-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.ddoc-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.ddoc-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.ddoc-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#64748b33,#47556933);opacity:0;animation:ddoc-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes ddoc-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.ddoc-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.ddoc-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.ddoc-weather-icon{background:transparent}.ddoc-music-icon{background:transparent;border-radius:6px;overflow:hidden}.ddoc-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ddoc-weather-temp{font-size:42px;font-weight:300}.ddoc-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.ddoc-music-playing{display:flex;align-items:center;gap:12px}.ddoc-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.ddoc-widget:hover .ddoc-music-album{transform:rotate(5deg)}.ddoc-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ddoc-music-info h4{font-size:14px;font-weight:600}.ddoc-music-info p{font-size:12px;opacity:.7}.ddoc-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.ddoc-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.ddoc-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.ddoc-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.ddoc-dock-hover:active{transform:scale(.95)}.ddoc-safari-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.ddoc-safari-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:ddoc-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.ddoc-safari-icon:hover .ddoc-safari-tooltip{opacity:1}.ddoc-safari-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.ddoc-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.ddoc-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.ddoc-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.ddoc-close-icon .ddoc-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.ddoc-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:ddoc-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.ddoc-close-icon:hover .ddoc-close-tooltip{opacity:1}.ddoc-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.ddoc-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:ddoc-closePulseRing 1.5s ease-out infinite;z-index:-1}.ddoc-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:ddoc-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes ddoc-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.ddoc-app-icon{background:var(--ddoc-gradient);position:relative}.ddoc-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--ddoc-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #64748b80;animation:ddoc-tooltipBounce 2s ease-in-out infinite;z-index:1000}.ddoc-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--ddoc-primary-dark)}.ddoc-app-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:ddoc-fingerPoint 1s ease-in-out infinite}@keyframes ddoc-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes ddoc-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.ddoc-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#64748b66,#47556966);animation:ddoc-pulseRing 1.5s ease-out infinite;z-index:-1}.ddoc-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#64748b33,#47556933);animation:ddoc-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes ddoc-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.ddoc-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.ddoc-home-indicator:hover{background:#ffffffe6;width:150px}.ddoc-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.ddoc-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.ddoc-iphone-container.ddoc-visible .ddoc-hint{opacity:1;animation:ddoc-hintPulse 2s ease-in-out infinite}.ddoc-iphone-container.ddoc-closing .ddoc-hint{opacity:0;transition:opacity .2s ease}@keyframes ddoc-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.ddoc-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:calc(var(--ddoc-border-radius) - var(--ddoc-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.ddoc-app.ddoc-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.ddoc-scenario-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.ddoc-scenario-header{display:flex;align-items:center;gap:14px;padding:60px 20px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.ddoc-logo{width:48px;height:48px;border-radius:14px;overflow:hidden;background:var(--ddoc-gradient);padding:2px}.ddoc-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.ddoc-info{flex:1}.ddoc-info h3{font-size:18px;font-weight:600;color:#fff;margin:0}.ddoc-info p{font-size:13px;color:#fff9;margin:2px 0 0}.ddoc-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.ddoc-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.ddoc-scenario-list{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.ddoc-scenario-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:18px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.ddoc-scenario-item:hover{background:#ffffff1a;transform:translate(4px)}.ddoc-scenario-item:active{transform:scale(.98)}.ddoc-scenario-icon-wrapper{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ddoc-scenario-icon-wrapper.invoice{background:linear-gradient(135deg,#64748b,#475569)}.ddoc-scenario-icon-wrapper.contract{background:linear-gradient(135deg,#475569,#334155)}.ddoc-scenario-icon-wrapper.id-card{background:linear-gradient(135deg,#94a3b8,#64748b)}.ddoc-scenario-icon-wrapper.receipt{background:linear-gradient(135deg,#64748b,#94a3b8)}.ddoc-scenario-emoji{font-size:26px}.ddoc-text{flex:1}.ddoc-text h4{font-size:16px;font-weight:600;color:#fff;margin:0}.ddoc-text p{font-size:13px;color:#ffffff80;margin:4px 0 0}.ddoc-arrow{color:#ffffff4d;flex-shrink:0}.ddoc-demo-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.ddoc-demo-header{display:flex;align-items:center;gap:12px;padding:60px 16px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.ddoc-back-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.ddoc-back-btn:hover{background:#fff3}.ddoc-back-img{width:22px;height:22px;filter:brightness(0) invert(1)}.ddoc-profile{width:40px;height:40px;border-radius:12px;overflow:hidden;background:var(--ddoc-gradient);padding:2px}.ddoc-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.ddoc-action-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:background .2s}.ddoc-action-btn:hover{background:#fff3}.ddoc-demo-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.ddoc-uploading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.ddoc-upload-icon{width:80px;height:80px;border-radius:50%;background:var(--ddoc-gradient);display:flex;align-items:center;justify-content:center;animation:ddoc-uploadPulse 1.5s ease-in-out infinite}.ddoc-upload-icon svg{width:40px;height:40px;color:#fff}@keyframes ddoc-uploadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ddoc-uploading h4{font-size:20px;font-weight:600;color:#fff;margin:0}.ddoc-progress-bar{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.ddoc-progress-fill{height:100%;background:var(--ddoc-gradient);border-radius:5px;transition:width .1s}.ddoc-progress-text{font-size:16px;color:#fff9;margin:0}.ddoc-processing{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.ddoc-scan-animation{width:140px;height:175px;position:relative}.ddoc-document{width:100%;height:100%;background:#fff;border-radius:10px;padding:16px;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000004d}.ddoc-doc-lines{display:flex;flex-direction:column;gap:10px}.ddoc-doc-line{height:10px;background:#e2e8f0;border-radius:5px}.ddoc-doc-spacer{height:20px}.ddoc-scan-line{position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--ddoc-primary),transparent);animation:ddoc-scanMove 2s ease-in-out infinite}@keyframes ddoc-scanMove{0%,to{top:0}50%{top:calc(100% - 4px)}}.ddoc-processing h4{font-size:20px;font-weight:600;color:#fff;margin:0}.ddoc-processing-desc{font-size:15px;color:#fff9;margin:0}.ddoc-steps{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:10px}.ddoc-step{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#ffffff08;border-radius:12px;transition:all .2s}.ddoc-step.active{background:#ffffff14}.ddoc-step.completed{opacity:.7}.ddoc-step-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.ddoc-step.completed .ddoc-step-indicator{background:#22c55e}.ddoc-step.active .ddoc-step-indicator{background:var(--ddoc-primary)}.ddoc-step-indicator img{width:14px;height:14px;filter:brightness(0) invert(1)}.ddoc-step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d}.ddoc-step-dot.active{background:#fff;animation:ddoc-dotPulse .8s ease-in-out infinite}@keyframes ddoc-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.ddoc-step span{font-size:14px;color:#ffffffb3}.ddoc-step.active span{color:#fff;font-weight:500}.ddoc-complete{flex:1;display:flex;flex-direction:column;align-items:center;gap:18px}.ddoc-success-icon{width:64px;height:64px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;animation:ddoc-successPop .5s cubic-bezier(.68,-.55,.265,1.55)}.ddoc-success-icon img{width:32px;height:32px;filter:brightness(0) invert(1)}@keyframes ddoc-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.ddoc-complete h4{font-size:20px;font-weight:600;color:#fff;margin:0}.ddoc-doc-info{display:flex;gap:14px;width:100%}.ddoc-info-card{flex:1;background:#ffffff0d;border-radius:14px;padding:14px;text-align:center}.ddoc-info-label{font-size:12px;color:#ffffff80;margin:0 0 6px}.ddoc-info-value{font-size:18px;font-weight:600;color:#fff;margin:0}.ddoc-info-value.ddoc-green{color:#22c55e}.ddoc-extracted-data{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px}.ddoc-data-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#ffffffb3}.ddoc-data-header svg{color:var(--ddoc-primary)}.ddoc-data-header span{font-size:14px;font-weight:500}.ddoc-fields{display:flex;flex-direction:column;gap:10px}.ddoc-field{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff0d;border-radius:12px;animation:ddoc-fieldSlide .3s ease-out}@keyframes ddoc-fieldSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ddoc-field-content{flex:1}.ddoc-field-label{font-size:12px;color:#ffffff80;margin:0}.ddoc-field-value{font-size:15px;font-weight:500;color:#fff;margin:3px 0 0}.ddoc-field-confidence{display:flex;align-items:center;gap:8px}.ddoc-confidence-bar{height:8px;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:4px}.ddoc-field-confidence span{font-size:12px;color:#4ade80;font-weight:500}.ddoc-demo-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:auto;padding-top:18px}.ddoc-restart-btn{width:100%;padding:16px;background:var(--ddoc-gradient);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.ddoc-restart-btn:hover{opacity:.9;transform:scale(1.02)}.ddoc-restart-btn:active{transform:scale(.98)}.ddoc-contact-btn{width:100%;padding:16px;background:#ffffff1a;border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.ddoc-contact-btn:hover{background:#ffffff26}.ddoc-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:14px;white-space:nowrap}:root{--miv-iphone-width: min(375px, 90vw);--miv-max-height: calc(100svh - 40px) ;--miv-iphone-height: min(calc(var(--miv-iphone-width) * 2.16), var(--miv-max-height));--miv-border-radius: calc(var(--miv-iphone-width) * .14);--miv-bezel: calc(var(--miv-iphone-width) * .025);--miv-dynamic-island-width: calc(var(--miv-iphone-width) * .32);--miv-dynamic-island-height: calc(var(--miv-iphone-width) * .095);--miv-primary: #14b8a6;--miv-primary-dark: #0d9488;--miv-secondary: #06b6d4;--miv-gradient: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%)}@supports not (height: 100svh){:root{--miv-max-height: calc(100vh - 40px) ;--miv-max-height: calc(var(--miv-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.miv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a1a1a,#1a2a2a,#0d2525);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.miv-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;touch-action:none!important}body.miv-modal-open>*:not(.miv-overlay){visibility:hidden!important}body.miv-modal-open .miv-overlay{visibility:visible!important}.miv-iphone-container{position:relative;width:var(--miv-iphone-width);height:var(--miv-iphone-height);max-width:100%;max-height:100%}.miv-iphone-frame{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#2a2a2e,#1c1c1e,#2a2a2e);border-radius:var(--miv-border-radius);padding:var(--miv-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px #14b8a626,inset 0 1px #ffffff1a}.miv-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);border-radius:calc(var(--miv-border-radius) + 1px);z-index:-1}.miv-side-button{position:absolute;background:linear-gradient(90deg,#3a3a3c,#2c2c2e,#3a3a3c);border-radius:2px}.miv-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--miv-iphone-width) * .04)}.miv-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--miv-iphone-width) * .08)}.miv-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--miv-iphone-width) * .08)}.miv-power-button{right:-3px;top:22%;width:3px;height:calc(var(--miv-iphone-width) * .12)}.miv-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--miv-border-radius) - var(--miv-bezel));overflow:hidden;position:relative}.miv-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a1a1a,#1a2a2a 30%,#0d2525,#1a2a2a 70%,#0a1a1a);z-index:0}.miv-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(20,184,166,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(20,184,166,.08) 0%,transparent 40%);animation:miv-wallpaper-drift 30s ease-in-out infinite}@keyframes miv-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.miv-dynamic-island{position:absolute;top:calc(var(--miv-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--miv-dynamic-island-width);height:var(--miv-dynamic-island-height);background:#000;border-radius:calc(var(--miv-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.miv-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.miv-dynamic-island.miv-di-state-collapsed{width:var(--miv-dynamic-island-width);height:var(--miv-dynamic-island-height)}.miv-dynamic-island.miv-di-state-compact{width:180px;height:42px;border-radius:21px}.miv-dynamic-island.miv-di-state-expanded{width:280px;height:75px;border-radius:30px}.miv-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.miv-dynamic-island.miv-di-state-compact .miv-di-collapsed-content,.miv-dynamic-island.miv-di-state-expanded .miv-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.miv-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.miv-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.miv-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.miv-dynamic-island.miv-di-state-compact .miv-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.miv-dynamic-island.miv-di-state-expanded .miv-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.miv-di-compact-left{display:flex;align-items:center;gap:8px}.miv-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #14b8a64d;flex-shrink:0}.miv-di-compact-album .miv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.miv-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.miv-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.miv-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.miv-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.miv-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.miv-dynamic-island.miv-di-state-expanded .miv-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.miv-dynamic-island.miv-di-state-compact .miv-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.miv-dynamic-island.miv-di-state-collapsed .miv-di-expanded-content,.miv-dynamic-island.miv-di-state-collapsed .miv-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.miv-di-music-left{display:flex;align-items:center;gap:12px}.miv-di-album{width:50px;height:50px;border-radius:10px;overflow:hidden;flex-shrink:0}.miv-di-album .miv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.miv-di-track-info{display:flex;flex-direction:column;gap:2px}.miv-di-track-info h4{margin:0;font-size:13px;font-weight:600;color:#fff}.miv-di-track-info p{margin:0;font-size:11px;color:#fff9}.miv-di-music-right{display:flex;align-items:flex-end;gap:3px;height:24px}.miv-di-wave-bar{width:3px;background:var(--miv-primary);border-radius:2px;animation:miv-wave 1s ease-in-out infinite}.miv-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.miv-di-wave-bar:nth-child(2){height:70%;animation-delay:.1s}.miv-di-wave-bar:nth-child(3){height:50%;animation-delay:.2s}.miv-di-wave-bar:nth-child(4){height:80%;animation-delay:.3s}.miv-di-wave-bar:nth-child(5){height:60%;animation-delay:.4s}@keyframes miv-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.miv-status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 24px 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.miv-status-left,.miv-status-right{display:flex;align-items:center}.miv-status-right{gap:5px}.miv-signal-bars{display:flex;gap:1px;align-items:flex-end;height:11px}.miv-signal-bars span{width:3px;background:#fff;border-radius:1px}.miv-signal-bars span:nth-child(1){height:25%}.miv-signal-bars span:nth-child(2){height:50%}.miv-signal-bars span:nth-child(3){height:75%}.miv-signal-bars span:nth-child(4){height:100%}.miv-5g{font-size:12px;margin-left:2px}.miv-battery{display:flex;align-items:center}.miv-battery-body{width:22px;height:11px;border:1.5px solid white;border-radius:3px;padding:1px;position:relative}.miv-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.miv-battery-level{height:100%;width:80%;background:var(--miv-primary);border-radius:1px}.miv-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.miv-home-screen.miv-hidden{opacity:0;transform:scale(.95);pointer-events:none}.miv-volume-hud{position:absolute;top:35%;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.miv-volume-hud.miv-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.miv-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 8px 30px #0006;min-width:200px}.miv-volume-hud-icon{width:20px;height:20px}.miv-volume-hud-icon svg{width:100%;height:100%}.miv-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.miv-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.miv-volume-hud-fill{height:100%;background:var(--miv-gradient);border-radius:3px;transition:width .1s ease}.miv-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0}.miv-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.miv-time{font-size:60px;font-weight:200;letter-spacing:-2px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.miv-date{font-size:16px;font-weight:500;opacity:.9;margin-top:4px}.miv-widgets-container{position:absolute;bottom:32%;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;width:90%}.miv-widget{flex:1;height:140px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}.miv-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.miv-widget-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.miv-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.miv-weather-temp{font-size:36px;font-weight:300}.miv-weather-desc{font-size:12px;opacity:.8;margin-top:4px}.miv-music-playing{display:flex;align-items:center;gap:10px}.miv-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.miv-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.miv-music-info h4{font-size:12px;font-weight:600;margin:0}.miv-music-info p{font-size:10px;opacity:.7;margin:0}.miv-dock{position:absolute;bottom:calc(var(--miv-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.miv-dock-icon{width:calc(var(--miv-iphone-width) * .14);height:calc(var(--miv-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer;position:relative}.miv-dock-icon:active{transform:scale(.9)}.miv-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.miv-network-icon .miv-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.miv-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.miv-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.miv-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.miv-close-icon .miv-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.miv-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:miv-tooltipBounce 2s ease-in-out infinite;z-index:1000}.miv-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.miv-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:miv-fingerPoint 1s ease-in-out infinite}.miv-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:miv-closePulseRing 1.5s ease-out infinite;z-index:-1}.miv-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:miv-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes miv-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.miv-app-icon{background:var(--miv-gradient);position:relative}.miv-app-icon svg{width:26px;height:26px;opacity:1}.miv-app-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--miv-gradient);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #14b8a666;animation:miv-tooltipBounce 2s ease-in-out infinite;z-index:1000}.miv-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--miv-secondary)}.miv-app-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:miv-fingerPoint 1s ease-in-out infinite}@keyframes miv-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes miv-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.miv-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#14b8a666;animation:miv-pulseRing 1.5s ease-out infinite;z-index:-1}.miv-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#06b6d433;animation:miv-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes miv-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.miv-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:35%;height:4px;background:#ffffff80;border-radius:2px;z-index:100;cursor:pointer}.miv-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.miv-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a1a1a,#1a2a2a);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--miv-border-radius) - var(--miv-bezel));overflow:hidden}.miv-app.miv-active{display:flex}.miv-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.miv-scenario-header{background:linear-gradient(180deg,rgba(20,184,166,.1) 0%,transparent 100%);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.miv-scenario-header .miv-logo{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--miv-gradient);padding:2px;flex-shrink:0}.miv-scenario-header .miv-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.miv-scenario-header .miv-info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.miv-scenario-header .miv-info p{color:#8e8e93;font-size:12px;margin:0}.miv-scenario-header .miv-info{flex:1}.miv-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.miv-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.miv-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:left}.miv-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--miv-gradient)}.miv-scenario-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.miv-scenario-item .miv-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.miv-scenario-item .miv-text p{color:#8e8e93;font-size:12px;margin:0}.miv-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.miv-demo-header{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.miv-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:8px}.miv-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.miv-demo-header .miv-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--miv-gradient);padding:2px;flex-shrink:0}.miv-demo-header .miv-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.miv-demo-header .miv-info{flex:1}.miv-demo-header .miv-info h3{color:#fff;font-size:14px;font-weight:500;margin:0}.miv-demo-header .miv-info p{color:#8e8e93;font-size:11px;margin:0}.miv-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:18px}.miv-demo-content{flex:1;overflow-y:auto;padding:16px}.miv-source-section{margin-bottom:16px}.miv-source-label{font-size:12px;color:var(--miv-secondary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:4px}.miv-source-preview{border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#0000004d}.miv-source-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.miv-prompt-section{margin-bottom:16px}.miv-prompt-label{font-size:12px;color:var(--miv-secondary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:4px}.miv-sparkle{font-size:14px}.miv-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}.miv-prompt-box p{color:#fff;font-size:13px;line-height:1.5;margin:0}.miv-info-tags{display:flex;gap:10px;margin-bottom:16px}.miv-info-tag{flex:1;background:#ffffff0d;border-radius:10px;padding:12px;text-align:center}.miv-info-tag .miv-info-label{display:block;font-size:10px;color:#ffffff80;margin-bottom:4px}.miv-info-tag .miv-info-value{display:block;font-size:13px;color:#fff;font-weight:500}.miv-start-btn{width:100%;padding:14px;background:var(--miv-gradient);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.miv-start-btn:active{transform:scale(.98);opacity:.9}.miv-generation{text-align:center;padding:20px 0}.miv-gen-preview{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin-bottom:20px}.miv-animating-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:miv-pulse 2s ease-in-out infinite}@keyframes miv-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.1)}}.miv-scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--miv-primary),transparent);animation:miv-scan 2s linear infinite}@keyframes miv-scan{0%{top:0}to{top:100%}}.miv-gen-icon{width:60px;height:60px;margin:0 auto 16px;background:var(--miv-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:miv-spin 2s linear infinite}.miv-gen-icon svg{width:28px;height:28px;color:#fff}@keyframes miv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.miv-generation h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.miv-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;margin:16px 0;overflow:hidden}.miv-progress-fill{height:100%;background:var(--miv-gradient);border-radius:3px;transition:width .1s ease}.miv-steps{text-align:left}.miv-step{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;margin-bottom:6px;transition:background .2s ease}.miv-step.active{background:#ffffff0d}.miv-step-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.miv-step-indicator img{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(75%) sepia(66%) saturate(479%) hue-rotate(116deg) brightness(95%) contrast(90%)}.miv-step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.miv-step-dot.active{background:var(--miv-primary);animation:miv-dotPulse .5s ease-in-out infinite}@keyframes miv-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.miv-step span{color:#ffffff80;font-size:12px}.miv-step.active span,.miv-step.completed span{color:#fff}.miv-complete{text-align:center}.miv-success-icon{width:50px;height:50px;margin:0 auto 12px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:miv-successPop .5s cubic-bezier(.68,-.55,.27,1.55)}.miv-success-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}@keyframes miv-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.miv-complete h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.miv-video-preview{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin-bottom:16px}.miv-result-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.miv-result-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.miv-result-image.playing{animation:miv-videoPlay 3s ease-in-out infinite}.miv-result-image.playing[data-animation=product-showcase]{animation:miv-rotate360 4s linear infinite}.miv-result-image.playing[data-animation=portrait-alive]{animation:miv-livingPortrait 3s ease-in-out infinite}.miv-result-image.playing[data-animation=social-motion]{animation:miv-socialMotion 3s ease-in-out infinite}.miv-result-image.playing[data-animation=art-illustration]{animation:miv-parallax 6s ease-in-out infinite}@keyframes miv-videoPlay{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.03) translateY(-5px)}}@keyframes miv-rotate360{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes miv-livingPortrait{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.01) translate(-2px)}75%{transform:scale(1.01) translate(2px)}}@keyframes miv-socialMotion{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}@keyframes miv-parallax{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-10px)}}.miv-play-indicator{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:5px;background:#00000080;padding:4px 10px;border-radius:12px;font-size:11px;color:#fff}.miv-play-dot{width:6px;height:6px;border-radius:50%;background:#34c759;animation:miv-blink 1s ease-in-out infinite}@keyframes miv-blink{0%,to{opacity:1}50%{opacity:.3}}.miv-video-info{display:flex;gap:10px;margin-bottom:16px}.miv-info-item{flex:1;background:#ffffff0d;border-radius:10px;padding:12px;text-align:center}.miv-info-item .miv-info-label{display:block;font-size:10px;color:#ffffff80;margin-bottom:4px}.miv-info-item .miv-info-value{display:block;font-size:13px;color:#fff;font-weight:500}.miv-demo-actions{display:flex;flex-direction:column;gap:10px}.miv-restart-btn{width:100%;padding:12px;background:var(--miv-gradient);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.miv-back-home-btn{width:100%;padding:12px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.miv-scenario-list::-webkit-scrollbar,.miv-demo-content::-webkit-scrollbar{width:0;display:none}:root{--div-iphone-width: 390px;--div-iphone-height: 844px;--div-border-radius: 55px;--div-bezel: 10px;--div-dynamic-island-width: 125px;--div-dynamic-island-height: 37px;--div-primary: #14b8a6;--div-primary-dark: #0d9488;--div-secondary: #06b6d4;--div-gradient: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%)}.div-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.div-overlay.div-visible{opacity:1}.div-overlay.div-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.div-modal-open{overflow:hidden!important}.div-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.div-iphone-container.div-visible{opacity:1;transform:scale(1) translateY(0)}.div-iphone-container.div-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.div-iphone-frame{position:relative;width:var(--div-iphone-width);height:var(--div-iphone-height);background:linear-gradient(145deg,#1a3535,#0d1a1a,#153030);border-radius:var(--div-border-radius);padding:var(--div-bezel);box-shadow:0 0 0 1px #14b8a626,0 25px 80px -15px #000000b3,0 10px 40px -10px #06b6d433,inset 0 1px #14b8a61a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.div-iphone-frame:hover{box-shadow:0 0 0 1px #14b8a640,0 30px 100px -15px #000c,0 15px 50px -10px #06b6d44d,inset 0 1px #14b8a626}.div-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#14b8a633,#06b6d40d,#0000001a,#06b6d40d,#14b8a626);border-radius:calc(var(--div-border-radius) + 1px);z-index:-1}.div-side-button{position:absolute;background:linear-gradient(90deg,#2a4545,#1a2a2a,#2a4545);border-radius:2px;transition:background .2s ease}.div-side-button:hover{background:linear-gradient(90deg,#3a5555,#2a3a3a,#3a5555)}.div-silent-switch{left:-4px;top:100px;width:4px;height:35px}.div-volume-up{left:-4px;top:160px;width:4px;height:65px}.div-volume-down{left:-4px;top:235px;width:4px;height:65px}.div-power-button{right:-4px;top:180px;width:4px;height:100px}.div-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--div-border-radius) - var(--div-bezel));overflow:hidden;position:relative}.div-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a1a1a,#1a2a2a 30%,#0d2525,#1a2a2a 70%,#0a1a1a);z-index:0}.div-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(20,184,166,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(20,184,166,.08) 0%,transparent 40%);animation:div-wallpaper-drift 30s ease-in-out infinite}@keyframes div-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.div-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--div-dynamic-island-width);height:var(--div-dynamic-island-height);background:#000;border-radius:calc(var(--div-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.div-dynamic-island.div-di-state-collapsed:hover{width:140px;height:40px}.div-dynamic-island.div-di-state-compact{width:220px;height:50px;border-radius:25px}.div-dynamic-island.div-di-state-expanded{width:340px;height:90px;border-radius:40px}.div-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.div-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.div-dynamic-island.div-di-state-expanded .div-di-collapsed-content,.div-dynamic-island.div-di-state-compact .div-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.div-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.div-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #00646433}.div-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.div-dynamic-island.div-di-state-compact .div-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.div-dynamic-island.div-di-state-expanded .div-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.div-di-compact-left{display:flex;align-items:center;gap:10px}.div-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #14b8a64d;flex-shrink:0}.div-di-compact-album .div-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.div-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.div-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.div-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.div-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.div-di-compact-waves .div-di-wave-bar{width:3px;background:var(--div-gradient);border-radius:2px;animation:div-waveCompact .8s ease-in-out infinite}.div-di-compact-waves .div-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.div-di-compact-waves .div-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.div-di-compact-waves .div-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}@keyframes div-waveCompact{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.div-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.div-dynamic-island.div-di-state-expanded .div-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.div-dynamic-island.div-di-state-compact .div-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.div-dynamic-island.div-di-state-collapsed .div-di-expanded-content,.div-dynamic-island.div-di-state-collapsed .div-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.div-dynamic-island.div-di-state-collapsed .div-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.div-di-music-left{display:flex;align-items:center;gap:14px}.div-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #14b8a64d;transition:transform .3s ease}.div-dynamic-island.div-di-state-expanded:hover .div-di-album{transform:scale(1.05)}.div-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.div-di-track-info{color:#fff}.div-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.div-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.div-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.div-di-wave-bar{width:4px;background:var(--div-gradient);border-radius:3px;animation:div-waveAnim 1s ease-in-out infinite}.div-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.div-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.div-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.div-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.div-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes div-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.div-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.div-status-left{display:flex;align-items:center}.div-status-right{display:flex;align-items:center;gap:6px}.div-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.div-signal-bars span{width:4px;background:#fff;border-radius:1px}.div-signal-bars span:nth-child(1){height:25%}.div-signal-bars span:nth-child(2){height:50%}.div-signal-bars span:nth-child(3){height:75%}.div-signal-bars span:nth-child(4){height:100%}.div-5g{font-size:13px;margin-left:3px}.div-battery{display:flex;align-items:center;gap:3px}.div-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.div-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.div-battery-level{height:100%;width:80%;background:var(--div-gradient);border-radius:2px}.div-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.div-home-screen.div-hidden{opacity:0;transform:scale(.95);pointer-events:none}.div-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.div-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.div-time:hover{transform:scale(1.02)}.div-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.div-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.div-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.div-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.div-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.div-volume-hud.div-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.div-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.div-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.div-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.div-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.div-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.div-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--div-gradient);border-radius:4px;transition:width .1s ease}.div-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.div-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.div-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.div-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#14b8a633,#06b6d433);opacity:0;animation:div-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes div-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.div-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.div-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.div-weather-icon{background:transparent}.div-music-icon{background:transparent;border-radius:6px;overflow:hidden}.div-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.div-weather-temp{font-size:42px;font-weight:300}.div-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.div-music-playing{display:flex;align-items:center;gap:12px}.div-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.div-widget:hover .div-music-album{transform:rotate(5deg)}.div-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.div-music-info h4{font-size:14px;font-weight:600;margin:0}.div-music-info p{font-size:12px;opacity:.7;margin:0}.div-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.div-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.div-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.div-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.div-dock-hover:active{transform:scale(.95)}.div-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.div-network-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:div-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.div-network-icon:hover .div-network-tooltip{opacity:1}.div-network-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.div-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.div-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.div-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.div-close-icon .div-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.div-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:div-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.div-close-icon:hover .div-close-tooltip{opacity:1}.div-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.div-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:div-closePulseRing 1.5s ease-out infinite;z-index:-1}.div-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:div-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes div-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.div-app-icon{background:var(--div-gradient);position:relative}.div-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--div-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #14b8a680;animation:div-tooltipBounce 2s ease-in-out infinite;z-index:1000}.div-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--div-primary-dark)}.div-app-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:div-fingerPoint 1s ease-in-out infinite}@keyframes div-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes div-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.div-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#14b8a666,#06b6d466);animation:div-pulseRing 1.5s ease-out infinite;z-index:-1}.div-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#14b8a633,#06b6d433);animation:div-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes div-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.div-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.div-home-indicator:hover{background:#ffffffe6;width:150px}.div-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.div-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.div-iphone-container.div-visible .div-hint{opacity:1;animation:div-hintPulse 2s ease-in-out infinite}.div-iphone-container.div-closing .div-hint{opacity:0;transition:opacity .2s ease}@keyframes div-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.div-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a1a1a,#1a2a2a);border-radius:calc(var(--div-border-radius) - var(--div-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:90;display:flex;flex-direction:column;overflow:hidden}.div-app.div-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.div-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.div-scenario-header{background:linear-gradient(180deg,rgba(20,184,166,.1) 0%,transparent 100%);padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}.div-scenario-header .div-logo{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--div-gradient);padding:2px;flex-shrink:0}.div-scenario-header .div-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.div-scenario-header .div-info h3{color:#fff;font-size:17px;font-weight:600;margin:0}.div-scenario-header .div-info p{color:#8e8e93;font-size:13px;margin:0}.div-scenario-header .div-info{flex:1}.div-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.div-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.div-scenario-list{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.div-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;display:flex;align-items:center;gap:16px;cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.div-scenario-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(5px)}.div-scenario-icon-wrapper{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--div-gradient)}.div-scenario-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.div-scenario-item .div-text h4{color:#fff;font-size:15px;font-weight:600;margin:0}.div-scenario-item .div-text p{color:#8e8e93;font-size:13px;margin:0}.div-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.div-demo-header{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.div-back-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:10px;transition:background .2s ease}.div-back-btn:hover{background:#ffffff1a}.div-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.div-demo-header .div-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--div-gradient);padding:2px;flex-shrink:0}.div-demo-header .div-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.div-demo-header .div-info{flex:1}.div-demo-header .div-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.div-demo-header .div-info p{color:#8e8e93;font-size:12px;margin:0}.div-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:20px;transition:all .2s ease}.div-action-btn:hover{background:#ffffff1a;color:#fff}.div-demo-content{flex:1;overflow-y:auto;padding:20px}.div-source-section{margin-bottom:20px}.div-source-label{font-size:13px;color:var(--div-secondary);font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.div-source-preview{border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#0000004d}.div-source-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.div-prompt-section{margin-bottom:20px}.div-prompt-label{font-size:13px;color:var(--div-secondary);font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.div-sparkle{font-size:16px}.div-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}.div-prompt-box p{color:#fff;font-size:14px;line-height:1.6;margin:0}.div-info-tags{display:flex;gap:12px;margin-bottom:20px}.div-info-tag{flex:1;background:#ffffff0d;border-radius:12px;padding:14px;text-align:center}.div-info-tag .div-info-label{display:block;font-size:11px;color:#ffffff80;margin-bottom:5px}.div-info-tag .div-info-value{display:block;font-size:14px;color:#fff;font-weight:600}.div-start-btn{width:100%;padding:16px;background:var(--div-gradient);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.div-start-btn:hover{transform:scale(1.02)}.div-start-btn:active{transform:scale(.98);opacity:.9}.div-generation{text-align:center;padding:20px 0}.div-gen-preview{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;margin-bottom:24px}.div-animating-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:div-pulse 2s ease-in-out infinite}@keyframes div-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.1)}}.div-scan-line{position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--div-primary),transparent);animation:div-scan 2s linear infinite}@keyframes div-scan{0%{top:0}to{top:100%}}.div-gen-icon{width:70px;height:70px;margin:0 auto 20px;background:var(--div-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:div-spin 2s linear infinite}.div-gen-icon svg{width:32px;height:32px;color:#fff}@keyframes div-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.div-generation h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px}.div-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;margin:20px 0;overflow:hidden}.div-progress-fill{height:100%;background:var(--div-gradient);border-radius:4px;transition:width .1s ease}.div-steps{text-align:left}.div-step{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;margin-bottom:8px;transition:background .2s ease}.div-step.active{background:#ffffff0d}.div-step-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.div-step-indicator img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(75%) sepia(66%) saturate(479%) hue-rotate(116deg) brightness(95%) contrast(90%)}.div-step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d}.div-step-dot.active{background:var(--div-primary);animation:div-dotPulse .5s ease-in-out infinite}@keyframes div-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.div-step span{color:#ffffff80;font-size:13px}.div-step.active span,.div-step.completed span{color:#fff}.div-complete{text-align:center}.div-success-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:div-successPop .5s cubic-bezier(.68,-.55,.27,1.55)}.div-success-icon img{width:28px;height:28px;filter:brightness(0) invert(1)}@keyframes div-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.div-complete h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.div-video-preview{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;margin-bottom:20px}.div-result-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.div-result-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}.div-result-image.playing{animation:div-videoPlay 3s ease-in-out infinite}.div-result-image.playing[data-animation=product-showcase]{animation:div-rotate360 4s linear infinite}.div-result-image.playing[data-animation=portrait-alive]{animation:div-livingPortrait 3s ease-in-out infinite}.div-result-image.playing[data-animation=social-motion]{animation:div-socialMotion 3s ease-in-out infinite}.div-result-image.playing[data-animation=art-illustration]{animation:div-parallax 6s ease-in-out infinite}@keyframes div-videoPlay{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.03) translateY(-5px)}}@keyframes div-rotate360{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes div-livingPortrait{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.01) translate(-2px)}75%{transform:scale(1.01) translate(2px)}}@keyframes div-socialMotion{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}@keyframes div-parallax{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-10px)}}.div-play-indicator{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background:#00000080;padding:6px 12px;border-radius:14px;font-size:12px;color:#fff}.div-play-dot{width:8px;height:8px;border-radius:50%;background:#34c759;animation:div-blink 1s ease-in-out infinite}@keyframes div-blink{0%,to{opacity:1}50%{opacity:.3}}.div-video-info{display:flex;gap:12px;margin-bottom:20px}.div-info-item{flex:1;background:#ffffff0d;border-radius:12px;padding:14px;text-align:center}.div-info-item .div-info-label{display:block;font-size:11px;color:#ffffff80;margin-bottom:5px}.div-info-item .div-info-value{display:block;font-size:14px;color:#fff;font-weight:600}.div-demo-actions{display:flex;flex-direction:column;gap:12px}.div-restart-btn{width:100%;padding:14px;background:var(--div-gradient);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease}.div-restart-btn:hover{transform:scale(1.02)}.div-back-home-btn{width:100%;padding:14px;background:#ffffff1a;border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.div-back-home-btn:hover{background:#ffffff26}.div-scenario-list::-webkit-scrollbar,.div-demo-content::-webkit-scrollbar{width:4px}.div-scenario-list::-webkit-scrollbar-track,.div-demo-content::-webkit-scrollbar-track{background:transparent}.div-scenario-list::-webkit-scrollbar-thumb,.div-demo-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.div-scenario-list::-webkit-scrollbar-thumb:hover,.div-demo-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--mvv-iphone-width: min(375px, 90vw);--mvv-max-height: calc(100svh - 40px) ;--mvv-iphone-height: min(calc(var(--mvv-iphone-width) * 2.16), var(--mvv-max-height));--mvv-border-radius: calc(var(--mvv-iphone-width) * .14);--mvv-bezel: calc(var(--mvv-iphone-width) * .025);--mvv-dynamic-island-width: calc(var(--mvv-iphone-width) * .32);--mvv-dynamic-island-height: calc(var(--mvv-iphone-width) * .095);--mvv-primary: #6366f1;--mvv-primary-dark: #4f46e5;--mvv-secondary: #3b82f6;--mvv-gradient: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%)}@supports not (height: 100svh){:root{--mvv-max-height: calc(100vh - 40px) ;--mvv-max-height: calc(var(--mvv-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mvv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a0a1f,#1a1a3e,#0d0d2a);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mvv-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;touch-action:none!important}body.mvv-modal-open>*:not(.mvv-overlay){visibility:hidden!important}body.mvv-modal-open .mvv-overlay{visibility:visible!important}.mvv-iphone-container{position:relative;width:var(--mvv-iphone-width);height:var(--mvv-iphone-height);max-width:100%;max-height:100%}.mvv-iphone-frame{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#2a2a2e,#1c1c1e,#2a2a2e);border-radius:var(--mvv-border-radius);padding:var(--mvv-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px #6366f126,inset 0 1px #ffffff1a}.mvv-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);border-radius:calc(var(--mvv-border-radius) + 1px);z-index:-1}.mvv-side-button{position:absolute;background:linear-gradient(90deg,#3a3a3c,#2c2c2e,#3a3a3c);border-radius:2px}.mvv-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mvv-iphone-width) * .04)}.mvv-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mvv-iphone-width) * .08)}.mvv-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mvv-iphone-width) * .08)}.mvv-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mvv-iphone-width) * .12)}.mvv-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mvv-border-radius) - var(--mvv-bezel));overflow:hidden;position:relative}.mvv-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1f,#1a1a3e 30%,#0d0d2a,#1a1a3e 70%,#0a0a1f);z-index:0}.mvv-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.08) 0%,transparent 40%);animation:mvv-wallpaper-drift 30s ease-in-out infinite}@keyframes mvv-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.mvv-dynamic-island{position:absolute;top:calc(var(--mvv-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mvv-dynamic-island-width);height:var(--mvv-dynamic-island-height);background:#000;border-radius:calc(var(--mvv-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mvv-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mvv-dynamic-island.mvv-di-state-collapsed{width:var(--mvv-dynamic-island-width);height:var(--mvv-dynamic-island-height)}.mvv-dynamic-island.mvv-di-state-compact{width:180px;height:42px;border-radius:21px}.mvv-dynamic-island.mvv-di-state-expanded{width:280px;height:75px;border-radius:30px}.mvv-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mvv-dynamic-island.mvv-di-state-compact .mvv-di-collapsed-content,.mvv-dynamic-island.mvv-di-state-expanded .mvv-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mvv-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mvv-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mvv-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mvv-dynamic-island.mvv-di-state-compact .mvv-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mvv-dynamic-island.mvv-di-state-expanded .mvv-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mvv-di-compact-left{display:flex;align-items:center;gap:8px}.mvv-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #6366f14d;flex-shrink:0}.mvv-di-compact-album .mvv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mvv-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mvv-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mvv-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mvv-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mvv-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mvv-dynamic-island.mvv-di-state-expanded .mvv-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mvv-dynamic-island.mvv-di-state-compact .mvv-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mvv-dynamic-island.mvv-di-state-collapsed .mvv-di-expanded-content,.mvv-dynamic-island.mvv-di-state-collapsed .mvv-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mvv-di-music-left{display:flex;align-items:center;gap:12px}.mvv-di-album{width:50px;height:50px;border-radius:10px;overflow:hidden;flex-shrink:0}.mvv-di-album .mvv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mvv-di-track-info{display:flex;flex-direction:column;gap:2px}.mvv-di-track-info h4{margin:0;font-size:13px;font-weight:600;color:#fff}.mvv-di-track-info p{margin:0;font-size:11px;color:#fff9}.mvv-di-music-right{display:flex;align-items:flex-end;gap:3px;height:24px}.mvv-di-wave-bar{width:3px;background:var(--mvv-primary);border-radius:2px;animation:mvv-wave 1s ease-in-out infinite}.mvv-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.mvv-di-wave-bar:nth-child(2){height:70%;animation-delay:.1s}.mvv-di-wave-bar:nth-child(3){height:50%;animation-delay:.2s}.mvv-di-wave-bar:nth-child(4){height:80%;animation-delay:.3s}.mvv-di-wave-bar:nth-child(5){height:60%;animation-delay:.4s}@keyframes mvv-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mvv-status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 24px 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mvv-status-left,.mvv-status-right{display:flex;align-items:center}.mvv-status-right{gap:5px}.mvv-signal-bars{display:flex;gap:1px;align-items:flex-end;height:11px}.mvv-signal-bars span{width:3px;background:#fff;border-radius:1px}.mvv-signal-bars span:nth-child(1){height:25%}.mvv-signal-bars span:nth-child(2){height:50%}.mvv-signal-bars span:nth-child(3){height:75%}.mvv-signal-bars span:nth-child(4){height:100%}.mvv-5g{font-size:12px;margin-left:2px}.mvv-battery{display:flex;align-items:center}.mvv-battery-body{width:22px;height:11px;border:1.5px solid white;border-radius:3px;padding:1px;position:relative}.mvv-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mvv-battery-level{height:100%;width:80%;background:var(--mvv-primary);border-radius:1px}.mvv-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mvv-home-screen.mvv-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mvv-volume-hud{position:absolute;top:35%;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mvv-volume-hud.mvv-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mvv-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e2dd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 8px 30px #0006;min-width:200px}.mvv-volume-hud-icon{width:20px;height:20px}.mvv-volume-hud-icon svg{width:100%;height:100%}.mvv-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mvv-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mvv-volume-hud-fill{height:100%;background:var(--mvv-gradient);border-radius:3px;transition:width .1s ease}.mvv-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0}.mvv-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mvv-time{font-size:60px;font-weight:200;letter-spacing:-2px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.mvv-date{font-size:16px;font-weight:500;opacity:.9;margin-top:4px}.mvv-widgets-container{position:absolute;bottom:32%;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;width:90%}.mvv-widget{flex:1;height:140px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mvv-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mvv-widget-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mvv-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mvv-weather-temp{font-size:36px;font-weight:300}.mvv-weather-desc{font-size:12px;opacity:.8;margin-top:4px}.mvv-music-playing{display:flex;align-items:center;gap:10px}.mvv-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mvv-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mvv-music-info h4{font-size:12px;font-weight:600;margin:0}.mvv-music-info p{font-size:10px;opacity:.7;margin:0}.mvv-dock{position:absolute;bottom:calc(var(--mvv-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mvv-dock-icon{width:calc(var(--mvv-iphone-width) * .14);height:calc(var(--mvv-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer;position:relative}.mvv-dock-icon:active{transform:scale(.9)}.mvv-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mvv-network-icon .mvv-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mvv-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mvv-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mvv-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mvv-close-icon .mvv-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mvv-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mvv-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mvv-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mvv-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mvv-fingerPoint 1s ease-in-out infinite}.mvv-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mvv-closePulseRing 1.5s ease-out infinite;z-index:-1}.mvv-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mvv-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mvv-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mvv-app-icon{background:var(--mvv-gradient);position:relative}.mvv-app-icon svg{width:26px;height:26px;opacity:1}.mvv-app-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--mvv-gradient);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #6366f166;animation:mvv-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mvv-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--mvv-secondary)}.mvv-app-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mvv-fingerPoint 1s ease-in-out infinite}@keyframes mvv-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mvv-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mvv-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#6366f166;animation:mvv-pulseRing 1.5s ease-out infinite;z-index:-1}.mvv-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#3b82f633;animation:mvv-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mvv-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mvv-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:35%;height:4px;background:#ffffff80;border-radius:2px;z-index:100;cursor:pointer}.mvv-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mvv-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1f,#1a1a3e);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mvv-border-radius) - var(--mvv-bezel));overflow:hidden}.mvv-app.mvv-active{display:flex}.mvv-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mvv-scenario-header{background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,transparent 100%);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.mvv-scenario-header .mvv-logo{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--mvv-gradient);padding:2px;flex-shrink:0}.mvv-scenario-header .mvv-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mvv-scenario-header .mvv-info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.mvv-scenario-header .mvv-info p{color:#8e8e93;font-size:12px;margin:0}.mvv-scenario-header .mvv-info{flex:1}.mvv-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.mvv-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mvv-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:left}.mvv-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--mvv-gradient)}.mvv-scenario-icon{font-size:22px}.mvv-scenario-item .mvv-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.mvv-scenario-item .mvv-text p{color:#8e8e93;font-size:12px;margin:0}.mvv-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mvv-demo-header{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.mvv-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:8px}.mvv-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mvv-demo-header .mvv-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--mvv-gradient);padding:2px;flex-shrink:0}.mvv-demo-header .mvv-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mvv-demo-header .mvv-info{flex:1}.mvv-demo-header .mvv-info h3{color:#fff;font-size:14px;font-weight:500;margin:0}.mvv-demo-header .mvv-info p{color:#8e8e93;font-size:11px;margin:0}.mvv-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:18px}.mvv-demo-content{flex:1;overflow-y:auto;padding:16px}.mvv-source-section{margin-bottom:16px}.mvv-source-label{font-size:12px;color:var(--mvv-secondary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:4px}.mvv-source-preview{border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#0000004d}.mvv-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f133,#3b82f633);gap:8px}.mvv-video-icon{font-size:32px}.mvv-video-placeholder p{color:#ffffffb3;font-size:12px;margin:0}.mvv-prompt-section{margin-bottom:16px}.mvv-prompt-label{font-size:12px;color:var(--mvv-secondary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:4px}.mvv-sparkle{font-size:14px}.mvv-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}.mvv-prompt-box p{color:#fff;font-size:13px;line-height:1.5;margin:0}.mvv-info-tags{display:flex;gap:10px;margin-bottom:16px}.mvv-info-tag{flex:1;background:#ffffff0d;border-radius:10px;padding:12px;text-align:center}.mvv-info-tag .mvv-info-label{display:block;font-size:10px;color:#ffffff80;margin-bottom:4px}.mvv-info-tag .mvv-info-value{display:block;font-size:13px;color:#fff;font-weight:500}.mvv-start-btn{width:100%;padding:14px;background:var(--mvv-gradient);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.mvv-start-btn:active{transform:scale(.98);opacity:.9}.mvv-generation{text-align:center;padding:20px 0}.mvv-gen-preview{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin-bottom:20px;background:linear-gradient(135deg,#6366f133,#3b82f633)}.mvv-processing-animation{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.mvv-processing-icon{font-size:40px;animation:mvv-pulse 2s ease-in-out infinite}.mvv-processing-progress{position:absolute;bottom:0;left:0;height:4px;background:var(--mvv-gradient);transition:width .1s ease}.mvv-processing-percentage{position:absolute;bottom:10px;right:10px;color:#fff;font-size:14px;font-weight:600;background:#00000080;padding:4px 10px;border-radius:8px}@keyframes mvv-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.mvv-gen-icon{width:60px;height:60px;margin:0 auto 16px;background:var(--mvv-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mvv-spin 2s linear infinite}.mvv-gen-icon svg{width:28px;height:28px;color:#fff}@keyframes mvv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mvv-generation h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.mvv-processing-desc{color:#fff9;font-size:12px;margin:0 0 16px}.mvv-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;margin:16px 0;overflow:hidden}.mvv-progress-fill{height:100%;background:var(--mvv-gradient);border-radius:3px;transition:width .1s ease}.mvv-steps{text-align:left}.mvv-step{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;margin-bottom:6px;transition:background .2s ease}.mvv-step.active{background:#ffffff0d}.mvv-step-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mvv-step-indicator img{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(58%) sepia(69%) saturate(5075%) hue-rotate(217deg) brightness(102%) contrast(91%)}.mvv-step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.mvv-step-dot.active{background:var(--mvv-primary);animation:mvv-dotPulse .5s ease-in-out infinite}@keyframes mvv-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mvv-step span{color:#ffffff80;font-size:12px}.mvv-step.active span,.mvv-step.completed span{color:#fff}.mvv-complete{text-align:center}.mvv-success-icon{width:50px;height:50px;margin:0 auto 12px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mvv-successPop .5s cubic-bezier(.68,-.55,.27,1.55)}.mvv-success-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}@keyframes mvv-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.mvv-complete h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.mvv-comparison-slider{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin-bottom:8px;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mvv-before-side{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2a2a3e,#1a1a2e)}.mvv-after-side{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mvv-gradient);transition:clip-path .05s ease}.mvv-comparison-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.mvv-comparison-icon{font-size:32px}.mvv-comparison-icon.animated{animation:mvv-pulse 2s ease-in-out infinite}.mvv-comparison-content p{color:#fff;font-size:12px;margin:0;opacity:.8}.mvv-comparison-label{position:absolute;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;color:#fff;background:#00000080}.mvv-before-label{top:8px;left:8px}.mvv-after-label{top:8px;right:8px}.mvv-slider-handle{position:absolute;top:0;bottom:0;width:4px;background:#fff;transform:translate(-50%);box-shadow:0 0 10px #00000080}.mvv-slider-line{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.mvv-slider-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--mvv-primary);box-shadow:0 2px 10px #0000004d}.mvv-drag-hint{color:#ffffff80;font-size:11px;margin:0 0 16px}.mvv-video-info{display:flex;gap:10px;margin-bottom:16px}.mvv-info-item{flex:1;background:#ffffff0d;border-radius:10px;padding:12px;text-align:center}.mvv-info-item .mvv-info-label{display:block;font-size:10px;color:#ffffff80;margin-bottom:4px}.mvv-info-item .mvv-info-value{display:block;font-size:13px;color:#fff;font-weight:500}.mvv-demo-actions{display:flex;flex-direction:column;gap:10px}.mvv-restart-btn{width:100%;padding:12px;background:var(--mvv-gradient);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.mvv-back-home-btn{width:100%;padding:12px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.mvv-scenario-list::-webkit-scrollbar,.mvv-demo-content::-webkit-scrollbar{width:0;display:none}:root{--dvv-iphone-width: 390px;--dvv-iphone-height: 844px;--dvv-border-radius: 55px;--dvv-bezel: 10px;--dvv-dynamic-island-width: 125px;--dvv-dynamic-island-height: 37px;--dvv-primary: #6366f1;--dvv-primary-dark: #4f46e5;--dvv-secondary: #3b82f6;--dvv-gradient: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%)}.dvv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dvv-overlay.dvv-visible{opacity:1}.dvv-overlay.dvv-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dvv-modal-open{overflow:hidden!important}.dvv-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dvv-iphone-container.dvv-visible{opacity:1;transform:scale(1) translateY(0)}.dvv-iphone-container.dvv-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dvv-iphone-frame{position:relative;width:var(--dvv-iphone-width);height:var(--dvv-iphone-height);background:linear-gradient(145deg,#1a1a3f,#0d0d20,#15153a);border-radius:var(--dvv-border-radius);padding:var(--dvv-bezel);box-shadow:0 0 0 1px #6366f126,0 25px 80px -15px #000000b3,0 10px 40px -10px #3b82f633,inset 0 1px #6366f11a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dvv-iphone-frame:hover{box-shadow:0 0 0 1px #6366f140,0 30px 100px -15px #000c,0 15px 50px -10px #3b82f64d,inset 0 1px #6366f126}.dvv-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#6366f133,#3b82f60d,#0000001a,#3b82f60d,#6366f126);border-radius:calc(var(--dvv-border-radius) + 1px);z-index:-1}.dvv-side-button{position:absolute;background:linear-gradient(90deg,#2a2a55,#1a1a35,#2a2a55);border-radius:2px;transition:background .2s ease}.dvv-side-button:hover{background:linear-gradient(90deg,#3a3a65,#2a2a45,#3a3a65)}.dvv-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dvv-volume-up{left:-4px;top:160px;width:4px;height:65px}.dvv-volume-down{left:-4px;top:235px;width:4px;height:65px}.dvv-power-button{right:-4px;top:180px;width:4px;height:100px}.dvv-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dvv-border-radius) - var(--dvv-bezel));overflow:hidden;position:relative}.dvv-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1a,#1a1a3a 30%,#0d0d2a,#1a1a3a 70%,#0a0a1a);z-index:0}.dvv-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.08) 0%,transparent 40%);animation:dvv-wallpaper-drift 30s ease-in-out infinite}@keyframes dvv-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.dvv-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dvv-dynamic-island-width);height:var(--dvv-dynamic-island-height);background:#000;border-radius:calc(var(--dvv-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dvv-dynamic-island.dvv-di-state-collapsed:hover{width:140px;height:40px}.dvv-dynamic-island.dvv-di-state-compact{width:220px;height:50px;border-radius:25px}.dvv-dynamic-island.dvv-di-state-expanded{width:340px;height:90px;border-radius:40px}.dvv-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dvv-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dvv-dynamic-island.dvv-di-state-expanded .dvv-di-collapsed-content,.dvv-dynamic-island.dvv-di-state-compact .dvv-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dvv-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #6366f14d}.dvv-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #6366f133}.dvv-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dvv-dynamic-island.dvv-di-state-compact .dvv-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dvv-dynamic-island.dvv-di-state-expanded .dvv-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dvv-di-compact-left{display:flex;align-items:center;gap:10px}.dvv-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #6366f14d;flex-shrink:0}.dvv-di-compact-album .dvv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dvv-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dvv-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dvv-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dvv-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dvv-di-compact-waves .dvv-di-wave-bar{width:3px;background:var(--dvv-gradient);border-radius:2px;animation:dvv-waveCompact .8s ease-in-out infinite}.dvv-di-compact-waves .dvv-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dvv-di-compact-waves .dvv-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dvv-di-compact-waves .dvv-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}@keyframes dvv-waveCompact{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dvv-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dvv-dynamic-island.dvv-di-state-expanded .dvv-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dvv-dynamic-island.dvv-di-state-compact .dvv-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dvv-dynamic-island.dvv-di-state-collapsed .dvv-di-expanded-content,.dvv-dynamic-island.dvv-di-state-collapsed .dvv-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dvv-dynamic-island.dvv-di-state-collapsed .dvv-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dvv-di-music-left{display:flex;align-items:center;gap:14px}.dvv-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #6366f14d;transition:transform .3s ease}.dvv-dynamic-island.dvv-di-state-expanded:hover .dvv-di-album{transform:scale(1.05)}.dvv-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dvv-di-track-info{color:#fff}.dvv-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.dvv-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.dvv-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dvv-di-wave-bar{width:4px;background:var(--dvv-gradient);border-radius:3px;animation:dvv-waveAnim 1s ease-in-out infinite}.dvv-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dvv-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dvv-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dvv-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dvv-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dvv-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dvv-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dvv-status-left{display:flex;align-items:center}.dvv-status-right{display:flex;align-items:center;gap:6px}.dvv-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dvv-signal-bars span{width:4px;background:#fff;border-radius:1px}.dvv-signal-bars span:nth-child(1){height:25%}.dvv-signal-bars span:nth-child(2){height:50%}.dvv-signal-bars span:nth-child(3){height:75%}.dvv-signal-bars span:nth-child(4){height:100%}.dvv-5g{font-size:13px;margin-left:3px}.dvv-battery{display:flex;align-items:center;gap:3px}.dvv-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dvv-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dvv-battery-level{height:100%;width:80%;background:var(--dvv-gradient);border-radius:2px}.dvv-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dvv-home-screen.dvv-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dvv-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dvv-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dvv-time:hover{transform:scale(1.02)}.dvv-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dvv-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dvv-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dvv-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dvv-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dvv-volume-hud.dvv-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dvv-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e37d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.dvv-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dvv-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dvv-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dvv-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dvv-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--dvv-gradient);border-radius:4px;transition:width .1s ease}.dvv-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dvv-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dvv-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dvv-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#6366f133,#3b82f633);opacity:0;animation:dvv-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes dvv-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.dvv-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dvv-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dvv-weather-icon{background:transparent}.dvv-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dvv-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dvv-weather-temp{font-size:42px;font-weight:300}.dvv-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dvv-music-playing{display:flex;align-items:center;gap:12px}.dvv-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dvv-widget:hover .dvv-music-album{transform:rotate(5deg)}.dvv-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dvv-music-info h4{font-size:14px;font-weight:600;margin:0}.dvv-music-info p{font-size:12px;opacity:.7;margin:0}.dvv-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dvv-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dvv-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dvv-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dvv-dock-hover:active{transform:scale(.95)}.dvv-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dvv-network-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dvv-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dvv-network-icon:hover .dvv-network-tooltip{opacity:1}.dvv-network-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dvv-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dvv-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dvv-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dvv-close-icon .dvv-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dvv-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dvv-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dvv-close-icon:hover .dvv-close-tooltip{opacity:1}.dvv-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dvv-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dvv-closePulseRing 1.5s ease-out infinite;z-index:-1}.dvv-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dvv-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dvv-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dvv-app-icon{background:var(--dvv-gradient);position:relative}.dvv-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--dvv-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #6366f180;animation:dvv-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dvv-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dvv-primary-dark)}.dvv-app-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dvv-fingerPoint 1s ease-in-out infinite}@keyframes dvv-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dvv-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dvv-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#6366f166,#3b82f666);animation:dvv-pulseRing 1.5s ease-out infinite;z-index:-1}.dvv-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#6366f133,#3b82f633);animation:dvv-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dvv-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dvv-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dvv-home-indicator:hover{background:#ffffffe6;width:150px}.dvv-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.dvv-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dvv-iphone-container.dvv-visible .dvv-hint{opacity:1;animation:dvv-hintPulse 2s ease-in-out infinite}.dvv-iphone-container.dvv-closing .dvv-hint{opacity:0;transition:opacity .2s ease}@keyframes dvv-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dvv-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1a,#1a1a3a);border-radius:calc(var(--dvv-border-radius) - var(--dvv-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:90;display:flex;flex-direction:column;overflow:hidden}.dvv-app.dvv-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.dvv-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.dvv-scenario-header{background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,transparent 100%);padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}.dvv-scenario-header .dvv-logo{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--dvv-gradient);padding:2px;flex-shrink:0}.dvv-scenario-header .dvv-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dvv-scenario-header .dvv-info h3{color:#fff;font-size:17px;font-weight:600;margin:0}.dvv-scenario-header .dvv-info p{color:#8e8e93;font-size:13px;margin:0}.dvv-scenario-header .dvv-info{flex:1}.dvv-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.dvv-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.dvv-scenario-list{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dvv-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;display:flex;align-items:center;gap:16px;cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.dvv-scenario-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(5px)}.dvv-scenario-icon-wrapper{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--dvv-gradient)}.dvv-scenario-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dvv-scenario-item .dvv-text h4{color:#fff;font-size:15px;font-weight:600;margin:0}.dvv-scenario-item .dvv-text p{color:#8e8e93;font-size:13px;margin:0}.dvv-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.dvv-demo-header{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.dvv-back-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:10px;transition:background .2s ease}.dvv-back-btn:hover{background:#ffffff1a}.dvv-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.dvv-demo-header .dvv-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--dvv-gradient);padding:2px;flex-shrink:0}.dvv-demo-header .dvv-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dvv-demo-header .dvv-info{flex:1}.dvv-demo-header .dvv-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.dvv-demo-header .dvv-info p{color:#8e8e93;font-size:12px;margin:0}.dvv-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:20px;transition:all .2s ease}.dvv-action-btn:hover{background:#ffffff1a;color:#fff}.dvv-demo-content{flex:1;overflow-y:auto;padding:20px}.dvv-source-section{margin-bottom:20px}.dvv-source-label{font-size:13px;color:var(--dvv-secondary);font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.dvv-source-preview{border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#0000004d}.dvv-source-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dvv-prompt-section{margin-bottom:20px}.dvv-prompt-label{font-size:13px;color:var(--dvv-secondary);font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.dvv-sparkle{font-size:16px}.dvv-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}.dvv-prompt-box p{color:#fff;font-size:14px;line-height:1.6;margin:0}.dvv-info-tags{display:flex;gap:12px;margin-bottom:20px}.dvv-info-tag{flex:1;background:#ffffff0d;border-radius:12px;padding:14px;text-align:center}.dvv-info-tag .dvv-info-label{display:block;font-size:11px;color:#ffffff80;margin-bottom:5px}.dvv-info-tag .dvv-info-value{display:block;font-size:14px;color:#fff;font-weight:600}.dvv-start-btn{width:100%;padding:16px;background:var(--dvv-gradient);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.dvv-start-btn:hover{transform:scale(1.02)}.dvv-start-btn:active{transform:scale(.98);opacity:.9}.dvv-video-placeholder{background:linear-gradient(135deg,#6366f133,#3b82f633);border-radius:16px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3)}.dvv-video-icon{font-size:48px;margin-bottom:8px}.dvv-video-placeholder p{color:#fff9;font-size:14px;margin:0}.dvv-processing{text-align:center;padding:20px 0}.dvv-processing-preview{position:relative;background:linear-gradient(135deg,#6366f133,#3b82f633);border-radius:16px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:20px;border:1px solid rgba(99,102,241,.3)}.dvv-processing-animation{position:relative;z-index:2}.dvv-processing-icon{font-size:48px;animation:dvv-processingPulse 1.5s ease-in-out infinite}@keyframes dvv-processingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.dvv-processing-progress{position:absolute;bottom:0;left:0;height:4px;background:var(--dvv-gradient);transition:width .1s linear}.dvv-processing-percentage{position:absolute;bottom:10px;right:10px;color:#fff;font-size:18px;font-weight:700}.dvv-processing h4{color:#fff;font-size:18px;margin:0 0 8px}.dvv-processing-desc{color:#fff9;font-size:14px;margin:0 0 20px}.dvv-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;margin:20px 0;overflow:hidden}.dvv-progress-fill{height:100%;background:var(--dvv-gradient);border-radius:4px;transition:width .1s ease}.dvv-steps{text-align:left}.dvv-step{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;margin-bottom:8px;transition:background .2s ease}.dvv-step.active{background:#ffffff0d}.dvv-step-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dvv-step-indicator img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(50%) sepia(95%) saturate(1500%) hue-rotate(200deg) brightness(100%) contrast(95%)}.dvv-step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d}.dvv-step-dot.active{background:var(--dvv-primary);animation:dvv-dotPulse .5s ease-in-out infinite}@keyframes dvv-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.dvv-step span{color:#ffffff80;font-size:13px}.dvv-step.active span,.dvv-step.completed span{color:#fff}.dvv-complete{text-align:center}.dvv-success-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:dvv-successPop .5s cubic-bezier(.68,-.55,.27,1.55)}.dvv-success-icon img{width:28px;height:28px;filter:brightness(0) invert(1)}@keyframes dvv-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.dvv-complete h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.dvv-comparison-slider{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;margin-bottom:12px;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dvv-before-side{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#374151,#1f2937);display:flex;align-items:center;justify-content:center}.dvv-after-side{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f1,#3b82f6);display:flex;align-items:center;justify-content:center;transition:clip-path .05s ease-out}.dvv-comparison-content{text-align:center}.dvv-comparison-icon{font-size:36px;display:block;margin-bottom:8px}.dvv-comparison-icon.animated{animation:dvv-iconFloat 2s ease-in-out infinite}@keyframes dvv-iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.dvv-comparison-content p{color:#fff;font-size:12px;margin:0}.dvv-comparison-label{position:absolute;top:10px;padding:4px 10px;background:#00000080;border-radius:6px;color:#fff;font-size:11px;font-weight:600}.dvv-before-label{left:10px}.dvv-after-label{right:10px}.dvv-slider-handle{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:10}.dvv-slider-line{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;box-shadow:0 0 10px #00000080}.dvv-slider-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:14px;font-weight:700;box-shadow:0 2px 10px #0000004d}.dvv-drag-hint{text-align:center;color:#ffffff80;font-size:12px;margin-bottom:16px}.dvv-result-info{display:flex;gap:12px;margin-bottom:20px}.dvv-result-item{flex:1;background:#ffffff0d;border-radius:12px;padding:12px;text-align:center}.dvv-result-label{display:block;color:#fff9;font-size:12px;margin-bottom:4px}.dvv-result-value{display:block;color:#fff;font-size:14px;font-weight:600}.dvv-demo-actions{display:flex;flex-direction:column;gap:12px}.dvv-restart-btn{width:100%;padding:14px;background:var(--dvv-gradient);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease}.dvv-restart-btn:hover{transform:scale(1.02)}.dvv-back-home-btn{width:100%;padding:14px;background:#ffffff1a;border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.dvv-back-home-btn:hover{background:#ffffff26}.dvv-scenario-list::-webkit-scrollbar,.dvv-demo-content::-webkit-scrollbar{width:4px}.dvv-scenario-list::-webkit-scrollbar-track,.dvv-demo-content::-webkit-scrollbar-track{background:transparent}.dvv-scenario-list::-webkit-scrollbar-thumb,.dvv-demo-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.dvv-scenario-list::-webkit-scrollbar-thumb:hover,.dvv-demo-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--mda-iphone-width: min(375px, 90vw);--mda-max-height: calc(100svh - 40px) ;--mda-iphone-height: min(calc(var(--mda-iphone-width) * 2.16), var(--mda-max-height));--mda-border-radius: calc(var(--mda-iphone-width) * .14);--mda-bezel: calc(var(--mda-iphone-width) * .025);--mda-dynamic-island-width: calc(var(--mda-iphone-width) * .32);--mda-dynamic-island-height: calc(var(--mda-iphone-width) * .095);--mda-primary: #f59e0b;--mda-primary-dark: #d97706;--mda-secondary: #f97316;--mda-gradient: linear-gradient(135deg, #f59e0b 0%, #f97316 100%)}@supports not (height: 100svh){:root{--mda-max-height: calc(100vh - 40px) ;--mda-max-height: calc(var(--mda-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mda-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1500,#2a2000,#3d3000);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mda-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}body.mda-modal-open>*:not(.mda-overlay){visibility:hidden!important}body.mda-modal-open .mda-overlay{visibility:visible!important}.mda-iphone-container{position:relative;width:var(--mda-iphone-width);height:var(--mda-iphone-height);max-width:100%;max-height:100%}.mda-iphone-frame{position:relative;width:var(--mda-iphone-width);height:var(--mda-iphone-height);background:linear-gradient(145deg,#2a2a2e,#1c1c1e,#2a2a2e);border-radius:var(--mda-border-radius);padding:var(--mda-bezel);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px #f59e0b26,inset 0 1px #ffffff1a}.mda-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);border-radius:calc(var(--mda-border-radius) + 1px);z-index:-1}.mda-side-button{position:absolute;background:linear-gradient(90deg,#3a3a3c,#2c2c2e,#3a3a3c);border-radius:2px}.mda-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mda-iphone-width) * .04)}.mda-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mda-iphone-width) * .08)}.mda-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mda-iphone-width) * .08)}.mda-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mda-iphone-width) * .12)}.mda-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mda-border-radius) - var(--mda-bezel));overflow:hidden;position:relative}.mda-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a1500,#2a2000 30%,#3d3000,#2a2000 70%,#1a1500);z-index:0}.mda-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(245,158,11,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(249,115,22,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(245,158,11,.08) 0%,transparent 40%);animation:mda-wallpaper-drift 30s ease-in-out infinite}@keyframes mda-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.mda-dynamic-island{position:absolute;top:calc(var(--mda-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mda-dynamic-island-width);height:var(--mda-dynamic-island-height);background:#000;border-radius:calc(var(--mda-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mda-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mda-dynamic-island.mda-di-state-collapsed{width:var(--mda-dynamic-island-width);height:var(--mda-dynamic-island-height)}.mda-dynamic-island.mda-di-state-compact{width:180px;height:42px;border-radius:21px}.mda-dynamic-island.mda-di-state-expanded{width:280px;height:75px;border-radius:30px}.mda-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mda-dynamic-island.mda-di-state-compact .mda-di-collapsed-content,.mda-dynamic-island.mda-di-state-expanded .mda-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mda-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mda-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mda-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mda-dynamic-island.mda-di-state-compact .mda-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mda-dynamic-island.mda-di-state-expanded .mda-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mda-di-compact-left{display:flex;align-items:center;gap:8px}.mda-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #f59e0b4d;flex-shrink:0}.mda-di-compact-album .mda-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mda-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mda-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mda-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mda-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mda-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mda-dynamic-island.mda-di-state-expanded .mda-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mda-dynamic-island.mda-di-state-compact .mda-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mda-dynamic-island.mda-di-state-collapsed .mda-di-expanded-content,.mda-dynamic-island.mda-di-state-collapsed .mda-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mda-di-music-left{display:flex;align-items:center;gap:12px}.mda-di-album{width:50px;height:50px;border-radius:10px;overflow:hidden;flex-shrink:0}.mda-di-album .mda-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mda-di-track-info{display:flex;flex-direction:column;gap:2px}.mda-di-track-info h4{margin:0;font-size:13px;font-weight:600;color:#fff}.mda-di-track-info p{margin:0;font-size:11px;color:#fff9}.mda-di-music-right{display:flex;align-items:flex-end;gap:3px;height:24px}.mda-di-wave-bar{width:3px;background:var(--mda-primary);border-radius:2px;animation:mda-wave 1s ease-in-out infinite}.mda-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.mda-di-wave-bar:nth-child(2){height:70%;animation-delay:.1s}.mda-di-wave-bar:nth-child(3){height:50%;animation-delay:.2s}.mda-di-wave-bar:nth-child(4){height:80%;animation-delay:.3s}.mda-di-wave-bar:nth-child(5){height:60%;animation-delay:.4s}@keyframes mda-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mda-status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 24px 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mda-status-left,.mda-status-right{display:flex;align-items:center}.mda-status-right{gap:5px}.mda-signal-bars{display:flex;gap:1px;align-items:flex-end;height:11px}.mda-signal-bars span{width:3px;background:#fff;border-radius:1px}.mda-signal-bars span:nth-child(1){height:25%}.mda-signal-bars span:nth-child(2){height:50%}.mda-signal-bars span:nth-child(3){height:75%}.mda-signal-bars span:nth-child(4){height:100%}.mda-5g{font-size:12px;margin-left:2px}.mda-battery{display:flex;align-items:center}.mda-battery-body{width:22px;height:11px;border:1.5px solid white;border-radius:3px;padding:1px;position:relative}.mda-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mda-battery-level{height:100%;width:80%;background:var(--mda-primary);border-radius:1px}.mda-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mda-home-screen.mda-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mda-volume-hud{position:absolute;top:35%;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mda-volume-hud.mda-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mda-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 8px 30px #0006;min-width:200px}.mda-volume-hud-icon{width:20px;height:20px}.mda-volume-hud-icon svg{width:100%;height:100%}.mda-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mda-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mda-volume-hud-fill{height:100%;background:var(--mda-gradient);border-radius:3px;transition:width .1s ease}.mda-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0}.mda-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mda-time{font-size:60px;font-weight:200;letter-spacing:-2px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.mda-date{font-size:16px;font-weight:500;opacity:.9;margin-top:4px}.mda-widgets-container{position:absolute;bottom:32%;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;width:90%}.mda-widget{flex:1;height:140px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mda-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mda-widget-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mda-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mda-weather-temp{font-size:36px;font-weight:300}.mda-weather-desc{font-size:12px;opacity:.8;margin-top:4px}.mda-music-playing{display:flex;align-items:center;gap:10px}.mda-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mda-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mda-music-info h4{font-size:12px;font-weight:600;margin:0}.mda-music-info p{font-size:10px;opacity:.7;margin:0}.mda-dock{position:absolute;bottom:calc(var(--mda-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mda-dock-icon{width:calc(var(--mda-iphone-width) * .14);height:calc(var(--mda-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer;position:relative}.mda-dock-icon:active{transform:scale(.9)}.mda-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mda-network-icon .mda-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mda-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mda-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mda-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mda-close-icon .mda-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mda-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mda-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mda-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mda-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mda-fingerPoint 1s ease-in-out infinite}.mda-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mda-closePulseRing 1.5s ease-out infinite;z-index:-1}.mda-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mda-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mda-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mda-app-icon{background:var(--mda-gradient);position:relative}.mda-app-icon svg{width:26px;height:26px;opacity:1}.mda-app-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--mda-gradient);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #f59e0b66;animation:mda-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mda-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--mda-secondary)}.mda-app-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mda-fingerPoint 1s ease-in-out infinite}@keyframes mda-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mda-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mda-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#f59e0b66;animation:mda-pulseRing 1.5s ease-out infinite;z-index:-1}.mda-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#f9731633;animation:mda-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mda-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mda-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:35%;height:4px;background:#ffffff80;border-radius:2px;z-index:100;cursor:pointer}.mda-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mda-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a1500,#2a2000);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mda-border-radius) - var(--mda-bezel));overflow:hidden}.mda-app.mda-active{display:flex}.mda-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mda-scenario-header{background:linear-gradient(180deg,rgba(245,158,11,.1) 0%,transparent 100%);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.mda-scenario-header .mda-logo{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--mda-gradient);padding:2px;flex-shrink:0}.mda-scenario-header .mda-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mda-scenario-header .mda-info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.mda-scenario-header .mda-info p{color:#8e8e93;font-size:12px;margin:0}.mda-scenario-header .mda-info{flex:1}.mda-close-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.mda-scenario-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;-ms-overflow-style:none}.mda-scenario-list::-webkit-scrollbar{display:none}.mda-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:left}.mda-scenario-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--mda-gradient)}.mda-scenario-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mda-scenario-item .mda-text h4{color:#fff;font-size:14px;font-weight:500;margin:0}.mda-scenario-item .mda-text p{color:#8e8e93;font-size:12px;margin:0}.mda-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:50px}.mda-demo-header{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.mda-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:8px}.mda-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mda-demo-header .mda-profile{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--mda-gradient);padding:2px;flex-shrink:0}.mda-demo-header .mda-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mda-demo-header .mda-info{flex:1}.mda-demo-header .mda-info h3{color:#fff;font-size:14px;font-weight:500;margin:0}.mda-demo-header .mda-info p{color:#8e8e93;font-size:11px;margin:0}.mda-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:18px}.mda-demo-content{flex:1;overflow-y:auto;padding:16px;scrollbar-width:none;-ms-overflow-style:none}.mda-demo-content::-webkit-scrollbar{display:none}.mda-source-section{margin-bottom:16px}.mda-source-label{font-size:12px;color:var(--mda-primary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.mda-sparkle{font-size:14px}.mda-data-placeholder{background:linear-gradient(135deg,#f59e0b33,#f9731633);border-radius:14px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(245,158,11,.3)}.mda-data-icon{font-size:40px;margin-bottom:8px}.mda-data-placeholder p{color:#fff9;font-size:13px;margin:0}.mda-prompt-section{margin-bottom:16px}.mda-prompt-label{font-size:12px;color:var(--mda-primary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.mda-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}.mda-prompt-box p{color:#fff;font-size:13px;line-height:1.5;margin:0}.mda-info-tags{display:flex;gap:10px;margin-bottom:16px}.mda-info-tag{flex:1;background:#ffffff0d;border-radius:10px;padding:12px;text-align:center}.mda-info-tag .mda-info-label{display:block;font-size:10px;color:#ffffff80;margin-bottom:4px}.mda-info-tag .mda-info-value{display:block;font-size:13px;color:#fff;font-weight:600}.mda-start-btn{width:100%;padding:14px;background:var(--mda-gradient);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease}.mda-start-btn:active{transform:scale(.98)}.mda-analyzing{text-align:center;padding:16px 0}.mda-analyzing-preview{position:relative;background:linear-gradient(135deg,#f59e0b33,#f9731633);border-radius:14px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:16px;border:1px solid rgba(245,158,11,.3)}.mda-analyzing-animation{position:relative;z-index:2}.mda-analyzing-icon{font-size:40px;animation:mda-analyzeFloat 1.5s ease-in-out infinite}@keyframes mda-analyzeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.mda-analyzing-progress{position:absolute;bottom:0;left:0;height:4px;background:var(--mda-gradient);transition:width .1s linear}.mda-analyzing-percentage{position:absolute;bottom:10px;right:10px;color:#fff;font-size:16px;font-weight:700}.mda-analyzing h4{color:#fff;font-size:16px;margin:0 0 16px}.mda-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;margin:16px 0;overflow:hidden}.mda-progress-fill{height:100%;background:var(--mda-gradient);border-radius:3px;transition:width .1s ease}.mda-steps{text-align:left}.mda-step{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;margin-bottom:6px;transition:background .2s ease}.mda-step.active{background:#ffffff0d}.mda-step-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mda-step-indicator img{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(72%) sepia(61%) saturate(1500%) hue-rotate(360deg) brightness(103%) contrast(101%)}.mda-step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.mda-step-dot.active{background:var(--mda-primary);animation:mda-dotPulse .5s ease-in-out infinite}@keyframes mda-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mda-step span{color:#ffffff80;font-size:12px}.mda-step.active span,.mda-step.completed span{color:#fff}.mda-complete{text-align:center}.mda-success-icon{width:50px;height:50px;margin:0 auto 12px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mda-successPop .5s cubic-bezier(.68,-.55,.27,1.55)}.mda-success-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}@keyframes mda-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.mda-complete h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.mda-metrics-section{margin-bottom:16px;text-align:left}.mda-section-label{font-size:12px;color:var(--mda-primary);font-weight:600;margin-bottom:10px}.mda-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mda-metric-card{background:#ffffff0d;border-radius:10px;padding:10px;text-align:center;border:1px solid rgba(255,255,255,.1);animation:mda-metricFadeIn .3s ease forwards}@keyframes mda-metricFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mda-metric-label{font-size:10px;color:#fff9;margin-bottom:4px}.mda-metric-value{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.mda-metric-change{font-size:10px;font-weight:600}.mda-metric-change.positive{color:#34c759}.mda-metric-change.negative{color:#ff3b30}.mda-chart-section{margin-bottom:16px;text-align:left}.mda-chart-container{background:#ffffff0d;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.1);height:80px}.mda-chart-svg{width:100%;height:100%}.mda-pie-chart{width:60px;height:60px;margin:0 auto}.mda-line-animate{stroke-dasharray:200;stroke-dashoffset:200;animation:mda-drawLine 1.5s ease-out forwards}@keyframes mda-drawLine{to{stroke-dashoffset:0}}.mda-area-fade{animation:mda-fadeIn 1s ease forwards}.mda-bar-animate{transform-origin:bottom;animation:mda-barGrow .5s ease forwards}@keyframes mda-barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mda-pie-animate{animation:mda-fadeIn .5s ease forwards}@keyframes mda-fadeIn{0%{opacity:0}to{opacity:1}}.mda-insights-section{margin-bottom:16px;text-align:left}.mda-insights-list{max-height:120px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mda-insights-list::-webkit-scrollbar{display:none}.mda-insight-item{background:linear-gradient(135deg,#f59e0b1a,#f973161a);border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:10px;margin-bottom:8px;display:flex;align-items:flex-start;gap:10px;animation:mda-insightSlide .4s ease forwards}@keyframes mda-insightSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.mda-insight-number{width:20px;height:20px;background:#f59e0b4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--mda-primary);flex-shrink:0}.mda-insight-item p{color:#fff;font-size:11px;line-height:1.4;margin:0}.mda-demo-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.mda-restart-btn{width:100%;padding:12px;background:var(--mda-gradient);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease}.mda-restart-btn:active{transform:scale(.98)}.mda-back-home-btn{width:100%;padding:12px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.mda-back-home-btn:active{background:#ffffff26}:root{--dda-iphone-width: 390px;--dda-iphone-height: 844px;--dda-border-radius: 55px;--dda-bezel: 10px;--dda-dynamic-island-width: 125px;--dda-dynamic-island-height: 37px;--dda-primary: #f59e0b;--dda-primary-dark: #d97706;--dda-secondary: #f97316;--dda-gradient: linear-gradient(135deg, #f59e0b 0%, #f97316 100%)}.dda-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dda-overlay.dda-visible{opacity:1}.dda-overlay.dda-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dda-modal-open{overflow:hidden!important}.dda-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dda-iphone-container.dda-visible{opacity:1;transform:scale(1) translateY(0)}.dda-iphone-container.dda-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dda-iphone-frame{position:relative;width:var(--dda-iphone-width);height:var(--dda-iphone-height);background:linear-gradient(145deg,#2a2000,#1a1500,#252000);border-radius:var(--dda-border-radius);padding:var(--dda-bezel);box-shadow:0 0 0 1px #f59e0b26,0 25px 80px -15px #000000b3,0 10px 40px -10px #f9731633,inset 0 1px #f59e0b1a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dda-iphone-frame:hover{box-shadow:0 0 0 1px #f59e0b40,0 30px 100px -15px #000c,0 15px 50px -10px #f973164d,inset 0 1px #f59e0b26}.dda-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#f59e0b33,#f973160d,#0000001a,#f973160d,#f59e0b26);border-radius:calc(var(--dda-border-radius) + 1px);z-index:-1}.dda-side-button{position:absolute;background:linear-gradient(90deg,#3a3000,#2a2000,#3a3000);border-radius:2px;transition:background .2s ease}.dda-side-button:hover{background:linear-gradient(90deg,#4a4000,#3a3000,#4a4000)}.dda-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dda-volume-up{left:-4px;top:160px;width:4px;height:65px}.dda-volume-down{left:-4px;top:235px;width:4px;height:65px}.dda-power-button{right:-4px;top:180px;width:4px;height:100px}.dda-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dda-border-radius) - var(--dda-bezel));overflow:hidden;position:relative}.dda-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a1500,#2a2000 30%,#1a1500,#2a2000 70%,#1a1500);z-index:0}.dda-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(245,158,11,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(249,115,22,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(245,158,11,.08) 0%,transparent 40%);animation:dda-wallpaper-drift 30s ease-in-out infinite}@keyframes dda-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.dda-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dda-dynamic-island-width);height:var(--dda-dynamic-island-height);background:#000;border-radius:calc(var(--dda-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dda-dynamic-island.dda-di-state-collapsed:hover{width:140px;height:40px}.dda-dynamic-island.dda-di-state-compact{width:220px;height:50px;border-radius:25px}.dda-dynamic-island.dda-di-state-expanded{width:340px;height:90px;border-radius:40px}.dda-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dda-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dda-dynamic-island.dda-di-state-expanded .dda-di-collapsed-content,.dda-dynamic-island.dda-di-state-compact .dda-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dda-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#2a2a2a,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232324d}.dda-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#1a1a1a,#000005);border-radius:50%;box-shadow:0 0 2px #64500033}.dda-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dda-dynamic-island.dda-di-state-compact .dda-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dda-dynamic-island.dda-di-state-expanded .dda-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dda-di-compact-left{display:flex;align-items:center;gap:10px}.dda-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #f59e0b4d;flex-shrink:0}.dda-di-compact-album .dda-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dda-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dda-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dda-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dda-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dda-di-compact-waves .dda-di-wave-bar{width:3px;background:var(--dda-gradient);border-radius:2px;animation:dda-waveCompact .8s ease-in-out infinite}.dda-di-compact-waves .dda-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dda-di-compact-waves .dda-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dda-di-compact-waves .dda-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}@keyframes dda-waveCompact{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dda-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dda-dynamic-island.dda-di-state-expanded .dda-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dda-dynamic-island.dda-di-state-compact .dda-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dda-dynamic-island.dda-di-state-collapsed .dda-di-expanded-content,.dda-dynamic-island.dda-di-state-collapsed .dda-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dda-dynamic-island.dda-di-state-collapsed .dda-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dda-di-music-left{display:flex;align-items:center;gap:14px}.dda-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #f59e0b4d;transition:transform .3s ease}.dda-dynamic-island.dda-di-state-expanded:hover .dda-di-album{transform:scale(1.05)}.dda-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dda-di-track-info{color:#fff}.dda-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.dda-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.dda-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dda-di-wave-bar{width:4px;background:var(--dda-gradient);border-radius:3px;animation:dda-waveAnim 1s ease-in-out infinite}.dda-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dda-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dda-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dda-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dda-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dda-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dda-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dda-status-left{display:flex;align-items:center}.dda-status-right{display:flex;align-items:center;gap:6px}.dda-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dda-signal-bars span{width:4px;background:#fff;border-radius:1px}.dda-signal-bars span:nth-child(1){height:25%}.dda-signal-bars span:nth-child(2){height:50%}.dda-signal-bars span:nth-child(3){height:75%}.dda-signal-bars span:nth-child(4){height:100%}.dda-5g{font-size:13px;margin-left:3px}.dda-battery{display:flex;align-items:center;gap:3px}.dda-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dda-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dda-battery-level{height:100%;width:80%;background:var(--dda-gradient);border-radius:2px}.dda-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dda-home-screen.dda-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dda-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dda-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dda-time:hover{transform:scale(1.02)}.dda-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dda-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dda-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dda-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dda-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dda-volume-hud.dda-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dda-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#281e0ad9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.dda-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dda-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dda-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dda-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dda-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--dda-gradient);border-radius:4px;transition:width .1s ease}.dda-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dda-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dda-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dda-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#f59e0b33,#f9731633);opacity:0;animation:dda-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes dda-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.dda-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dda-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dda-weather-icon{background:transparent}.dda-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dda-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dda-weather-temp{font-size:42px;font-weight:300}.dda-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dda-music-playing{display:flex;align-items:center;gap:12px}.dda-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dda-widget:hover .dda-music-album{transform:rotate(5deg)}.dda-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dda-music-info h4{font-size:14px;font-weight:600;margin:0}.dda-music-info p{font-size:12px;opacity:.7;margin:0}.dda-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dda-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dda-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dda-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dda-dock-hover:active{transform:scale(.95)}.dda-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dda-network-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dda-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dda-network-icon:hover .dda-network-tooltip{opacity:1}.dda-network-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dda-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dda-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dda-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dda-close-icon .dda-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dda-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dda-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dda-close-icon:hover .dda-close-tooltip{opacity:1}.dda-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dda-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dda-closePulseRing 1.5s ease-out infinite;z-index:-1}.dda-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dda-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dda-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dda-app-icon{background:var(--dda-gradient);position:relative}.dda-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--dda-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #f59e0b80;animation:dda-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dda-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dda-primary-dark)}.dda-app-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dda-fingerPoint 1s ease-in-out infinite}@keyframes dda-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dda-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dda-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#f59e0b66,#f9731666);animation:dda-pulseRing 1.5s ease-out infinite;z-index:-1}.dda-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#f59e0b33,#f9731633);animation:dda-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dda-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dda-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dda-home-indicator:hover{background:#ffffffe6;width:150px}.dda-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.dda-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dda-iphone-container.dda-visible .dda-hint{opacity:1;animation:dda-hintPulse 2s ease-in-out infinite}.dda-iphone-container.dda-closing .dda-hint{opacity:0;transition:opacity .2s ease}@keyframes dda-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dda-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a1500,#2a2000);border-radius:calc(var(--dda-border-radius) - var(--dda-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:90;display:flex;flex-direction:column;overflow:hidden}.dda-app.dda-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.dda-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.dda-scenario-header{background:linear-gradient(180deg,rgba(245,158,11,.1) 0%,transparent 100%);padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}.dda-scenario-header .dda-logo{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--dda-gradient);padding:2px;flex-shrink:0}.dda-scenario-header .dda-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dda-scenario-header .dda-info h3{color:#fff;font-size:17px;font-weight:600;margin:0}.dda-scenario-header .dda-info p{color:#8e8e93;font-size:13px;margin:0}.dda-scenario-header .dda-info{flex:1}.dda-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.dda-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.dda-scenario-list{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dda-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;display:flex;align-items:center;gap:16px;cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.dda-scenario-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(5px)}.dda-scenario-icon-wrapper{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--dda-gradient)}.dda-scenario-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dda-scenario-item .dda-text h4{color:#fff;font-size:15px;font-weight:600;margin:0}.dda-scenario-item .dda-text p{color:#8e8e93;font-size:13px;margin:0}.dda-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.dda-demo-header{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.dda-back-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:10px;transition:background .2s ease}.dda-back-btn:hover{background:#ffffff1a}.dda-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.dda-demo-header .dda-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--dda-gradient);padding:2px;flex-shrink:0}.dda-demo-header .dda-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dda-demo-header .dda-info{flex:1}.dda-demo-header .dda-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.dda-demo-header .dda-info p{color:#8e8e93;font-size:12px;margin:0}.dda-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:20px;transition:all .2s ease}.dda-action-btn:hover{background:#ffffff1a;color:#fff}.dda-demo-content{flex:1;overflow-y:auto;padding:20px}.dda-source-section{margin-bottom:20px}.dda-source-label{font-size:13px;color:var(--dda-primary);font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.dda-sparkle{font-size:16px}.dda-data-placeholder{background:linear-gradient(135deg,#f59e0b33,#f9731633);border-radius:16px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(245,158,11,.3)}.dda-data-icon{font-size:48px;margin-bottom:10px}.dda-data-placeholder p{color:#fff9;font-size:14px;margin:0}.dda-prompt-section{margin-bottom:20px}.dda-prompt-label{font-size:13px;color:var(--dda-primary);font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.dda-prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}.dda-prompt-box p{color:#fff;font-size:14px;line-height:1.6;margin:0}.dda-info-tags{display:flex;gap:12px;margin-bottom:20px}.dda-info-tag{flex:1;background:#ffffff0d;border-radius:12px;padding:14px;text-align:center}.dda-info-tag .dda-info-label{display:block;font-size:11px;color:#ffffff80;margin-bottom:5px}.dda-info-tag .dda-info-value{display:block;font-size:14px;color:#fff;font-weight:600}.dda-start-btn{width:100%;padding:16px;background:var(--dda-gradient);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.dda-start-btn:hover{transform:scale(1.02)}.dda-start-btn:active{transform:scale(.98);opacity:.9}.dda-analyzing{text-align:center;padding:20px 0}.dda-analyzing-preview{position:relative;background:linear-gradient(135deg,#f59e0b33,#f9731633);border-radius:16px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:24px;border:1px solid rgba(245,158,11,.3)}.dda-analyzing-animation{position:relative;z-index:2}.dda-analyzing-icon{font-size:48px;animation:dda-analyzeFloat 1.5s ease-in-out infinite}@keyframes dda-analyzeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.dda-analyzing-progress{position:absolute;bottom:0;left:0;height:4px;background:var(--dda-gradient);transition:width .1s linear}.dda-analyzing-percentage{position:absolute;bottom:12px;right:12px;color:#fff;font-size:18px;font-weight:700}.dda-analyzing h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px}.dda-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;margin:20px 0;overflow:hidden}.dda-progress-fill{height:100%;background:var(--dda-gradient);border-radius:4px;transition:width .1s ease}.dda-steps{text-align:left}.dda-step{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;margin-bottom:8px;transition:background .2s ease}.dda-step.active{background:#ffffff0d}.dda-step-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dda-step-indicator img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(72%) sepia(61%) saturate(1500%) hue-rotate(360deg) brightness(103%) contrast(101%)}.dda-step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d}.dda-step-dot.active{background:var(--dda-primary);animation:dda-dotPulse .5s ease-in-out infinite}@keyframes dda-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.dda-step span{color:#ffffff80;font-size:13px}.dda-step.active span,.dda-step.completed span{color:#fff}.dda-complete{text-align:center}.dda-success-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:dda-successPop .5s cubic-bezier(.68,-.55,.27,1.55)}.dda-success-icon img{width:28px;height:28px;filter:brightness(0) invert(1)}@keyframes dda-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.dda-complete h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.dda-metrics-section{margin-bottom:20px;text-align:left}.dda-section-label{font-size:13px;color:var(--dda-primary);font-weight:600;margin-bottom:12px}.dda-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dda-metric-card{background:#ffffff0d;border-radius:12px;padding:12px;text-align:center;border:1px solid rgba(255,255,255,.1);animation:dda-metricFadeIn .3s ease forwards;transition:all .2s ease}.dda-metric-card:hover{background:#ffffff14;transform:translateY(-2px)}@keyframes dda-metricFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dda-metric-label{font-size:11px;color:#fff9;margin-bottom:6px}.dda-metric-value{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.dda-metric-change{font-size:11px;font-weight:600}.dda-metric-change.positive{color:#34c759}.dda-metric-change.negative{color:#ff3b30}.dda-chart-section{margin-bottom:20px;text-align:left}.dda-chart-container{background:#ffffff0d;border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.1);height:100px}.dda-chart-svg{width:100%;height:100%}.dda-pie-chart{width:70px;height:70px;margin:0 auto}.dda-line-animate{stroke-dasharray:200;stroke-dashoffset:200;animation:dda-drawLine 1.5s ease-out forwards}@keyframes dda-drawLine{to{stroke-dashoffset:0}}.dda-area-fade{animation:dda-fadeIn 1s ease forwards}.dda-bar-animate{transform-origin:bottom;animation:dda-barGrow .5s ease forwards}@keyframes dda-barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.dda-pie-animate{animation:dda-fadeIn .5s ease forwards}@keyframes dda-fadeIn{0%{opacity:0}to{opacity:1}}.dda-insights-section{margin-bottom:20px;text-align:left}.dda-insights-list{max-height:150px;overflow-y:auto}.dda-insight-item{background:linear-gradient(135deg,#f59e0b1a,#f973161a);border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:12px;margin-bottom:10px;display:flex;align-items:flex-start;gap:12px;animation:dda-insightSlide .4s ease forwards;transition:all .2s ease}.dda-insight-item:hover{background:linear-gradient(135deg,#f59e0b26,#f9731626);transform:translate(4px)}@keyframes dda-insightSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.dda-insight-number{width:24px;height:24px;background:#f59e0b4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--dda-primary);flex-shrink:0}.dda-insight-item p{color:#fff;font-size:12px;line-height:1.5;margin:0}.dda-demo-actions{display:flex;flex-direction:column;gap:12px}.dda-restart-btn{width:100%;padding:14px;background:var(--dda-gradient);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease}.dda-restart-btn:hover{transform:scale(1.02)}.dda-back-home-btn{width:100%;padding:14px;background:#ffffff1a;border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.dda-back-home-btn:hover{background:#ffffff26}.dda-scenario-list::-webkit-scrollbar,.dda-demo-content::-webkit-scrollbar,.dda-insights-list::-webkit-scrollbar{width:4px}.dda-scenario-list::-webkit-scrollbar-track,.dda-demo-content::-webkit-scrollbar-track,.dda-insights-list::-webkit-scrollbar-track{background:transparent}.dda-scenario-list::-webkit-scrollbar-thumb,.dda-demo-content::-webkit-scrollbar-thumb,.dda-insights-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.dda-scenario-list::-webkit-scrollbar-thumb:hover,.dda-demo-content::-webkit-scrollbar-thumb:hover,.dda-insights-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--mca-iphone-width: min(375px, 90vw);--mca-max-height: calc(100svh - 40px) ;--mca-iphone-height: min(calc(var(--mca-iphone-width) * 2.16), var(--mca-max-height));--mca-border-radius: calc(var(--mca-iphone-width) * .14);--mca-bezel: calc(var(--mca-iphone-width) * .025);--mca-dynamic-island-width: calc(var(--mca-iphone-width) * .32);--mca-dynamic-island-height: calc(var(--mca-iphone-width) * .095);--mca-primary: #d946ef;--mca-primary-dark: #a21caf;--mca-secondary: #ec4899;--mca-gradient: linear-gradient(135deg, #d946ef 0%, #ec4899 100%)}@supports not (height: 100svh){:root{--mca-max-height: calc(100vh - 40px) ;--mca-max-height: calc(var(--mca-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mca-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a0a1a,#2a1a2a,#250d25);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mca-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;touch-action:none!important}body.mca-modal-open>*:not(.mca-overlay){visibility:hidden!important}body.mca-modal-open .mca-overlay{visibility:visible!important}.mca-iphone-container{position:relative;width:var(--mca-iphone-width);height:var(--mca-iphone-height);max-width:100%;max-height:100%}.mca-iphone-frame{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#3d1a3d,#1a0d1a,#351530);border-radius:var(--mca-border-radius);padding:var(--mca-bezel);box-shadow:0 0 0 1px #d946ef26,0 25px 50px -12px #000c,0 0 100px #d946ef26,inset 0 1px #d946ef1a}.mca-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#d946ef33,#ec48990d,#0000001a,#ec48990d,#d946ef26);border-radius:calc(var(--mca-border-radius) + 1px);z-index:-1}.mca-side-button{position:absolute;background:linear-gradient(90deg,#452a45,#2a1a2a,#452a45);border-radius:2px}.mca-silent-switch{left:-3px;top:calc(var(--mca-iphone-height) * .12);width:3px;height:calc(var(--mca-iphone-height) * .04)}.mca-volume-up{left:-3px;top:calc(var(--mca-iphone-height) * .19);width:3px;height:calc(var(--mca-iphone-height) * .08)}.mca-volume-down{left:-3px;top:calc(var(--mca-iphone-height) * .28);width:3px;height:calc(var(--mca-iphone-height) * .08)}.mca-power-button{right:-3px;top:calc(var(--mca-iphone-height) * .21);width:3px;height:calc(var(--mca-iphone-height) * .12)}.mca-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mca-border-radius) - var(--mca-bezel));overflow:hidden;position:relative}.mca-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2d1a2d,#3d2a3d 30%,#351d35,#3d2a3d 70%,#2d1a2d);z-index:0}.mca-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(217,70,239,.25) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(236,72,153,.2) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(217,70,239,.15) 0%,transparent 40%);animation:mca-wallpaper-drift 30s ease-in-out infinite}@keyframes mca-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.mca-dynamic-island{position:absolute;top:calc(var(--mca-iphone-height) * .014);left:50%;transform:translate(-50%);width:var(--mca-dynamic-island-width);height:var(--mca-dynamic-island-height);background:#000;border-radius:calc(var(--mca-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.mca-dynamic-island.mca-di-state-compact{width:calc(var(--mca-iphone-width) * .56);height:calc(var(--mca-iphone-height) * .06);border-radius:calc(var(--mca-iphone-height) * .03)}.mca-dynamic-island.mca-di-state-expanded{width:calc(var(--mca-iphone-width) * .9);height:calc(var(--mca-iphone-height) * .107);border-radius:calc(var(--mca-iphone-height) * .048)}.mca-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.mca-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.mca-dynamic-island.mca-di-state-expanded .mca-di-collapsed-content,.mca-dynamic-island.mca-di-state-compact .mca-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mca-di-camera{width:calc(var(--mca-dynamic-island-height) * .38);height:calc(var(--mca-dynamic-island-height) * .38);background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #6400644d}.mca-di-sensor{width:calc(var(--mca-dynamic-island-height) * .28);height:calc(var(--mca-dynamic-island-height) * .28);background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #64006433}.mca-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.mca-dynamic-island.mca-di-state-compact .mca-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mca-dynamic-island.mca-di-state-expanded .mca-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mca-di-compact-left{display:flex;align-items:center;gap:10px}.mca-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #d946ef4d;flex-shrink:0}.mca-di-compact-album .mca-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mca-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mca-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.mca-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.mca-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.mca-di-compact-waves .mca-di-wave-bar{width:3px;background:var(--mca-gradient);border-radius:2px;animation:mca-waveCompact .8s ease-in-out infinite}.mca-di-compact-waves .mca-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.mca-di-compact-waves .mca-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.mca-di-compact-waves .mca-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}@keyframes mca-waveCompact{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.mca-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.mca-dynamic-island.mca-di-state-expanded .mca-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mca-dynamic-island.mca-di-state-compact .mca-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mca-dynamic-island.mca-di-state-collapsed .mca-di-expanded-content,.mca-dynamic-island.mca-di-state-collapsed .mca-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mca-dynamic-island.mca-di-state-collapsed .mca-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.mca-di-music-left{display:flex;align-items:center;gap:14px}.mca-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #d946ef4d;transition:transform .3s ease}.mca-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mca-di-track-info{color:#fff}.mca-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.mca-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.mca-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.mca-di-wave-bar{width:4px;background:var(--mca-gradient);border-radius:3px;animation:mca-waveAnim 1s ease-in-out infinite}.mca-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.mca-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.mca-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.mca-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.mca-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes mca-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.mca-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mca-iphone-height) * .064);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mca-iphone-height) * .02) calc(var(--mca-iphone-width) * .075) 0;color:#fff;font-size:calc(var(--mca-iphone-width) * .04);font-weight:600;z-index:50}.mca-status-left{display:flex;align-items:center}.mca-status-right{display:flex;align-items:center;gap:calc(var(--mca-iphone-width) * .016)}.mca-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.mca-signal-bars span{width:4px;background:#fff;border-radius:1px}.mca-signal-bars span:nth-child(1){height:25%}.mca-signal-bars span:nth-child(2){height:50%}.mca-signal-bars span:nth-child(3){height:75%}.mca-signal-bars span:nth-child(4){height:100%}.mca-5g{font-size:calc(var(--mca-iphone-width) * .035);margin-left:3px}.mca-battery{display:flex;align-items:center;gap:3px}.mca-battery-body{width:calc(var(--mca-iphone-width) * .072);height:calc(var(--mca-iphone-width) * .035);border:2px solid white;border-radius:4px;padding:2px;position:relative}.mca-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.mca-battery-level{height:100%;width:80%;background:var(--mca-gradient);border-radius:2px}.mca-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mca-home-screen.mca-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mca-time-widget{position:absolute;top:calc(var(--mca-iphone-height) * .166);left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mca-time{font-size:calc(var(--mca-iphone-width) * .22);font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4)}.mca-date{font-size:calc(var(--mca-iphone-width) * .048);font-weight:500;opacity:.9;margin-top:calc(var(--mca-iphone-height) * .01)}.mca-widgets-container{position:absolute;bottom:calc(var(--mca-iphone-height) * .27);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--mca-iphone-width) * .037);z-index:10}.mca-widget{width:calc(var(--mca-iphone-width) * .44);height:calc(var(--mca-iphone-width) * .44);background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:calc(var(--mca-iphone-width) * .075);padding:calc(var(--mca-iphone-width) * .043);color:#fff;border:1px solid rgba(255,255,255,.12)}.mca-volume-hud{position:absolute;top:calc(var(--mca-iphone-height) * .33);left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mca-volume-hud.mca-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mca-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:calc(var(--mca-iphone-width) * .75)}.mca-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mca-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.mca-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.mca-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.mca-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--mca-gradient);border-radius:4px;transition:width .1s ease}.mca-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.mca-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.mca-widget-header{display:flex;align-items:center;gap:calc(var(--mca-iphone-width) * .021);font-size:calc(var(--mca-iphone-width) * .037);font-weight:600;opacity:.9;margin-bottom:calc(var(--mca-iphone-width) * .027)}.mca-widget-icon{width:calc(var(--mca-iphone-width) * .064);height:calc(var(--mca-iphone-width) * .064);border-radius:6px;display:flex;align-items:center;justify-content:center}.mca-weather-icon{background:transparent}.mca-music-icon{background:transparent;border-radius:6px;overflow:hidden}.mca-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mca-weather-temp{font-size:calc(var(--mca-iphone-width) * .112);font-weight:300}.mca-weather-desc{font-size:calc(var(--mca-iphone-width) * .037);opacity:.8;margin-top:calc(var(--mca-iphone-width) * .016)}.mca-music-playing{display:flex;align-items:center;gap:calc(var(--mca-iphone-width) * .032)}.mca-music-album{width:calc(var(--mca-iphone-width) * .155);height:calc(var(--mca-iphone-width) * .155);border-radius:calc(var(--mca-iphone-width) * .032);overflow:hidden}.mca-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mca-music-info h4{font-size:calc(var(--mca-iphone-width) * .037);font-weight:600;margin:0}.mca-music-info p{font-size:calc(var(--mca-iphone-width) * .032);opacity:.7;margin:0}.mca-dock{position:absolute;bottom:calc(var(--mca-iphone-height) * .047);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--mca-iphone-width) * .053);padding:calc(var(--mca-iphone-width) * .037) calc(var(--mca-iphone-width) * .064);background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:calc(var(--mca-iphone-width) * .085);border:1px solid rgba(255,255,255,.12);z-index:50}.mca-dock-icon{width:calc(var(--mca-iphone-width) * .155);height:calc(var(--mca-iphone-width) * .155);border-radius:calc(var(--mca-iphone-width) * .043);display:flex;align-items:center;justify-content:center;font-size:calc(var(--mca-iphone-width) * .075);color:#fff;cursor:pointer;position:relative;transition:transform .2s ease}.mca-dock-icon:active{transform:scale(.9)}.mca-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:calc(var(--mca-iphone-width) * .027)}.mca-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mca-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:calc(var(--mca-iphone-width) * .027)}.mca-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:calc(var(--mca-iphone-width) * .027);position:relative}.mca-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mca-close-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:8px 14px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mca-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mca-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mca-app-icon{background:var(--mca-gradient);position:relative}.mca-app-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--mca-gradient);color:#fff;padding:8px 14px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #d946ef66;animation:mca-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mca-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--mca-primary-dark)}@keyframes mca-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.mca-home-indicator{position:absolute;bottom:calc(var(--mca-iphone-height) * .012);left:50%;transform:translate(-50%);width:calc(var(--mca-iphone-width) * .373);height:calc(var(--mca-iphone-height) * .006);background:#fff9;border-radius:calc(var(--mca-iphone-height) * .003);z-index:100;cursor:pointer}.mca-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.mca-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a1a,#2a1a2a);border-radius:calc(var(--mca-border-radius) - var(--mca-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:90;display:flex;flex-direction:column;overflow:hidden}.mca-app.mca-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.mca-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:calc(var(--mca-iphone-height) * .071)}.mca-scenario-header{background:linear-gradient(180deg,rgba(217,70,239,.1) 0%,transparent 100%);padding:calc(var(--mca-iphone-width) * .043) calc(var(--mca-iphone-width) * .053);display:flex;align-items:center;gap:calc(var(--mca-iphone-width) * .043);border-bottom:1px solid rgba(255,255,255,.1)}.mca-scenario-header .mca-logo{width:calc(var(--mca-iphone-width) * .128);height:calc(var(--mca-iphone-width) * .128);border-radius:50%;overflow:hidden;background:var(--mca-gradient);padding:2px;flex-shrink:0}.mca-scenario-header .mca-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mca-scenario-header .mca-info h3{color:#fff;font-size:calc(var(--mca-iphone-width) * .045);font-weight:600;margin:0}.mca-scenario-header .mca-info p{color:#8e8e93;font-size:calc(var(--mca-iphone-width) * .035);margin:0}.mca-scenario-header .mca-info{flex:1}.mca-close-btn{width:calc(var(--mca-iphone-width) * .107);height:calc(var(--mca-iphone-width) * .107);border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:calc(var(--mca-iphone-width) * .053);transition:all .2s ease}.mca-close-btn:active{background:#fff3;color:#fff}.mca-scenario-list{flex:1;padding:calc(var(--mca-iphone-width) * .053);overflow-y:auto;display:flex;flex-direction:column;gap:calc(var(--mca-iphone-width) * .037)}.mca-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:calc(var(--mca-iphone-width) * .043);padding:calc(var(--mca-iphone-width) * .048);display:flex;align-items:center;gap:calc(var(--mca-iphone-width) * .043);cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.mca-scenario-item:active{background:#ffffff14;transform:scale(.98)}.mca-scenario-icon-wrapper{width:calc(var(--mca-iphone-width) * .133);height:calc(var(--mca-iphone-width) * .133);border-radius:calc(var(--mca-iphone-width) * .037);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--mca-gradient)}.mca-scenario-icon{width:calc(var(--mca-iphone-width) * .069);height:calc(var(--mca-iphone-width) * .069);-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mca-scenario-item .mca-text h4{color:#fff;font-size:calc(var(--mca-iphone-width) * .04);font-weight:600;margin:0}.mca-scenario-item .mca-text p{color:#8e8e93;font-size:calc(var(--mca-iphone-width) * .035);margin:0}.mca-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:calc(var(--mca-iphone-height) * .071)}.mca-demo-header{padding:calc(var(--mca-iphone-width) * .032) calc(var(--mca-iphone-width) * .043);display:flex;align-items:center;gap:calc(var(--mca-iphone-width) * .032);border-bottom:1px solid rgba(255,255,255,.1)}.mca-back-btn{width:calc(var(--mca-iphone-width) * .107);height:calc(var(--mca-iphone-width) * .107);border-radius:50%;background:transparent;border:none;cursor:pointer;padding:calc(var(--mca-iphone-width) * .027);transition:background .2s ease}.mca-back-btn:active{background:#ffffff1a}.mca-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.mca-demo-header .mca-profile{width:calc(var(--mca-iphone-width) * .107);height:calc(var(--mca-iphone-width) * .107);border-radius:50%;overflow:hidden;background:var(--mca-gradient);padding:2px;flex-shrink:0}.mca-demo-header .mca-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.mca-demo-header .mca-info{flex:1}.mca-demo-header .mca-info h3{color:#fff;font-size:calc(var(--mca-iphone-width) * .04);font-weight:600;margin:0}.mca-demo-header .mca-info p{color:#8e8e93;font-size:calc(var(--mca-iphone-width) * .032);margin:0}.mca-action-btn{width:calc(var(--mca-iphone-width) * .107);height:calc(var(--mca-iphone-width) * .107);border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:calc(var(--mca-iphone-width) * .053);transition:all .2s ease}.mca-action-btn:active{background:#ffffff1a;color:#fff}.mca-demo-content{flex:1;overflow-y:auto;padding:calc(var(--mca-iphone-width) * .053)}.mca-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--mca-iphone-width) * .032);margin-bottom:calc(var(--mca-iphone-width) * .053)}.mca-feature-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:calc(var(--mca-iphone-width) * .037);padding:calc(var(--mca-iphone-width) * .043);display:flex;flex-direction:column;align-items:center;gap:calc(var(--mca-iphone-width) * .027);cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.mca-feature-item:active{transform:scale(.95)}.mca-feature-item.mca-selected{background:#d946ef26;border-color:var(--mca-primary)}.mca-feature-icon{font-size:calc(var(--mca-iphone-width) * .075)}.mca-feature-item span{color:#fff;font-size:calc(var(--mca-iphone-width) * .035);font-weight:500}.mca-check-icon{position:absolute;top:8px;right:8px;width:calc(var(--mca-iphone-width) * .053);height:calc(var(--mca-iphone-width) * .053);background:var(--mca-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center}.mca-check-icon img{width:60%;height:60%;filter:brightness(0) invert(1)}.mca-selected-count{text-align:center;color:var(--mca-primary);font-size:calc(var(--mca-iphone-width) * .037);font-weight:600;margin-bottom:calc(var(--mca-iphone-width) * .043)}.mca-start-btn{width:100%;padding:calc(var(--mca-iphone-width) * .043);background:var(--mca-gradient);border:none;border-radius:calc(var(--mca-iphone-width) * .037);color:#fff;font-size:calc(var(--mca-iphone-width) * .043);font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.mca-start-btn:active{transform:scale(.98);opacity:.9}.mca-start-btn.mca-disabled{opacity:.5;cursor:not-allowed}.mca-generation{text-align:center;padding:calc(var(--mca-iphone-width) * .053) 0}.mca-gen-icon{width:calc(var(--mca-iphone-width) * .187);height:calc(var(--mca-iphone-width) * .187);margin:0 auto calc(var(--mca-iphone-width) * .053);background:var(--mca-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mca-spin 2s linear infinite}.mca-gen-icon svg{width:calc(var(--mca-iphone-width) * .085);height:calc(var(--mca-iphone-width) * .085);color:#fff}@keyframes mca-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mca-generation h4{color:#fff;font-size:calc(var(--mca-iphone-width) * .048);font-weight:600;margin:0 0 calc(var(--mca-iphone-width) * .016) 0}.mca-building-desc{color:#fff9;font-size:calc(var(--mca-iphone-width) * .037);margin:0 0 calc(var(--mca-iphone-width) * .053) 0}.mca-progress-bar{height:calc(var(--mca-iphone-width) * .021);background:#ffffff1a;border-radius:calc(var(--mca-iphone-width) * .011);margin:calc(var(--mca-iphone-width) * .053) 0;overflow:hidden}.mca-progress-fill{height:100%;background:var(--mca-gradient);border-radius:calc(var(--mca-iphone-width) * .011);transition:width .1s ease}.mca-steps{text-align:left}.mca-step{display:flex;align-items:center;gap:calc(var(--mca-iphone-width) * .032);padding:calc(var(--mca-iphone-width) * .027) calc(var(--mca-iphone-width) * .037);border-radius:calc(var(--mca-iphone-width) * .027);margin-bottom:calc(var(--mca-iphone-width) * .021);transition:background .2s ease}.mca-step.active{background:#ffffff0d}.mca-step-indicator{width:calc(var(--mca-iphone-width) * .064);height:calc(var(--mca-iphone-width) * .064);display:flex;align-items:center;justify-content:center}.mca-step-indicator img{width:calc(var(--mca-iphone-width) * .048);height:calc(var(--mca-iphone-width) * .048);filter:brightness(0) saturate(100%) invert(45%) sepia(95%) saturate(1000%) hue-rotate(280deg) brightness(100%) contrast(95%)}.mca-step-dot{width:calc(var(--mca-iphone-width) * .027);height:calc(var(--mca-iphone-width) * .027);border-radius:50%;background:#ffffff4d}.mca-step-dot.active{background:var(--mca-primary);animation:mca-dotPulse .5s ease-in-out infinite}@keyframes mca-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mca-step span{color:#ffffff80;font-size:calc(var(--mca-iphone-width) * .035)}.mca-step.active span,.mca-step.completed span{color:#fff}.mca-complete{text-align:center}.mca-success-icon{width:calc(var(--mca-iphone-width) * .16);height:calc(var(--mca-iphone-width) * .16);margin:0 auto calc(var(--mca-iphone-width) * .043);background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mca-successPop .5s cubic-bezier(.68,-.55,.27,1.55)}.mca-success-icon img{width:calc(var(--mca-iphone-width) * .075);height:calc(var(--mca-iphone-width) * .075);filter:brightness(0) invert(1)}@keyframes mca-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.mca-complete h4{color:#fff;font-size:calc(var(--mca-iphone-width) * .053);font-weight:600;margin:0 0 calc(var(--mca-iphone-width) * .053) 0}.mca-result-section{margin-bottom:calc(var(--mca-iphone-width) * .053);text-align:left}.mca-result-label{font-size:calc(var(--mca-iphone-width) * .037);color:var(--mca-secondary);font-weight:600;margin-bottom:calc(var(--mca-iphone-width) * .032)}.mca-capabilities-list{display:flex;flex-direction:column;gap:calc(var(--mca-iphone-width) * .027)}.mca-capability-item{display:flex;align-items:center;gap:calc(var(--mca-iphone-width) * .027);background:#ffffff0d;padding:calc(var(--mca-iphone-width) * .032) calc(var(--mca-iphone-width) * .037);border-radius:calc(var(--mca-iphone-width) * .032)}.mca-cap-check{width:calc(var(--mca-iphone-width) * .048);height:calc(var(--mca-iphone-width) * .048);filter:brightness(0) saturate(100%) invert(45%) sepia(95%) saturate(1000%) hue-rotate(280deg) brightness(100%) contrast(95%)}.mca-capability-item span{color:#fff;font-size:calc(var(--mca-iphone-width) * .037)}.mca-integrations-list{display:flex;flex-wrap:wrap;gap:calc(var(--mca-iphone-width) * .021)}.mca-integration-tag{background:#d946ef26;color:var(--mca-primary);padding:calc(var(--mca-iphone-width) * .021) calc(var(--mca-iphone-width) * .037);border-radius:calc(var(--mca-iphone-width) * .053);font-size:calc(var(--mca-iphone-width) * .035);font-weight:500}.mca-info-tags{display:flex;gap:calc(var(--mca-iphone-width) * .032);margin-bottom:calc(var(--mca-iphone-width) * .053)}.mca-info-tag{flex:1;background:#ffffff0d;border-radius:calc(var(--mca-iphone-width) * .032);padding:calc(var(--mca-iphone-width) * .037);text-align:center}.mca-info-tag .mca-info-label{display:block;font-size:calc(var(--mca-iphone-width) * .029);color:#ffffff80;margin-bottom:5px}.mca-info-tag .mca-info-value{display:block;font-size:calc(var(--mca-iphone-width) * .037);color:#fff;font-weight:600}.mca-demo-actions{display:flex;flex-direction:column;gap:calc(var(--mca-iphone-width) * .032)}.mca-contact-btn{width:100%;padding:calc(var(--mca-iphone-width) * .037);background:var(--mca-gradient);border:none;border-radius:calc(var(--mca-iphone-width) * .037);color:#fff;font-size:calc(var(--mca-iphone-width) * .04);font-weight:600;cursor:pointer;transition:transform .2s ease}.mca-contact-btn:active{transform:scale(.98)}.mca-restart-btn{width:100%;padding:calc(var(--mca-iphone-width) * .037);background:#ffffff1a;border:none;border-radius:calc(var(--mca-iphone-width) * .037);color:#fff;font-size:calc(var(--mca-iphone-width) * .04);font-weight:600;cursor:pointer;transition:all .2s ease}.mca-restart-btn:active{background:#ffffff26}.mca-scenario-list::-webkit-scrollbar,.mca-demo-content::-webkit-scrollbar{width:4px}.mca-scenario-list::-webkit-scrollbar-track,.mca-demo-content::-webkit-scrollbar-track{background:transparent}.mca-scenario-list::-webkit-scrollbar-thumb,.mca-demo-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.mca-scenario-list::-webkit-scrollbar-thumb:hover,.mca-demo-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--dca-iphone-width: 390px;--dca-iphone-height: 844px;--dca-border-radius: 55px;--dca-bezel: 10px;--dca-dynamic-island-width: 125px;--dca-dynamic-island-height: 37px;--dca-primary: #d946ef;--dca-primary-dark: #a21caf;--dca-secondary: #ec4899;--dca-gradient: linear-gradient(135deg, #d946ef 0%, #ec4899 100%)}.dca-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dca-overlay.dca-visible{opacity:1}.dca-overlay.dca-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dca-modal-open{overflow:hidden!important}.dca-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dca-iphone-container.dca-visible{opacity:1;transform:scale(1) translateY(0)}.dca-iphone-container.dca-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dca-iphone-frame{position:relative;width:var(--dca-iphone-width);height:var(--dca-iphone-height);background:linear-gradient(145deg,#3d1a3d,#1a0d1a,#351530);border-radius:var(--dca-border-radius);padding:var(--dca-bezel);box-shadow:0 0 0 1px #d946ef26,0 25px 80px -15px #000000b3,0 10px 40px -10px #ec489933,inset 0 1px #d946ef1a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dca-iphone-frame:hover{box-shadow:0 0 0 1px #d946ef40,0 30px 100px -15px #000c,0 15px 50px -10px #ec48994d,inset 0 1px #d946ef26}.dca-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#d946ef33,#ec48990d,#0000001a,#ec48990d,#d946ef26);border-radius:calc(var(--dca-border-radius) + 1px);z-index:-1}.dca-side-button{position:absolute;background:linear-gradient(90deg,#452a45,#2a1a2a,#452a45);border-radius:2px;transition:background .2s ease}.dca-side-button:hover{background:linear-gradient(90deg,#553a55,#3a2a3a,#553a55)}.dca-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dca-volume-up{left:-4px;top:160px;width:4px;height:65px}.dca-volume-down{left:-4px;top:235px;width:4px;height:65px}.dca-power-button{right:-4px;top:180px;width:4px;height:100px}.dca-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dca-border-radius) - var(--dca-bezel));overflow:hidden;position:relative}.dca-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a1a,#2a1a2a 30%,#250d25,#2a1a2a 70%,#1a0a1a);z-index:0}.dca-wallpaper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(217,70,239,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(217,70,239,.08) 0%,transparent 40%);animation:dca-wallpaper-drift 30s ease-in-out infinite}@keyframes dca-wallpaper-drift{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.dca-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dca-dynamic-island-width);height:var(--dca-dynamic-island-height);background:#000;border-radius:calc(var(--dca-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dca-dynamic-island.dca-di-state-collapsed:hover{width:140px;height:40px}.dca-dynamic-island.dca-di-state-compact{width:220px;height:50px;border-radius:25px}.dca-dynamic-island.dca-di-state-expanded{width:340px;height:90px;border-radius:40px}.dca-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dca-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dca-dynamic-island.dca-di-state-expanded .dca-di-collapsed-content,.dca-dynamic-island.dca-di-state-compact .dca-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dca-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.dca-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #64006433}.dca-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dca-dynamic-island.dca-di-state-compact .dca-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dca-dynamic-island.dca-di-state-expanded .dca-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dca-di-compact-left{display:flex;align-items:center;gap:10px}.dca-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #d946ef4d;flex-shrink:0}.dca-di-compact-album .dca-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dca-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dca-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dca-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dca-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dca-di-compact-waves .dca-di-wave-bar{width:3px;background:var(--dca-gradient);border-radius:2px;animation:dca-waveCompact .8s ease-in-out infinite}.dca-di-compact-waves .dca-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dca-di-compact-waves .dca-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dca-di-compact-waves .dca-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}@keyframes dca-waveCompact{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dca-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dca-dynamic-island.dca-di-state-expanded .dca-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dca-dynamic-island.dca-di-state-compact .dca-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dca-dynamic-island.dca-di-state-collapsed .dca-di-expanded-content,.dca-dynamic-island.dca-di-state-collapsed .dca-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dca-dynamic-island.dca-di-state-collapsed .dca-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dca-di-music-left{display:flex;align-items:center;gap:14px}.dca-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #d946ef4d;transition:transform .3s ease}.dca-dynamic-island.dca-di-state-expanded:hover .dca-di-album{transform:scale(1.05)}.dca-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dca-di-track-info{color:#fff}.dca-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.dca-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.dca-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dca-di-wave-bar{width:4px;background:var(--dca-gradient);border-radius:3px;animation:dca-waveAnim 1s ease-in-out infinite}.dca-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dca-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dca-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dca-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dca-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dca-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dca-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dca-status-left{display:flex;align-items:center}.dca-status-right{display:flex;align-items:center;gap:6px}.dca-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dca-signal-bars span{width:4px;background:#fff;border-radius:1px}.dca-signal-bars span:nth-child(1){height:25%}.dca-signal-bars span:nth-child(2){height:50%}.dca-signal-bars span:nth-child(3){height:75%}.dca-signal-bars span:nth-child(4){height:100%}.dca-5g{font-size:13px;margin-left:3px}.dca-battery{display:flex;align-items:center;gap:3px}.dca-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dca-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dca-battery-level{height:100%;width:80%;background:var(--dca-gradient);border-radius:2px}.dca-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dca-home-screen.dca-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dca-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dca-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dca-time:hover{transform:scale(1.02)}.dca-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dca-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dca-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dca-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dca-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dca-volume-hud.dca-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dca-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.dca-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dca-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dca-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dca-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dca-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--dca-gradient);border-radius:4px;transition:width .1s ease}.dca-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dca-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dca-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dca-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#d946ef33,#ec489933);opacity:0;animation:dca-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes dca-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.dca-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dca-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dca-weather-icon{background:transparent}.dca-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dca-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dca-weather-temp{font-size:42px;font-weight:300}.dca-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dca-music-playing{display:flex;align-items:center;gap:12px}.dca-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dca-widget:hover .dca-music-album{transform:rotate(5deg)}.dca-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dca-music-info h4{font-size:14px;font-weight:600;margin:0}.dca-music-info p{font-size:12px;opacity:.7;margin:0}.dca-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dca-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dca-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dca-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dca-dock-hover:active{transform:scale(.95)}.dca-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dca-network-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dca-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dca-network-icon:hover .dca-network-tooltip{opacity:1}.dca-network-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dca-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dca-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dca-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dca-close-icon .dca-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dca-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dca-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dca-close-icon:hover .dca-close-tooltip{opacity:1}.dca-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dca-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dca-closePulseRing 1.5s ease-out infinite;z-index:-1}.dca-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dca-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dca-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dca-app-icon{background:var(--dca-gradient);position:relative}.dca-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--dca-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #d946ef80;animation:dca-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dca-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dca-primary-dark)}.dca-app-tooltip:before{content:"";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dca-fingerPoint 1s ease-in-out infinite}@keyframes dca-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dca-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dca-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#d946ef66,#ec489966);animation:dca-pulseRing 1.5s ease-out infinite;z-index:-1}.dca-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#d946ef33,#ec489933);animation:dca-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dca-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dca-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dca-home-indicator:hover{background:#ffffffe6;width:150px}.dca-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:200}.dca-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dca-iphone-container.dca-visible .dca-hint{opacity:1;animation:dca-hintPulse 2s ease-in-out infinite}.dca-iphone-container.dca-closing .dca-hint{opacity:0;transition:opacity .2s ease}@keyframes dca-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dca-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a1a,#2a1a2a);border-radius:calc(var(--dca-border-radius) - var(--dca-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:90;display:flex;flex-direction:column;overflow:hidden}.dca-app.dca-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.dca-scenario-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.dca-scenario-header{background:linear-gradient(180deg,rgba(217,70,239,.1) 0%,transparent 100%);padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}.dca-scenario-header .dca-logo{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--dca-gradient);padding:2px;flex-shrink:0}.dca-scenario-header .dca-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dca-scenario-header .dca-info h3{color:#fff;font-size:17px;font-weight:600;margin:0}.dca-scenario-header .dca-info p{color:#8e8e93;font-size:13px;margin:0}.dca-scenario-header .dca-info{flex:1}.dca-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;transform:rotate(0)}.dca-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.dca-scenario-list{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dca-scenario-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;display:flex;align-items:center;gap:16px;cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.dca-scenario-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(5px)}.dca-scenario-icon-wrapper{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--dca-gradient)}.dca-scenario-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dca-scenario-item .dca-text h4{color:#fff;font-size:15px;font-weight:600;margin:0}.dca-scenario-item .dca-text p{color:#8e8e93;font-size:13px;margin:0}.dca-demo-screen{display:flex;flex-direction:column;height:100%;padding-top:60px}.dca-demo-header{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.dca-back-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:10px;transition:background .2s ease}.dca-back-btn:hover{background:#ffffff1a}.dca-back-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) opacity(.7)}.dca-demo-header .dca-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--dca-gradient);padding:2px;flex-shrink:0}.dca-demo-header .dca-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dca-demo-header .dca-info{flex:1}.dca-demo-header .dca-info h3{color:#fff;font-size:15px;font-weight:600;margin:0}.dca-demo-header .dca-info p{color:#8e8e93;font-size:12px;margin:0}.dca-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#aebac1;cursor:pointer;font-size:20px;transition:all .2s ease}.dca-action-btn:hover{background:#ffffff1a;color:#fff}.dca-demo-content{flex:1;overflow-y:auto;padding:20px}.dca-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.dca-feature-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.dca-feature-item:hover{background:#ffffff14;border-color:#fff3}.dca-feature-item.dca-selected{background:#d946ef26;border-color:var(--dca-primary)}.dca-feature-icon{font-size:28px}.dca-feature-item span{color:#fff;font-size:13px;font-weight:500}.dca-check-icon{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--dca-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center}.dca-check-icon img{width:12px;height:12px;filter:brightness(0) invert(1)}.dca-selected-count{text-align:center;color:var(--dca-primary);font-size:14px;font-weight:600;margin-bottom:16px}.dca-start-btn{width:100%;padding:16px;background:var(--dca-gradient);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.dca-start-btn:hover{transform:scale(1.02)}.dca-start-btn:active{transform:scale(.98);opacity:.9}.dca-start-btn.dca-disabled{opacity:.5;cursor:not-allowed}.dca-start-btn.dca-disabled:hover{transform:none}.dca-generation{text-align:center;padding:20px 0}.dca-gen-icon{width:70px;height:70px;margin:0 auto 20px;background:var(--dca-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:dca-spin 2s linear infinite}.dca-gen-icon svg{width:32px;height:32px;color:#fff}@keyframes dca-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dca-generation h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px}.dca-building-desc{color:#fff9;font-size:14px;margin:0 0 20px}.dca-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;margin:20px 0;overflow:hidden}.dca-progress-fill{height:100%;background:var(--dca-gradient);border-radius:4px;transition:width .1s ease}.dca-steps{text-align:left}.dca-step{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;margin-bottom:8px;transition:background .2s ease}.dca-step.active{background:#ffffff0d}.dca-step-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dca-step-indicator img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(45%) sepia(95%) saturate(1000%) hue-rotate(280deg) brightness(100%) contrast(95%)}.dca-step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d}.dca-step-dot.active{background:var(--dca-primary);animation:dca-dotPulse .5s ease-in-out infinite}@keyframes dca-dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.dca-step span{color:#ffffff80;font-size:13px}.dca-step.active span,.dca-step.completed span{color:#fff}.dca-complete{text-align:center}.dca-success-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:dca-successPop .5s cubic-bezier(.68,-.55,.27,1.55)}.dca-success-icon img{width:28px;height:28px;filter:brightness(0) invert(1)}@keyframes dca-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.dca-complete h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.dca-result-section{margin-bottom:20px;text-align:left}.dca-result-label{font-size:14px;color:var(--dca-secondary);font-weight:600;margin-bottom:12px}.dca-capabilities-list{display:flex;flex-direction:column;gap:10px}.dca-capability-item{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:12px 14px;border-radius:12px}.dca-cap-check{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(45%) sepia(95%) saturate(1000%) hue-rotate(280deg) brightness(100%) contrast(95%)}.dca-capability-item span{color:#fff;font-size:14px}.dca-integrations-list{display:flex;flex-wrap:wrap;gap:8px}.dca-integration-tag{background:#d946ef26;color:var(--dca-primary);padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500}.dca-info-tags{display:flex;gap:12px;margin-bottom:20px}.dca-info-tag{flex:1;background:#ffffff0d;border-radius:12px;padding:14px;text-align:center}.dca-info-tag .dca-info-label{display:block;font-size:11px;color:#ffffff80;margin-bottom:5px}.dca-info-tag .dca-info-value{display:block;font-size:14px;color:#fff;font-weight:600}.dca-demo-actions{display:flex;flex-direction:column;gap:12px}.dca-contact-btn{width:100%;padding:14px;background:var(--dca-gradient);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease}.dca-contact-btn:hover{transform:scale(1.02)}.dca-restart-btn{width:100%;padding:14px;background:#ffffff1a;border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.dca-restart-btn:hover{background:#ffffff26}.dca-scenario-list::-webkit-scrollbar,.dca-demo-content::-webkit-scrollbar{width:4px}.dca-scenario-list::-webkit-scrollbar-track,.dca-demo-content::-webkit-scrollbar-track{background:transparent}.dca-scenario-list::-webkit-scrollbar-thumb,.dca-demo-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.dca-scenario-list::-webkit-scrollbar-thumb:hover,.dca-demo-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--dec-iphone-width: 390px;--dec-iphone-height: 844px;--dec-border-radius: 55px;--dec-bezel: 10px;--dec-dynamic-island-width: 125px;--dec-dynamic-island-height: 37px;--dec-primary: #22c55e;--dec-primary-dark: #16a34a;--dec-gradient: linear-gradient(135deg, #22c55e 0%, #10b981 100%)}.dec-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dec-overlay.dec-visible{opacity:1}.dec-overlay.dec-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dec-modal-open{overflow:hidden!important}.dec-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dec-iphone-container.dec-visible{opacity:1;transform:scale(1) translateY(0)}.dec-iphone-container.dec-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dec-iphone-frame{position:relative;width:var(--dec-iphone-width);height:var(--dec-iphone-height);background:linear-gradient(145deg,#1a3a2e,#0d1f18,#152a22);border-radius:var(--dec-border-radius);padding:var(--dec-bezel);box-shadow:0 0 0 1px #22c55e26,0 25px 80px -15px #000000b3,0 10px 40px -10px #10b98133,inset 0 1px #22c55e1a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dec-iphone-frame:hover{box-shadow:0 0 0 1px #22c55e40,0 30px 100px -15px #000c,0 15px 50px -10px #10b9814d,inset 0 1px #22c55e26}.dec-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#22c55e33,#10b9810d,#0000001a,#10b9810d,#22c55e26);border-radius:calc(var(--dec-border-radius) + 1px);z-index:-1}.dec-side-button{position:absolute;background:linear-gradient(90deg,#1a3a2e,#0d1f18,#1a3a2e);border-radius:2px;transition:background .2s ease}.dec-side-button:hover{background:linear-gradient(90deg,#2a4a3e,#1d2f28,#2a4a3e)}.dec-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dec-volume-up{left:-4px;top:160px;width:4px;height:65px}.dec-volume-down{left:-4px;top:235px;width:4px;height:65px}.dec-power-button{right:-4px;top:180px;width:4px;height:100px}.dec-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dec-border-radius) - var(--dec-bezel));overflow:hidden;position:relative}.dec-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#052e16,#14532d 30%,#166534,#14532d 70%,#052e16)}.dec-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(34,197,94,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(16,185,129,.2) 0%,transparent 40%)}.dec-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.dec-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dec-dynamic-island-width);height:var(--dec-dynamic-island-height);background:#000;border-radius:calc(var(--dec-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dec-dynamic-island.dec-di-state-collapsed:hover{width:140px;height:40px}.dec-dynamic-island.dec-di-state-compact{width:220px;height:50px;border-radius:25px}.dec-dynamic-island.dec-di-state-expanded{width:340px;height:90px;border-radius:40px}.dec-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dec-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dec-dynamic-island.dec-di-state-expanded .dec-di-collapsed-content,.dec-dynamic-island.dec-di-state-compact .dec-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dec-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.dec-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #00646433}.dec-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dec-dynamic-island.dec-di-state-compact .dec-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dec-dynamic-island.dec-di-state-expanded .dec-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dec-di-compact-left{display:flex;align-items:center;gap:10px}.dec-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #22c55e4d;flex-shrink:0}.dec-di-compact-album img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dec-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dec-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dec-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dec-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dec-di-compact-waves .dec-di-wave-bar{width:3px;background:var(--dec-gradient);border-radius:2px;animation:dec-waveCompact .8s ease-in-out infinite}.dec-di-compact-waves .dec-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dec-di-compact-waves .dec-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dec-di-compact-waves .dec-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}.dec-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dec-dynamic-island.dec-di-state-expanded .dec-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dec-dynamic-island.dec-di-state-compact .dec-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dec-dynamic-island.dec-di-state-collapsed .dec-di-expanded-content,.dec-dynamic-island.dec-di-state-collapsed .dec-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dec-dynamic-island.dec-di-state-collapsed .dec-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dec-di-music-left{display:flex;align-items:center;gap:14px}.dec-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #22c55e4d;transition:transform .3s ease}.dec-dynamic-island.dec-di-state-expanded:hover .dec-di-album{transform:scale(1.05)}.dec-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dec-di-track-info{color:#fff}.dec-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.dec-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.dec-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dec-di-wave-bar{width:4px;background:var(--dec-gradient);border-radius:3px;animation:dec-waveAnim 1s ease-in-out infinite}.dec-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dec-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dec-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dec-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dec-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dec-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes dec-waveCompact{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dec-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dec-status-left{display:flex;align-items:center}.dec-status-right{display:flex;align-items:center;gap:6px}.dec-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dec-signal-bars span{width:4px;background:#fff;border-radius:1px}.dec-signal-bars span:nth-child(1){height:25%}.dec-signal-bars span:nth-child(2){height:50%}.dec-signal-bars span:nth-child(3){height:75%}.dec-signal-bars span:nth-child(4){height:100%}.dec-5g{font-size:13px;margin-left:3px}.dec-battery{display:flex;align-items:center;gap:3px}.dec-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dec-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dec-battery-level{height:100%;width:80%;background:var(--dec-gradient);border-radius:2px}.dec-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dec-home-screen.dec-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dec-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dec-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dec-time:hover{transform:scale(1.02)}.dec-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dec-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dec-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dec-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dec-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dec-volume-hud.dec-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dec-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px}.dec-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dec-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dec-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dec-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dec-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--dec-gradient);border-radius:4px;transition:width .1s ease}.dec-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dec-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dec-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dec-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#22c55e33,#10b98133);opacity:0;animation:dec-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes dec-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.dec-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dec-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dec-weather-icon{background:transparent}.dec-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dec-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dec-weather-temp{font-size:42px;font-weight:300}.dec-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dec-music-playing{display:flex;align-items:center;gap:12px}.dec-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dec-widget:hover .dec-music-album{transform:rotate(5deg)}.dec-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dec-music-info h4{font-size:14px;font-weight:600}.dec-music-info p{font-size:12px;opacity:.7}.dec-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dec-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dec-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dec-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dec-dock-hover:active{transform:scale(.95)}.dec-safari-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dec-safari-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dec-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dec-safari-icon:hover .dec-safari-tooltip{opacity:1}.dec-safari-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dec-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dec-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dec-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dec-close-icon .dec-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dec-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dec-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dec-close-icon:hover .dec-close-tooltip{opacity:1}.dec-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dec-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dec-closePulseRing 1.5s ease-out infinite;z-index:-1}.dec-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dec-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dec-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dec-app-icon{background:var(--dec-gradient);position:relative}.dec-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--dec-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #22c55e80;animation:dec-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dec-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dec-primary-dark)}.dec-app-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dec-fingerPoint 1s ease-in-out infinite}@keyframes dec-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dec-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dec-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#22c55e66,#10b98166);animation:dec-pulseRing 1.5s ease-out infinite;z-index:-1}.dec-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#22c55e33,#10b98133);animation:dec-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dec-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dec-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dec-home-indicator:hover{background:#ffffffe6;width:150px}.dec-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:50}.dec-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dec-iphone-container.dec-visible .dec-hint{opacity:1;animation:dec-hintPulse 2s ease-in-out infinite}.dec-iphone-container.dec-closing .dec-hint{opacity:0;transition:opacity .2s ease}@keyframes dec-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dec-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);border-radius:calc(var(--dec-border-radius) - var(--dec-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate}.dec-app.dec-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.dec-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0}.dec-shop-header{flex-shrink:0;z-index:20;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding-top:54px}.dec-shop-header-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.dec-shop-close-btn{width:40px;height:40px;border-radius:12px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.dec-shop-close-btn:hover{background:#ff3b3033}.dec-shop-close-btn svg{width:20px;height:20px;color:#ffffffb3;transition:color .2s}.dec-shop-close-btn:hover svg{color:#ff3b30}.dec-shop-logo{display:flex;align-items:center;gap:10px}.dec-shop-logo-icon{width:36px;height:36px;border-radius:10px;background:var(--dec-gradient);display:flex;align-items:center;justify-content:center;padding:6px}.dec-shop-logo-icon img{width:100%;height:100%;filter:brightness(0) invert(1)}.dec-shop-logo-text{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.dec-shop-cart-btn{position:relative;width:44px;height:44px;border-radius:12px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dec-shop-cart-btn:hover{background:#ffffff26}.dec-shop-cart-btn svg{width:22px;height:22px;color:#fff}.dec-shop-cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:var(--dec-gradient);border-radius:10px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.dec-shop-search{display:flex;gap:10px;padding:0 16px 14px}.dec-search-input-wrapper{flex:1;position:relative}.dec-search-input-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#fff6}.dec-search-input{width:100%;padding:12px 12px 12px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;color:#fff;outline:none;transition:border-color .2s}.dec-search-input::-moz-placeholder{color:#fff6}.dec-search-input::placeholder{color:#fff6}.dec-search-input:focus{border-color:var(--dec-primary)}.dec-category-btn{display:flex;align-items:center;gap:6px;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:13px;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.dec-category-btn:hover{background:#ffffff1a}.dec-category-btn svg{width:14px;height:14px;transition:transform .2s}.dec-category-btn.dec-open svg{transform:rotate(180deg)}.dec-category-dropdown{position:absolute;top:100%;right:0;margin-top:4px;width:150px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;z-index:30}.dec-category-item{width:100%;padding:12px 16px;text-align:left;font-size:13px;color:#fff;background:transparent;border:none;cursor:pointer;transition:background .2s}.dec-category-item:hover{background:#ffffff1a}.dec-category-item.dec-active{color:var(--dec-primary);background:#22c55e1a}.dec-products-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-content:start;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(34,197,94,.3) transparent;position:relative;z-index:10;transform:translateZ(0);transform-style:flat;isolation:isolate;contain:layout style}.dec-products-grid::-webkit-scrollbar{width:6px}.dec-products-grid::-webkit-scrollbar-track{background:transparent}.dec-products-grid::-webkit-scrollbar-thumb{background:#22c55e4d;border-radius:3px}.dec-products-grid::-webkit-scrollbar-thumb:hover{background:#22c55e80}.dec-product-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent;transform:translateZ(0);transform-style:flat;position:relative;z-index:1;isolation:isolate}.dec-product-card:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;pointer-events:none}.dec-product-card:hover{border-color:#22c55e99;background:#ffffff14;transform:translateY(-6px) translateZ(0);box-shadow:0 12px 24px #0000004d,0 0 0 1px #22c55e33;z-index:2}.dec-product-card:active{transform:translateY(-2px) translateZ(0);box-shadow:0 6px 12px #0003}.dec-product-card>*{pointer-events:none}.dec-product-card{pointer-events:auto}.dec-product-image{position:relative;height:130px;background:#0000004d;overflow:hidden}.dec-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dec-product-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:var(--dec-gradient);border-radius:6px;font-size:10px;font-weight:700;color:#fff}.dec-product-info{padding:12px}.dec-product-name{font-size:13px;font-weight:600;color:#fff;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dec-product-rating{display:flex;align-items:center;gap:4px;margin-bottom:8px}.dec-product-rating svg{width:12px;height:12px;color:#fbbf24;fill:#fbbf24}.dec-product-rating span{font-size:11px;color:#ffffff80}.dec-product-price{display:flex;align-items:center;gap:8px}.dec-price-current{font-size:15px;font-weight:700;color:var(--dec-primary)}.dec-price-original{font-size:12px;color:#fff6;text-decoration:line-through}.dec-product-detail{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;padding:60px 16px 16px;cursor:pointer;transform-style:flat;isolation:isolate;contain:layout paint style;backface-visibility:hidden}@keyframes dec-detailFadeIn{0%{opacity:0}to{opacity:1}}.dec-product-detail-content{width:100%;max-width:340px;max-height:calc(100% - 20px);background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:16px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 10px 40px #0006;cursor:default;transform-style:flat;backface-visibility:hidden}.dec-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dec-detail-image{position:relative;width:100%;height:180px;border-radius:16px;overflow:hidden;background:#0000004d;margin-bottom:16px}.dec-detail-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dec-detail-badge{position:absolute;top:10px;left:10px;padding:6px 12px;background:var(--dec-gradient);border-radius:8px;font-size:11px;font-weight:700;color:#fff}.dec-detail-rating{display:flex;align-items:center;gap:6px;margin-bottom:12px}.dec-detail-rating svg{width:16px;height:16px;color:#fbbf24;fill:#fbbf24}.dec-detail-rating span{font-size:13px;color:#fff9}.dec-detail-title{font-size:14px;font-weight:700;color:#fff;flex:1;margin:0}.dec-detail-close{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dec-detail-close:hover{background:#fff3}.dec-detail-close svg{width:16px;height:16px;color:#fff9}.dec-detail-description{font-size:12px;color:#fff9;line-height:1.5;margin-bottom:16px}.dec-detail-price{display:flex;align-items:center;gap:10px;margin-bottom:16px}.dec-detail-price-current{font-size:20px;font-weight:700;color:var(--dec-primary)}.dec-detail-price-original{font-size:14px;color:#fff6;text-decoration:line-through}.dec-quantity-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dec-qty-btn{width:36px;height:36px;border-radius:10px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dec-qty-btn:hover{background:#fff3}.dec-qty-btn svg{width:14px;height:14px;color:#fff}.dec-qty-value{font-size:16px;font-weight:700;color:#fff;min-width:30px;text-align:center}.dec-add-to-cart-btn{width:100%;padding:14px;background:var(--dec-gradient);border:none;border-radius:14px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .2s;margin-top:auto}.dec-add-to-cart-btn:hover{opacity:.9}.dec-add-to-cart-btn:active{transform:scale(.98)}.dec-add-to-cart-btn svg{width:18px;height:18px}.dec-cart-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:300px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;z-index:50;box-shadow:0 20px 60px #00000080}.dec-cart-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.dec-cart-header h3{font-size:14px;font-weight:700;color:#fff;margin:0}.dec-cart-close{width:28px;height:28px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dec-cart-close:hover{background:#ffffff1a}.dec-cart-close svg{width:16px;height:16px;color:#ffffff80}.dec-cart-items{max-height:240px;overflow-y:auto;padding:12px}.dec-cart-empty{text-align:center;padding:32px 16px;color:#fff6}.dec-cart-empty svg{width:32px;height:32px;margin-bottom:8px;opacity:.5}.dec-cart-empty p{font-size:13px;margin:0}.dec-cart-item{display:flex;gap:10px;padding:10px;background:#ffffff0d;border-radius:12px;margin-bottom:8px}.dec-cart-item:last-child{margin-bottom:0}.dec-cart-item-image{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#0000004d}.dec-cart-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dec-cart-item-info{flex:1;min-width:0}.dec-cart-item-name{font-size:12px;font-weight:600;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dec-cart-item-price{font-size:13px;font-weight:700;color:var(--dec-primary);margin:0 0 6px}.dec-cart-item-qty{display:flex;align-items:center;gap:6px}.dec-cart-qty-btn{width:24px;height:24px;border-radius:6px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dec-cart-qty-btn:hover{background:#fff3}.dec-cart-qty-btn svg{width:10px;height:10px;color:#fff}.dec-cart-qty-value{font-size:12px;font-weight:600;color:#fff;min-width:20px;text-align:center}.dec-cart-item-remove{width:28px;height:28px;border-radius:8px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;align-self:flex-start}.dec-cart-item-remove:hover{background:#ef444433}.dec-cart-item-remove svg{width:14px;height:14px;color:#ef4444}.dec-cart-footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.1)}.dec-cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dec-cart-total span:first-child{font-size:13px;color:#fff9}.dec-cart-total span:last-child{font-size:18px;font-weight:700;color:var(--dec-primary)}.dec-checkout-btn{width:100%;padding:12px;background:var(--dec-gradient);border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:opacity .2s}.dec-checkout-btn:hover{opacity:.9}.dec-checkout-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.dec-checkout-header{display:flex;align-items:center;gap:10px;padding:56px 14px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.dec-back-btn{width:32px;height:32px;border-radius:10px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dec-back-btn:hover{background:#ffffff26}.dec-back-btn svg{width:18px;height:18px;color:#fff}.dec-checkout-title{font-size:16px;font-weight:700;color:#fff;margin:0}.dec-checkout-content{flex:1;overflow:hidden;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.dec-checkout-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px}.dec-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dec-section-header svg{width:16px;height:16px;color:var(--dec-primary)}.dec-section-header h3{font-size:13px;font-weight:600;color:#fff;margin:0}.dec-checkout-input{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;color:#fff;outline:none;margin-bottom:6px;transition:border-color .2s}.dec-checkout-input:last-child{margin-bottom:0}.dec-checkout-input::-moz-placeholder{color:#fff6}.dec-checkout-input::placeholder{color:#fff6}.dec-checkout-input:focus{border-color:var(--dec-primary)}.dec-payment-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0d;border-radius:10px;margin-bottom:5px;cursor:pointer;transition:background .2s}.dec-payment-option:last-child{margin-bottom:0}.dec-payment-option:hover{background:#ffffff1a}.dec-payment-option input[type=radio]{width:16px;height:16px;accent-color:var(--dec-primary)}.dec-payment-option span{font-size:13px;color:#fff}.dec-order-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.dec-order-item:last-of-type{border-bottom:none}.dec-order-item-name{font-size:12px;color:#fff9}.dec-order-item-price{font-size:12px;font-weight:600;color:#fff}.dec-order-total{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-top:6px;border-top:1px solid rgba(255,255,255,.1)}.dec-order-total span:first-child{font-size:13px;font-weight:600;color:#fff}.dec-order-total span:last-child{font-size:16px;font-weight:700;color:var(--dec-primary)}.dec-complete-order-btn{width:100%;padding:12px;background:var(--dec-gradient);border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:opacity .2s,transform .2s;margin-top:6px;flex-shrink:0}.dec-complete-order-btn:hover{opacity:.9}.dec-complete-order-btn:active{transform:scale(.98)}.dec-success-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.dec-success-icon{width:96px;height:96px;border-radius:50%;background:var(--dec-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:dec-successPop .5s cubic-bezier(.68,-.55,.265,1.55)}.dec-success-icon svg{width:48px;height:48px;color:#fff}@keyframes dec-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.dec-success-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.dec-success-message{font-size:14px;color:#fff9;margin:0 0 32px;line-height:1.5}.dec-success-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.dec-continue-btn{width:100%;padding:14px;background:var(--dec-gradient);border:none;border-radius:14px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:opacity .2s}.dec-continue-btn:hover{opacity:.9}.dec-contact-btn{width:100%;padding:14px;background:#ffffff1a;border:none;border-radius:14px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.dec-contact-btn:hover{background:#ffffff26}.dec-empty-products{grid-column:1 / -1;text-align:center;padding:48px 16px;color:#fff6}.dec-empty-products p{font-size:14px;margin:0}:root{--mec-iphone-width: min(375px, 90vw);--mec-max-height: calc(100svh - 40px) ;--mec-iphone-height: min(calc(var(--mec-iphone-width) * 2.16), var(--mec-max-height));--mec-border-radius: calc(var(--mec-iphone-width) * .14);--mec-bezel: calc(var(--mec-iphone-width) * .025);--mec-dynamic-island-width: calc(var(--mec-iphone-width) * .32);--mec-dynamic-island-height: calc(var(--mec-iphone-width) * .095);--mec-primary: #22c55e;--mec-primary-dark: #16a34a;--mec-gradient: linear-gradient(135deg, #22c55e 0%, #10b981 100%)}@supports not (height: 100svh){:root{--mec-max-height: calc(100vh - 40px) ;--mec-max-height: calc(var(--mec-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mec-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#052e16,#14532d,#166534);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mec-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}body.mec-modal-open>*:not(.mec-overlay){visibility:hidden!important}body.mec-modal-open .mec-overlay{visibility:visible!important}.mec-iphone-container{position:relative}.mec-iphone-frame{position:relative;width:var(--mec-iphone-width);height:var(--mec-iphone-height);background:linear-gradient(145deg,#1a3a2e,#0d1f18,#152a22);border-radius:var(--mec-border-radius);padding:var(--mec-bezel);box-shadow:0 0 0 1px #22c55e26,0 25px 50px -12px #000c,0 0 100px #22c55e26,inset 0 1px #22c55e1a}.mec-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#22c55e33,#10b9810d,#0000001a,#10b9810d,#22c55e26);border-radius:calc(var(--mec-border-radius) + 1px);z-index:-1}.mec-side-button{position:absolute;background:linear-gradient(90deg,#1a3a2e,#0d1f18,#1a3a2e);border-radius:2px}.mec-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mec-iphone-width) * .04)}.mec-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mec-iphone-width) * .08)}.mec-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mec-iphone-width) * .08)}.mec-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mec-iphone-width) * .12)}.mec-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mec-border-radius) - var(--mec-bezel));overflow:hidden;position:relative}.mec-dynamic-island{position:absolute;top:calc(var(--mec-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mec-dynamic-island-width);height:var(--mec-dynamic-island-height);background:#000;border-radius:calc(var(--mec-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mec-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mec-dynamic-island.mec-di-state-collapsed{width:var(--mec-dynamic-island-width);height:var(--mec-dynamic-island-height)}.mec-dynamic-island.mec-di-state-compact{width:180px;height:42px;border-radius:21px}.mec-dynamic-island.mec-di-state-expanded{width:280px;height:75px;border-radius:30px}.mec-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mec-dynamic-island.mec-di-state-compact .mec-di-collapsed-content,.mec-dynamic-island.mec-di-state-expanded .mec-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mec-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mec-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mec-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mec-dynamic-island.mec-di-state-compact .mec-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mec-dynamic-island.mec-di-state-expanded .mec-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mec-di-compact-left{display:flex;align-items:center;gap:8px}.mec-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #22c55e4d;flex-shrink:0}.mec-di-compact-album .mec-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mec-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mec-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mec-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mec-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mec-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mec-dynamic-island.mec-di-state-expanded .mec-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mec-dynamic-island.mec-di-state-compact .mec-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mec-dynamic-island.mec-di-state-collapsed .mec-di-expanded-content,.mec-dynamic-island.mec-di-state-collapsed .mec-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mec-di-music-left{display:flex;align-items:center;gap:12px}.mec-di-album{width:48px;height:48px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #22c55e66;flex-shrink:0}.mec-di-album .mec-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mec-di-track-info{display:flex;flex-direction:column;gap:2px}.mec-di-track-info h4{color:#fff;font-size:13px;font-weight:600;margin:0;letter-spacing:-.3px}.mec-di-track-info p{color:#fff9;font-size:11px;margin:0}.mec-di-music-right{display:flex;align-items:center;gap:3px;height:30px}.mec-di-wave-bar{width:3px;height:100%;background:var(--mec-gradient);border-radius:2px;animation:mec-waveAnimation .8s ease-in-out infinite}.mec-di-wave-bar:nth-child(1){animation-delay:0s;height:60%}.mec-di-wave-bar:nth-child(2){animation-delay:.1s;height:100%}.mec-di-wave-bar:nth-child(3){animation-delay:.2s;height:40%}.mec-di-wave-bar:nth-child(4){animation-delay:.3s;height:80%}.mec-di-wave-bar:nth-child(5){animation-delay:.4s;height:50%}@keyframes mec-waveAnimation{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mec-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(34,197,94,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(16,185,129,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(5,150,105,.3) 0%,transparent 50%),linear-gradient(180deg,#052e16,#14532d)}.mec-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mec-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mec-iphone-width) * .045) calc(var(--mec-iphone-width) * .07) 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mec-status-left{display:flex;align-items:center}.mec-status-right{display:flex;align-items:center;gap:5px}.mec-signal-bars{display:flex;gap:1.5px;align-items:flex-end;height:12px}.mec-signal-bars span{width:3px;background:#fff;border-radius:1px}.mec-signal-bars span:nth-child(1){height:25%}.mec-signal-bars span:nth-child(2){height:50%}.mec-signal-bars span:nth-child(3){height:75%}.mec-signal-bars span:nth-child(4){height:100%}.mec-5g{font-size:12px;margin-left:2px}.mec-battery{display:flex;align-items:center;gap:2px}.mec-battery-body{width:24px;height:11px;border:1.5px solid white;border-radius:3px;padding:1.5px;position:relative}.mec-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mec-battery-level{height:100%;width:80%;background:var(--mec-gradient);border-radius:1.5px}.mec-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mec-home-screen.mec-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mec-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mec-time{font-size:calc(var(--mec-iphone-width) * .2);font-weight:200;letter-spacing:-2px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.mec-date{font-size:calc(var(--mec-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:5px}.mec-widgets-container{position:absolute;bottom:28%;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.mec-widget{width:calc(var(--mec-iphone-width) * .42);height:calc(var(--mec-iphone-width) * .42);background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mec-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mec-widget-icon{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px}.mec-weather-icon{background:transparent}.mec-music-icon{background:transparent;border-radius:5px;overflow:hidden}.mec-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mec-weather-temp{font-size:36px;font-weight:300}.mec-weather-desc{font-size:13px;opacity:.8;margin-top:4px}.mec-music-playing{display:flex;align-items:center;gap:10px}.mec-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mec-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mec-music-info h4{font-size:13px;font-weight:600}.mec-music-info p{font-size:11px;opacity:.7}.mec-dock{position:absolute;bottom:calc(var(--mec-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mec-dock-icon{width:calc(var(--mec-iphone-width) * .14);height:calc(var(--mec-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer}.mec-dock-icon:active{transform:scale(.9)}.mec-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mec-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mec-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mec-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mec-close-icon .mec-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mec-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mec-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mec-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mec-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mec-fingerPoint 1s ease-in-out infinite}.mec-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mec-closePulseRing 1.5s ease-out infinite;z-index:-1}.mec-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mec-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mec-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mec-shop-icon{background:var(--mec-gradient);position:relative}.mec-shop-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--mec-gradient);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #22c55e66;animation:mec-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mec-shop-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#10b981}.mec-shop-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mec-fingerPoint 1s ease-in-out infinite}@keyframes mec-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mec-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mec-shop-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#22c55e66;animation:mec-pulseRing 1.5s ease-out infinite;z-index:-1}.mec-shop-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#10b98133;animation:mec-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mec-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mec-home-indicator{position:absolute;bottom:calc(var(--mec-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--mec-iphone-width) * .36);height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer}.mec-screen-reflection{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mec-ecommerce-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mec-border-radius) - var(--mec-bezel));animation:mec-appOpen .3s ease;overflow:hidden}.mec-ecommerce-app.mec-active{display:flex}@keyframes mec-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mec-shop-header{position:relative;flex-shrink:0;z-index:50;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding-top:calc(var(--mec-iphone-width) * .14);overflow:visible}.mec-shop-header-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.mec-shop-close-btn{width:calc(var(--mec-iphone-width) * .115);height:calc(var(--mec-iphone-width) * .115);min-width:42px;min-height:42px;border-radius:12px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mec-shop-close-btn:active{background:#ff3b3033}.mec-shop-close-btn svg{width:calc(var(--mec-iphone-width) * .06);height:calc(var(--mec-iphone-width) * .06);min-width:22px;min-height:22px;color:#ffffffe6}.mec-shop-logo{display:flex;align-items:center;gap:10px}.mec-shop-logo-icon{width:36px;height:36px;border-radius:10px;background:var(--mec-gradient);display:flex;align-items:center;justify-content:center;padding:6px}.mec-shop-logo-icon img{width:100%;height:100%;filter:brightness(0) invert(1)}.mec-shop-logo-text{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.mec-shop-cart-btn{position:relative;width:calc(var(--mec-iphone-width) * .115);height:calc(var(--mec-iphone-width) * .115);min-width:42px;min-height:42px;border-radius:12px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mec-shop-cart-btn:active{background:#ffffff26}.mec-shop-cart-btn svg{width:calc(var(--mec-iphone-width) * .06);height:calc(var(--mec-iphone-width) * .06);min-width:22px;min-height:22px;color:#fff}.mec-shop-cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:var(--mec-gradient);border-radius:10px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.mec-shop-search{position:relative;display:flex;gap:10px;padding:0 16px 14px}.mec-search-input-wrapper{flex:1;position:relative}.mec-search-input-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#fff6}.mec-search-input{width:100%;padding:12px 12px 12px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;color:#fff;outline:none}.mec-search-input::-moz-placeholder{color:#fff6}.mec-search-input::placeholder{color:#fff6}.mec-search-input:focus{border-color:var(--mec-primary)}.mec-category-btn{position:relative;display:flex;align-items:center;gap:6px;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:13px;color:#fff;cursor:pointer;white-space:nowrap}.mec-category-btn:active{background:#ffffff1a}.mec-category-btn svg{width:14px;height:14px;transition:transform .2s}.mec-category-btn.mec-open svg{transform:rotate(180deg)}.mec-category-dropdown{position:absolute;top:100%;right:0;margin-top:4px;width:150px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 10px 30px #00000080}.mec-category-item{width:100%;padding:12px 16px;text-align:left;font-size:13px;color:#fff;background:transparent;border:none;cursor:pointer}.mec-category-item:active{background:#ffffff1a}.mec-category-item.mec-active{color:var(--mec-primary);background:#22c55e1a}.mec-products-grid{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 16px 100px;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:1;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;will-change:scroll-position;transform:translateZ(0);-webkit-transform:translateZ(0)}.mec-products-grid::-webkit-scrollbar{display:none}.mec-product-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;cursor:pointer;contain:layout style paint;will-change:transform}.mec-product-card:active{transform:scale(.98);background:#ffffff14}.mec-product-image{position:relative;height:130px;background:#0000004d;overflow:hidden}.mec-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mec-product-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:var(--mec-gradient);border-radius:6px;font-size:10px;font-weight:700;color:#fff}.mec-product-info{padding:12px}.mec-product-name{font-size:13px;font-weight:600;color:#fff;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mec-product-rating{display:flex;align-items:center;gap:4px;margin-bottom:8px}.mec-product-rating svg{width:12px;height:12px;color:#fbbf24;fill:#fbbf24}.mec-product-rating span{font-size:11px;color:#ffffff80}.mec-product-price{display:flex;align-items:center;gap:8px}.mec-price-current{font-size:15px;font-weight:700;color:var(--mec-primary)}.mec-price-original{font-size:12px;color:#fff6;text-decoration:line-through}.mec-product-detail{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;padding:60px 16px 16px;cursor:pointer}.mec-product-detail-content{width:100%;max-width:340px;max-height:calc(100% - 20px);background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:16px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 10px 40px #0006;cursor:default}.mec-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mec-detail-title{font-size:17px;font-weight:700;color:#fff;flex:1;margin:0}.mec-detail-close{width:52px;height:52px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mec-detail-close:active{background:#fff3}.mec-detail-close svg{width:28px;height:28px;color:#ffffffe6}.mec-detail-image{position:relative;width:100%;height:180px;border-radius:16px;overflow:hidden;background:#0000004d;margin-bottom:16px}.mec-detail-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mec-detail-badge{position:absolute;top:12px;left:12px;padding:8px 14px;background:var(--mec-gradient);border-radius:10px;font-size:13px;font-weight:700;color:#fff}.mec-detail-description{font-size:14px;color:#ffffffb3;line-height:1.5;margin-bottom:16px}.mec-detail-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mec-detail-rating svg{width:22px;height:22px;color:#fbbf24;fill:#fbbf24}.mec-detail-rating span{font-size:14px;color:#ffffffb3}.mec-detail-price{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mec-detail-price-current{font-size:24px;font-weight:700;color:var(--mec-primary)}.mec-detail-price-original{font-size:16px;color:#fff6;text-decoration:line-through}.mec-quantity-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mec-qty-btn{width:56px;height:56px;border-radius:14px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mec-qty-btn:active{background:#fff3}.mec-qty-btn svg{width:28px;height:28px;color:#fff}.mec-qty-value{font-size:22px;font-weight:700;color:#fff;min-width:44px;text-align:center}.mec-add-to-cart-btn{width:100%;padding:16px;background:var(--mec-gradient);border:none;border-radius:14px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto}.mec-add-to-cart-btn:active{transform:scale(.98)}.mec-add-to-cart-btn svg{width:24px;height:24px}.mec-cart-dropdown{position:absolute;top:100%;right:-10px;margin-top:8px;width:min(320px,90vw);max-height:450px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;z-index:100;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column}.mec-cart-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.mec-cart-header h3{font-size:14px;font-weight:700;color:#fff;margin:0}.mec-cart-close{width:58px;height:28px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mec-cart-close:active{background:#ffffff1a}.mec-cart-close svg{width:64px;height:64px;color:#fff9}.mec-cart-items{flex:1;min-height:0;max-height:280px;overflow-y:auto;overflow-x:hidden;padding:14px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.mec-cart-items::-webkit-scrollbar{display:none}.mec-cart-empty{text-align:center;padding:32px 16px;color:#fff6}.mec-cart-empty svg{width:32px;height:32px;margin-bottom:8px;opacity:.5}.mec-cart-empty p{font-size:13px;margin:0}.mec-cart-item{display:flex;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px;margin-bottom:10px}.mec-cart-item:last-child{margin-bottom:0}.mec-cart-item-image{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#0000004d}.mec-cart-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mec-cart-item-info{flex:1;min-width:0}.mec-cart-item-name{font-size:13px;font-weight:600;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mec-cart-item-price{font-size:14px;font-weight:700;color:var(--mec-primary);margin:0 0 8px}.mec-cart-item-qty{display:flex;align-items:center;gap:6px}.mec-cart-qty-btn{width:58px;height:48px;border-radius:8px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mec-cart-qty-btn:active{background:#fff3}.mec-cart-qty-btn svg{width:58px;height:58px;color:#fff}.mec-cart-qty-value{font-size:12px;font-weight:600;color:#fff;min-width:20px;text-align:center}.mec-cart-item-remove{width:50px;height:24px;border-radius:8px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;align-self:flex-start}.mec-cart-item-remove:active{background:#ef444433}.mec-cart-item-remove svg{width:58px;height:58px;color:#ef4444}.mec-cart-footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.mec-cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mec-cart-total span:first-child{font-size:13px;color:#fff9}.mec-cart-total span:last-child{font-size:18px;font-weight:700;color:var(--mec-primary)}.mec-checkout-btn{width:100%;padding:12px;background:var(--mec-gradient);border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer}.mec-checkout-btn:active{opacity:.9}.mec-checkout-view{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:calc(var(--mec-iphone-width) * .14)}.mec-checkout-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.mec-back-btn{width:calc(var(--mec-iphone-width) * .115);height:calc(var(--mec-iphone-width) * .115);min-width:42px;min-height:42px;border-radius:12px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mec-back-btn:active{background:#ffffff26}.mec-back-btn svg{width:calc(var(--mec-iphone-width) * .06);height:calc(var(--mec-iphone-width) * .06);min-width:22px;min-height:22px;color:#fff}.mec-checkout-title{font-size:18px;font-weight:700;color:#fff;margin:0}.mec-checkout-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;-ms-overflow-style:none}.mec-checkout-content::-webkit-scrollbar{display:none}.mec-checkout-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}.mec-section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mec-section-header svg{width:20px;height:20px;color:var(--mec-primary)}.mec-section-header h3{font-size:15px;font-weight:600;color:#fff;margin:0}.mec-checkout-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;color:#fff;outline:none;margin-bottom:10px}.mec-checkout-input:last-child{margin-bottom:0}.mec-checkout-input::-moz-placeholder{color:#fff6}.mec-checkout-input::placeholder{color:#fff6}.mec-checkout-input:focus{border-color:var(--mec-primary)}.mec-payment-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0d;border-radius:12px;margin-bottom:8px;cursor:pointer}.mec-payment-option:last-child{margin-bottom:0}.mec-payment-option:active{background:#ffffff1a}.mec-payment-option input[type=radio]{width:18px;height:18px;accent-color:var(--mec-primary)}.mec-payment-option span{font-size:14px;color:#fff}.mec-order-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.mec-order-item:last-of-type{border-bottom:none}.mec-order-item-name{font-size:13px;color:#fff9}.mec-order-item-price{font-size:13px;font-weight:600;color:#fff}.mec-order-total{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.mec-order-total span:first-child{font-size:14px;font-weight:600;color:#fff}.mec-order-total span:last-child{font-size:18px;font-weight:700;color:var(--mec-primary)}.mec-complete-order-btn{width:100%;padding:14px;background:var(--mec-gradient);border:none;border-radius:14px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;margin-top:8px;flex-shrink:0}.mec-complete-order-btn:active{transform:scale(.98)}.mec-success-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.mec-success-icon{width:96px;height:96px;border-radius:50%;background:var(--mec-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:mec-successPop .5s cubic-bezier(.68,-.55,.265,1.55)}.mec-success-icon svg{width:48px;height:48px;color:#fff}@keyframes mec-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.mec-success-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.mec-success-message{font-size:14px;color:#fff9;margin:0 0 32px;line-height:1.5}.mec-success-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.mec-continue-btn{width:100%;padding:14px;background:var(--mec-gradient);border:none;border-radius:14px;font-size:14px;font-weight:700;color:#fff;cursor:pointer}.mec-continue-btn:active{opacity:.9}.mec-contact-btn{width:100%;padding:14px;background:#ffffff1a;border:none;border-radius:14px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.mec-contact-btn:active{background:#ffffff26}.mec-empty-products{grid-column:1 / -1;text-align:center;padding:48px 16px;color:#fff6}.mec-empty-products p{font-size:14px;margin:0}.mec-product-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0d}.mec-product-placeholder svg{width:32px;height:32px;color:#ffffff4d}.mec-volume-hud{position:absolute;top:220px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mec-volume-hud.mec-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mec-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:14px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:220px;position:relative}.mec-volume-hud-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mec-volume-hud-icon svg{width:18px;height:18px;fill:#fff;opacity:.9}.mec-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mec-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mec-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--mec-gradient);border-radius:3px;transition:width .1s ease}.mec-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.mec-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;cursor:pointer}.mec-volume-hud-input::-moz-range-thumb{width:24px;height:24px;cursor:pointer;border:none;background:transparent}.mec-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#22c55e33,#10b98133);opacity:0;animation:mec-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes mec-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}:root{--dcd-iphone-width: 390px;--dcd-iphone-height: 844px;--dcd-border-radius: 55px;--dcd-bezel: 10px;--dcd-dynamic-island-width: 125px;--dcd-dynamic-island-height: 37px;--dcd-primary: #3b82f6;--dcd-primary-dark: #2563eb;--dcd-secondary: #06b6d4;--dcd-gradient: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)}.dcd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dcd-overlay.dcd-visible{opacity:1}.dcd-overlay.dcd-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dcd-modal-open{overflow:hidden!important}.dcd-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dcd-iphone-container.dcd-visible{opacity:1;transform:scale(1) translateY(0)}.dcd-iphone-container.dcd-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dcd-iphone-frame{position:relative;width:var(--dcd-iphone-width);height:var(--dcd-iphone-height);background:linear-gradient(145deg,#1e3a5f,#0f1f33,#1a3050);border-radius:var(--dcd-border-radius);padding:var(--dcd-bezel);box-shadow:0 0 0 1px #3b82f626,0 25px 80px -15px #000000b3,0 10px 40px -10px #06b6d433,inset 0 1px #3b82f61a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dcd-iphone-frame:hover{box-shadow:0 0 0 1px #3b82f640,0 30px 100px -15px #000c,0 15px 50px -10px #06b6d44d,inset 0 1px #3b82f626}.dcd-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#3b82f633,#06b6d40d,#0000001a,#06b6d40d,#3b82f626);border-radius:calc(var(--dcd-border-radius) + 1px);z-index:-1}.dcd-side-button{position:absolute;background:linear-gradient(90deg,#1e3a5f,#0f1f33,#1e3a5f);border-radius:2px;transition:background .2s ease}.dcd-side-button:hover{background:linear-gradient(90deg,#2e4a6f,#1f2f43,#2e4a6f)}.dcd-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dcd-volume-up{left:-4px;top:160px;width:4px;height:65px}.dcd-volume-down{left:-4px;top:235px;width:4px;height:65px}.dcd-power-button{right:-4px;top:180px;width:4px;height:100px}.dcd-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dcd-border-radius) - var(--dcd-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.dcd-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0c1929,#1e3a5f 30%,#1e4976,#1e3a5f 70%,#0c1929)}.dcd-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(59,130,246,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(6,182,212,.2) 0%,transparent 40%)}.dcd-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.dcd-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dcd-dynamic-island-width);height:var(--dcd-dynamic-island-height);background:#000;border-radius:calc(var(--dcd-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dcd-dynamic-island.dcd-di-state-collapsed:hover{width:140px;height:40px}.dcd-dynamic-island.dcd-di-state-compact{width:220px;height:50px;border-radius:25px}.dcd-dynamic-island.dcd-di-state-expanded{width:340px;height:90px;border-radius:40px}.dcd-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dcd-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dcd-dynamic-island.dcd-di-state-expanded .dcd-di-collapsed-content,.dcd-dynamic-island.dcd-di-state-compact .dcd-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dcd-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #3232644d}.dcd-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #00646433}.dcd-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dcd-dynamic-island.dcd-di-state-compact .dcd-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dcd-dynamic-island.dcd-di-state-expanded .dcd-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dcd-di-compact-left{display:flex;align-items:center;gap:10px}.dcd-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #3b82f64d;flex-shrink:0}.dcd-di-compact-album img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dcd-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dcd-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dcd-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dcd-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dcd-di-compact-waves .dcd-di-wave-bar{width:3px;background:var(--dcd-gradient);border-radius:2px;animation:dcd-waveCompact .8s ease-in-out infinite}.dcd-di-compact-waves .dcd-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dcd-di-compact-waves .dcd-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dcd-di-compact-waves .dcd-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}.dcd-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dcd-dynamic-island.dcd-di-state-expanded .dcd-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dcd-dynamic-island.dcd-di-state-compact .dcd-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dcd-dynamic-island.dcd-di-state-collapsed .dcd-di-expanded-content,.dcd-dynamic-island.dcd-di-state-collapsed .dcd-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dcd-dynamic-island.dcd-di-state-collapsed .dcd-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dcd-di-music-left{display:flex;align-items:center;gap:14px}.dcd-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #3b82f64d;transition:transform .3s ease}.dcd-dynamic-island.dcd-di-state-expanded:hover .dcd-di-album{transform:scale(1.05)}.dcd-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dcd-di-track-info{color:#fff}.dcd-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.dcd-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.dcd-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dcd-di-wave-bar{width:4px;background:var(--dcd-gradient);border-radius:3px;animation:dcd-waveAnim 1s ease-in-out infinite}.dcd-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dcd-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dcd-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dcd-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dcd-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dcd-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes dcd-waveCompact{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dcd-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dcd-status-left{display:flex;align-items:center}.dcd-status-right{display:flex;align-items:center;gap:6px}.dcd-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dcd-signal-bars span{width:4px;background:#fff;border-radius:1px}.dcd-signal-bars span:nth-child(1){height:25%}.dcd-signal-bars span:nth-child(2){height:50%}.dcd-signal-bars span:nth-child(3){height:75%}.dcd-signal-bars span:nth-child(4){height:100%}.dcd-5g{font-size:13px;margin-left:3px}.dcd-battery{display:flex;align-items:center;gap:3px}.dcd-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dcd-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dcd-battery-level{height:100%;width:80%;background:var(--dcd-gradient);border-radius:2px}.dcd-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dcd-home-screen.dcd-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dcd-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dcd-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dcd-time:hover{transform:scale(1.02)}.dcd-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dcd-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dcd-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dcd-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dcd-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dcd-volume-hud.dcd-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dcd-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px;position:relative}.dcd-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dcd-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dcd-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dcd-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dcd-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--dcd-gradient);border-radius:4px;transition:width .1s ease}.dcd-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dcd-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dcd-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dcd-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#3b82f633,#06b6d433);opacity:0;animation:dcd-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes dcd-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.dcd-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dcd-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dcd-weather-icon{background:transparent}.dcd-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dcd-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dcd-weather-temp{font-size:42px;font-weight:300}.dcd-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dcd-music-playing{display:flex;align-items:center;gap:12px}.dcd-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dcd-widget:hover .dcd-music-album{transform:rotate(5deg)}.dcd-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dcd-music-info h4{font-size:14px;font-weight:600}.dcd-music-info p{font-size:12px;opacity:.7}.dcd-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dcd-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dcd-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dcd-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dcd-dock-hover:active{transform:scale(.95)}.dcd-safari-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dcd-safari-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dcd-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dcd-safari-icon:hover .dcd-safari-tooltip{opacity:1}.dcd-safari-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dcd-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dcd-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dcd-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dcd-close-icon .dcd-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dcd-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dcd-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dcd-close-icon:hover .dcd-close-tooltip{opacity:1}.dcd-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dcd-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dcd-closePulseRing 1.5s ease-out infinite;z-index:-1}.dcd-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dcd-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dcd-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dcd-app-icon{background:var(--dcd-gradient);position:relative}.dcd-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--dcd-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #3b82f680;animation:dcd-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dcd-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dcd-primary-dark)}.dcd-app-tooltip:before{content:"👆";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dcd-fingerPoint 1s ease-in-out infinite}@keyframes dcd-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dcd-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dcd-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#3b82f666,#06b6d466);animation:dcd-pulseRing 1.5s ease-out infinite;z-index:-1}.dcd-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#3b82f633,#06b6d433);animation:dcd-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dcd-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dcd-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dcd-home-indicator:hover{background:#ffffffe6;width:150px}.dcd-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;z-index:50}.dcd-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dcd-iphone-container.dcd-visible .dcd-hint{opacity:1;animation:dcd-hintPulse 2s ease-in-out infinite}.dcd-iphone-container.dcd-closing .dcd-hint{opacity:0;transition:opacity .2s ease}@keyframes dcd-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dcd-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);border-radius:calc(var(--dcd-border-radius) - var(--dcd-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.dcd-app.dcd-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.dcd-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;padding-top:60px}.dcd-nav{position:sticky;top:0;z-index:30;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.dcd-nav-logo{display:flex;align-items:center;gap:6px;flex-shrink:0;cursor:pointer;padding:4px 8px;margin:-4px -8px;border-radius:8px;transition:background .2s}.dcd-nav-logo:hover{background:#ffffff14}.dcd-nav-logo-icon{width:24px;height:24px;border-radius:6px;background:var(--dcd-gradient);display:flex;align-items:center;justify-content:center;padding:4px}.dcd-nav-logo-icon img{width:100%;height:100%}.dcd-nav-logo-text{color:#fff;font-size:14px;font-weight:700}.dcd-nav-close{width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.dcd-nav-close:hover{background:#fff3}.dcd-nav-close svg{width:16px;height:16px;color:#fff}.dcd-nav-close.dcd-nav-close-red{background:#ef444433;border:1px solid rgba(239,68,68,.3)}.dcd-nav-close.dcd-nav-close-red:hover{background:#ef444466;border-color:#ef444480;transform:scale(1.1)}.dcd-nav-close.dcd-nav-close-red svg{color:#ef4444}.dcd-nav-items{display:flex;gap:4px;flex-shrink:1;min-width:0;overflow:visible;padding:4px 0;margin:-4px 0}.dcd-nav-item{padding:6px 8px;border:none;background:#ffffff08;border:1px solid transparent;color:#fff9;font-size:11px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;position:relative}.dcd-nav-item:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:7px;background:linear-gradient(135deg,#3b82f680,#06b6d480);opacity:0;z-index:-1;filter:blur(6px);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.dcd-nav-item:hover{color:#fff;background:#ffffff14;border-color:#3b82f666;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 12px #0000004d,0 0 12px #3b82f640}.dcd-nav-item:hover:before{opacity:1}.dcd-nav-item.dcd-nav-active{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d;box-shadow:0 0 10px #3b82f633}.dcd-nav-item.dcd-nav-active:before{opacity:.5}@keyframes dcd-pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dcd-pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.dcd-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate;width:100%;max-width:100%;box-sizing:border-box}.dcd-content.dcd-content-entering{animation:dcd-pageEnter .4s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,transform}.dcd-content::-webkit-scrollbar{display:none}.dcd-hero{position:relative;padding:30px 16px;text-align:center;overflow:hidden;width:100%;box-sizing:border-box}.dcd-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(59,130,246,.3) 0%,transparent 70%);opacity:.5}.dcd-hero-content{position:relative;z-index:1}.dcd-hero-badge{display:inline-block;padding:6px 14px;background:#3b82f633;color:#60a5fa;font-size:11px;font-weight:600;border-radius:20px;margin-bottom:16px}.dcd-hero-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 10px;line-height:1.3}.dcd-hero-desc{color:#fff9;font-size:12px;margin:0 0 16px;line-height:1.5}.dcd-hero-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.dcd-btn-primary{display:flex;align-items:center;gap:4px;padding:10px 16px;background:var(--dcd-gradient);color:#fff;font-size:12px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.dcd-btn-primary:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;background:linear-gradient(135deg,#3b82f699,#06b6d499);opacity:0;z-index:-1;filter:blur(8px);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.dcd-btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px #0000004d,0 0 20px #3b82f666}.dcd-btn-primary:hover:before{opacity:1}.dcd-btn-primary:active{transform:translateY(-1px) scale(1.02)}.dcd-btn-primary svg{width:16px;height:16px}.dcd-btn-secondary{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.dcd-btn-secondary:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;background:#ffffff4d;opacity:0;z-index:-1;filter:blur(6px);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.dcd-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px #0000004d,0 0 15px #ffffff26}.dcd-btn-secondary:hover:before{opacity:1}.dcd-btn-secondary:active{transform:translateY(-1px) scale(1.02)}.dcd-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;background:#ffffff0d;width:100%;box-sizing:border-box}.dcd-stat{text-align:center}.dcd-stat-value{color:#60a5fa;font-size:28px;font-weight:700}.dcd-stat-label{color:#fff9;font-size:12px;margin-top:4px}.dcd-section{padding:20px 16px;width:100%;box-sizing:border-box}.dcd-section-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 12px;text-align:center}.dcd-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dcd-service-card{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.dcd-service-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:linear-gradient(135deg,#3b82f666,#06b6d466);opacity:0;z-index:-1;filter:blur(8px);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.dcd-service-card:hover{border-color:#3b82f680;background:#ffffff14;transform:translateY(-6px) scale(1.02);box-shadow:0 12px 24px #0000004d,0 0 20px #3b82f633}.dcd-service-card:hover:before{opacity:1}.dcd-service-icon{width:28px;height:28px;color:#60a5fa;margin-bottom:8px}.dcd-service-title{color:#fff;font-size:13px;font-weight:600;margin:0 0 4px}.dcd-service-desc{color:#ffffff80;font-size:11px;margin:0}.dcd-cta{padding:20px 16px;background:linear-gradient(135deg,#3b82f633,#06b6d433);text-align:center;width:100%;box-sizing:border-box}.dcd-cta-title{color:#fff;font-size:14px;font-weight:700;margin:0 0 6px}.dcd-cta-desc{color:#ffffffb3;font-size:11px;margin:0 0 12px}.dcd-cta-btn{padding:10px 20px;background:#fff;color:#2563eb;font-size:12px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.dcd-cta-btn:hover{background:#ffffffe6}.dcd-about-content{padding:20px 16px;width:100%;box-sizing:border-box}.dcd-about-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.dcd-about-desc{color:#fff9;font-size:13px;line-height:1.6;margin:0 0 24px}.dcd-mission-vision{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.dcd-mission-card{padding:16px;border-radius:16px;border:1px solid}.dcd-mission-card.dcd-mission{background:#3b82f61a;border-color:#3b82f64d}.dcd-mission-card.dcd-vision{background:#06b6d41a;border-color:#06b6d44d}.dcd-mission-title{font-size:14px;font-weight:600;margin:0 0 8px}.dcd-mission-card.dcd-mission .dcd-mission-title{color:#60a5fa}.dcd-mission-card.dcd-vision .dcd-mission-title{color:#22d3ee}.dcd-mission-text{color:#fff9;font-size:12px;line-height:1.5;margin:0}.dcd-team-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 16px}.dcd-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.dcd-team-member{text-align:center}.dcd-team-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dcd-team-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dcd-team-avatar span{color:#fff;font-size:18px;font-weight:700}.dcd-team-name{color:#fff;font-size:12px;font-weight:600;margin:0}.dcd-team-role{color:#ffffff80;font-size:10px;margin:2px 0 0}.dcd-values-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 12px}.dcd-values-list{display:flex;flex-direction:column;gap:8px}.dcd-value-item{display:flex;align-items:center;gap:8px;color:#fffc;font-size:13px}.dcd-value-item svg{width:16px;height:16px;color:#60a5fa}.dcd-services-content{padding:20px 16px;width:100%;box-sizing:border-box}.dcd-services-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.dcd-services-desc{color:#fff9;font-size:13px;margin:0 0 20px}.dcd-services-list{display:flex;flex-direction:column;gap:12px}.dcd-service-item{display:flex;gap:14px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.dcd-service-item:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#3b82f666,#06b6d466);opacity:0;z-index:-1;filter:blur(10px);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.dcd-service-item:hover{border-color:#3b82f680;background:#ffffff14;transform:translateY(-6px) scale(1.02);box-shadow:0 12px 24px #0000004d,0 0 20px #3b82f633}.dcd-service-item:hover:before{opacity:1}.dcd-service-item:active{transform:translateY(-3px) scale(1.01)}.dcd-service-item-icon{width:44px;height:44px;border-radius:12px;background:var(--dcd-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dcd-service-item-icon svg{width:22px;height:22px;color:#fff}.dcd-service-item-content{flex:1}.dcd-service-item-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.dcd-service-item-desc{color:#fff9;font-size:12px;margin:0 0 8px}.dcd-service-item-link{display:inline-flex;align-items:center;gap:4px;color:#60a5fa;font-size:12px;font-weight:500;background:none;border:none;padding:0;cursor:pointer}.dcd-service-item-link:hover{color:#93c5fd}.dcd-service-item-link svg{width:14px;height:14px}.dcd-contact-content{padding:20px 16px;width:100%;box-sizing:border-box}.dcd-contact-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.dcd-contact-desc{color:#fff9;font-size:13px;margin:0 0 20px}.dcd-contact-info{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.dcd-contact-item{display:flex;align-items:center;gap:12px}.dcd-contact-icon{width:40px;height:40px;border-radius:10px;background:#3b82f633;display:flex;align-items:center;justify-content:center}.dcd-contact-icon svg{width:20px;height:20px;color:#60a5fa}.dcd-contact-label{color:#ffffff80;font-size:11px}.dcd-contact-value{color:#fff;font-size:13px}.dcd-contact-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}.dcd-form-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 14px}.dcd-form-inputs{display:flex;flex-direction:column;gap:10px}.dcd-form-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:13px;outline:none;transition:border-color .2s}.dcd-form-input::-moz-placeholder{color:#fff6}.dcd-form-input::placeholder{color:#fff6}.dcd-form-input:focus{border-color:#3b82f680}.dcd-form-textarea{resize:none;min-height:80px}.dcd-form-submit{width:100%;padding:14px;background:var(--dcd-gradient);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.dcd-form-submit:hover{opacity:.9}.dcd-form-submit svg{width:16px;height:16px}.dcd-social-links{display:flex;justify-content:center;gap:10px;margin-top:20px}.dcd-social-btn{width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dcd-social-btn:hover{background:#ffffff1a}.dcd-social-btn svg{width:20px;height:20px;color:#fff9}.dcd-success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;height:100%}.dcd-success-icon{width:80px;height:80px;border-radius:50%;background:var(--dcd-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.dcd-success-icon svg{width:40px;height:40px;color:#fff}.dcd-success-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 10px}.dcd-success-message{color:#fff9;font-size:14px;margin:0 0 30px}.dcd-success-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.dcd-success-btn{width:100%;padding:14px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s}.dcd-success-btn.dcd-primary{background:var(--dcd-gradient);color:#fff}.dcd-success-btn.dcd-secondary{background:#ffffff1a;color:#fff}.dcd-success-btn:hover{opacity:.9}.dcd-footer{padding:12px 16px;background:#050508;border-top:1px solid rgba(255,255,255,.1);text-align:center;flex-shrink:0;width:100%;box-sizing:border-box}.dcd-footer-logo{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px}.dcd-footer-logo-icon{width:20px;height:20px;border-radius:4px;background:var(--dcd-gradient);display:flex;align-items:center;justify-content:center;padding:3px}.dcd-footer-logo-icon img{width:100%;height:100%}.dcd-footer-logo-text{color:#fff;font-size:13px;font-weight:600}.dcd-footer-copyright{color:#fff6;font-size:11px;margin:0}.dcd-confetti-wrapper{position:absolute;left:50%;bottom:35%;width:0;height:0;pointer-events:none;z-index:1000}.dcd-confetti-piece{position:absolute;width:var(--size, 10px);height:var(--size, 10px);border-radius:3px;opacity:0;transform-origin:center;animation:dcd-confetti-fly var(--duration, 2s) cubic-bezier(.25,.1,.25,1) forwards;animation-delay:var(--delay, 0s)}.dcd-confetti-piece:nth-child(3n){border-radius:50%;width:calc(var(--size, 10px) * .8);height:calc(var(--size, 10px) * 1.4)}.dcd-confetti-piece:nth-child(3n+1){border-radius:2px;width:calc(var(--size, 10px) * 1.2);height:calc(var(--size, 10px) * .6)}.dcd-confetti-piece:nth-child(5n){border-radius:0;transform:rotate(45deg)}@keyframes dcd-confetti-fly{0%{opacity:1;transform:translate(0) rotate(0) scale(0)}10%{opacity:1;transform:translate(calc(var(--end-x) * .3),calc(var(--end-y) * .3)) rotate(calc(var(--rotation) * .2)) scale(1.2)}40%{opacity:1;transform:translate(var(--end-x),var(--end-y)) rotate(calc(var(--rotation) * .6)) scale(1)}to{opacity:0;transform:translate(var(--end-x),calc(var(--end-y) + 300px)) rotate(var(--rotation)) scale(.5)}}:root{--mcd-iphone-width: min(375px, 90vw);--mcd-max-height: calc(100svh - 40px) ;--mcd-iphone-height: min(calc(var(--mcd-iphone-width) * 2.16), var(--mcd-max-height));--mcd-border-radius: calc(var(--mcd-iphone-width) * .14);--mcd-bezel: calc(var(--mcd-iphone-width) * .025);--mcd-dynamic-island-width: calc(var(--mcd-iphone-width) * .32);--mcd-dynamic-island-height: calc(var(--mcd-iphone-width) * .095);--mcd-primary: #3b82f6;--mcd-primary-dark: #2563eb;--mcd-secondary: #06b6d4;--mcd-gradient: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)}@supports not (height: 100svh){:root{--mcd-max-height: calc(100vh - 40px) ;--mcd-max-height: calc(var(--mcd-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mcd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0c1929,#1e3a5f,#1e4976);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mcd-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}body.mcd-modal-open>*:not(.mcd-overlay){visibility:hidden!important}body.mcd-modal-open .mcd-overlay{visibility:visible!important}.mcd-iphone-container{position:relative}.mcd-iphone-frame{position:relative;width:var(--mcd-iphone-width);height:var(--mcd-iphone-height);background:linear-gradient(145deg,#1e3a5f,#0f1f33,#1a3050);border-radius:var(--mcd-border-radius);padding:var(--mcd-bezel);box-shadow:0 0 0 1px #3b82f626,0 25px 50px -12px #000c,0 0 100px #3b82f626,inset 0 1px #3b82f61a}.mcd-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#3b82f633,#06b6d40d,#0000001a,#06b6d40d,#3b82f626);border-radius:calc(var(--mcd-border-radius) + 1px);z-index:-1}.mcd-side-button{position:absolute;background:linear-gradient(90deg,#1e3a5f,#0f1f33,#1e3a5f);border-radius:2px}.mcd-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mcd-iphone-width) * .04)}.mcd-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mcd-iphone-width) * .08)}.mcd-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mcd-iphone-width) * .08)}.mcd-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mcd-iphone-width) * .12)}.mcd-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mcd-border-radius) - var(--mcd-bezel));overflow:hidden;position:relative}.mcd-dynamic-island{position:absolute;top:calc(var(--mcd-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mcd-dynamic-island-width);height:var(--mcd-dynamic-island-height);background:#000;border-radius:calc(var(--mcd-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mcd-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mcd-dynamic-island.mcd-di-state-collapsed{width:var(--mcd-dynamic-island-width);height:var(--mcd-dynamic-island-height)}.mcd-dynamic-island.mcd-di-state-compact{width:180px;height:42px;border-radius:21px}.mcd-dynamic-island.mcd-di-state-expanded{width:280px;height:75px;border-radius:30px}.mcd-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mcd-dynamic-island.mcd-di-state-compact .mcd-di-collapsed-content,.mcd-dynamic-island.mcd-di-state-expanded .mcd-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mcd-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mcd-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mcd-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mcd-dynamic-island.mcd-di-state-compact .mcd-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mcd-dynamic-island.mcd-di-state-expanded .mcd-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mcd-di-compact-left{display:flex;align-items:center;gap:8px}.mcd-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #3b82f64d;flex-shrink:0}.mcd-di-compact-album .mcd-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mcd-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mcd-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mcd-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mcd-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mcd-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mcd-dynamic-island.mcd-di-state-expanded .mcd-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mcd-dynamic-island.mcd-di-state-compact .mcd-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mcd-dynamic-island.mcd-di-state-collapsed .mcd-di-expanded-content,.mcd-dynamic-island.mcd-di-state-collapsed .mcd-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mcd-di-music-left{display:flex;align-items:center;gap:12px}.mcd-di-album{width:48px;height:48px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #3b82f666;flex-shrink:0}.mcd-di-album .mcd-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mcd-di-track-info{display:flex;flex-direction:column;gap:2px}.mcd-di-track-info h4{color:#fff;font-size:13px;font-weight:600;margin:0;letter-spacing:-.3px}.mcd-di-track-info p{color:#fff9;font-size:11px;margin:0}.mcd-di-music-right{display:flex;align-items:center;gap:3px;height:30px}.mcd-di-wave-bar{width:3px;height:100%;background:var(--mcd-gradient);border-radius:2px;animation:mcd-waveAnimation .8s ease-in-out infinite}.mcd-di-wave-bar:nth-child(1){animation-delay:0s;height:60%}.mcd-di-wave-bar:nth-child(2){animation-delay:.1s;height:100%}.mcd-di-wave-bar:nth-child(3){animation-delay:.2s;height:40%}.mcd-di-wave-bar:nth-child(4){animation-delay:.3s;height:80%}.mcd-di-wave-bar:nth-child(5){animation-delay:.4s;height:50%}@keyframes mcd-waveAnimation{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mcd-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(6,182,212,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(37,99,235,.3) 0%,transparent 50%),linear-gradient(180deg,#0c1929,#1e3a5f)}.mcd-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mcd-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mcd-iphone-width) * .045) calc(var(--mcd-iphone-width) * .07) 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mcd-status-left{display:flex;align-items:center}.mcd-status-right{display:flex;align-items:center;gap:5px}.mcd-signal-bars{display:flex;gap:1.5px;align-items:flex-end;height:12px}.mcd-signal-bars span{width:3px;background:#fff;border-radius:1px}.mcd-signal-bars span:nth-child(1){height:25%}.mcd-signal-bars span:nth-child(2){height:50%}.mcd-signal-bars span:nth-child(3){height:75%}.mcd-signal-bars span:nth-child(4){height:100%}.mcd-5g{font-size:12px;margin-left:2px}.mcd-battery{display:flex;align-items:center;gap:2px}.mcd-battery-body{width:24px;height:11px;border:1.5px solid white;border-radius:3px;padding:1.5px;position:relative}.mcd-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mcd-battery-level{height:100%;width:80%;background:var(--mcd-gradient);border-radius:1.5px}.mcd-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mcd-home-screen.mcd-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mcd-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mcd-time{font-size:calc(var(--mcd-iphone-width) * .2);font-weight:200;letter-spacing:-2px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.mcd-date{font-size:calc(var(--mcd-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:5px}.mcd-widgets-container{position:absolute;bottom:28%;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.mcd-widget{width:calc(var(--mcd-iphone-width) * .42);height:calc(var(--mcd-iphone-width) * .42);background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mcd-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mcd-widget-icon{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px}.mcd-weather-icon{background:transparent}.mcd-music-icon{background:transparent;border-radius:5px;overflow:hidden}.mcd-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mcd-weather-temp{font-size:36px;font-weight:300}.mcd-weather-desc{font-size:13px;opacity:.8;margin-top:4px}.mcd-music-playing{display:flex;align-items:center;gap:10px}.mcd-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mcd-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mcd-music-info h4{font-size:13px;font-weight:600}.mcd-music-info p{font-size:11px;opacity:.7}.mcd-dock{position:absolute;bottom:calc(var(--mcd-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mcd-dock-icon{width:calc(var(--mcd-iphone-width) * .14);height:calc(var(--mcd-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer}.mcd-dock-icon:active{transform:scale(.9)}.mcd-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mcd-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mcd-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mcd-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mcd-close-icon .mcd-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mcd-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mcd-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mcd-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mcd-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mcd-fingerPoint 1s ease-in-out infinite}.mcd-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mcd-closePulseRing 1.5s ease-out infinite;z-index:-1}.mcd-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mcd-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mcd-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mcd-corp-icon{background:var(--mcd-gradient);position:relative}.mcd-corp-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--mcd-gradient);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #3b82f666;animation:mcd-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mcd-corp-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#06b6d4}.mcd-corp-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mcd-fingerPoint 1s ease-in-out infinite}@keyframes mcd-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mcd-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mcd-corp-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#3b82f666;animation:mcd-pulseRing 1.5s ease-out infinite;z-index:-1}.mcd-corp-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#06b6d433;animation:mcd-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mcd-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mcd-home-indicator{position:absolute;bottom:calc(var(--mcd-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--mcd-iphone-width) * .36);height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer}.mcd-screen-reflection{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mcd-corporate-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mcd-border-radius) - var(--mcd-bezel));animation:mcd-appOpen .3s ease;overflow:hidden}.mcd-corporate-app.mcd-active{display:flex}@keyframes mcd-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mcd-navbar{position:relative;flex-shrink:0;z-index:50;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding-top:calc(var(--mcd-iphone-width) * .14);padding-left:10px;padding-right:10px;padding-bottom:8px;display:flex;align-items:center;gap:6px;overflow:hidden;width:100%;box-sizing:border-box}.mcd-page-close-btn{width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;border-radius:6px;background:#ff3b3040;border:1px solid rgba(255,59,48,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;flex-grow:0;margin-left:auto;padding:0}.mcd-page-close-btn:active{background:#ff3b3080}.mcd-page-close-btn svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;color:#ff5f57;stroke-width:3}.mcd-page-logo{display:flex;align-items:center;gap:4px;flex-shrink:0;cursor:pointer}.mcd-page-logo:active{opacity:.8}.mcd-page-logo-icon{width:22px;height:22px;border-radius:6px;background:var(--mcd-gradient);display:flex;align-items:center;justify-content:center;padding:3px}.mcd-page-logo-icon img{width:100%;height:100%;filter:brightness(0) invert(1)}.mcd-page-logo-text{font-size:13px;font-weight:700;color:#fff;letter-spacing:-.3px}.mcd-nav-items{display:flex;gap:6px;margin-left:10px;min-width:0}.mcd-nav-item{padding:5px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:10px;font-weight:500;color:#ffffffb3;cursor:pointer;white-space:nowrap;flex-shrink:0}.mcd-nav-item:active{background:#ffffff1a}.mcd-nav-item.mcd-nav-active{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.mcd-subpage-header{position:relative;flex-shrink:0;z-index:50;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding-top:calc(var(--mcd-iphone-width) * .14);padding-left:12px;padding-right:12px;padding-bottom:12px;display:flex;align-items:center;gap:12px}.mcd-back-btn{width:calc(var(--mcd-iphone-width) * .1);height:calc(var(--mcd-iphone-width) * .1);min-width:36px;min-height:36px;border-radius:10px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mcd-back-btn:active{background:#ffffff26}.mcd-back-btn svg{width:calc(var(--mcd-iphone-width) * .05);height:calc(var(--mcd-iphone-width) * .05);min-width:18px;min-height:18px;color:#fff}.mcd-subpage-title{font-size:18px;font-weight:700;color:#fff;margin:0}.mcd-page-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.mcd-page-content::-webkit-scrollbar{display:none}.mcd-hero{position:relative;padding:24px 16px;text-align:center;overflow:hidden}.mcd-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(59,130,246,.3) 0%,transparent 70%);opacity:.5}.mcd-hero-badge{position:relative;display:inline-block;padding:6px 12px;background:#3b82f633;color:#60a5fa;font-size:11px;font-weight:600;border-radius:16px;margin-bottom:14px}.mcd-hero-title{position:relative;color:#fff;font-size:20px;font-weight:700;margin:0 0 10px;line-height:1.3}.mcd-hero-desc{position:relative;color:#fff9;font-size:13px;margin:0 0 16px;line-height:1.5}.mcd-hero-buttons{position:relative;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.mcd-btn-primary{display:flex;align-items:center;gap:4px;padding:10px 16px;background:var(--mcd-gradient);color:#fff;font-size:13px;font-weight:600;border:none;border-radius:10px;cursor:pointer}.mcd-btn-primary:active{opacity:.9}.mcd-btn-primary svg{width:16px;height:16px}.mcd-btn-secondary{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer}.mcd-btn-secondary:active{background:#ffffff26}.mcd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;background:#ffffff0d}.mcd-stat{text-align:center}.mcd-stat-value{color:#60a5fa;font-size:20px;font-weight:700}.mcd-stat-label{color:#fff9;font-size:10px;margin-top:2px}.mcd-section{padding:20px 16px}.mcd-section-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 14px;text-align:center}.mcd-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mcd-service-card{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer}.mcd-service-card:active{background:#ffffff14;border-color:#3b82f666}.mcd-service-icon{width:26px;height:26px;color:#60a5fa;margin-bottom:8px}.mcd-service-title{color:#fff;font-size:13px;font-weight:600;margin:0 0 4px}.mcd-service-desc{color:#ffffff80;font-size:11px;margin:0}.mcd-cta{padding:20px 16px;background:linear-gradient(135deg,#3b82f633,#06b6d433);text-align:center}.mcd-cta-title{color:#fff;font-size:14px;font-weight:700;margin:0 0 6px}.mcd-cta-desc{color:#ffffffb3;font-size:12px;margin:0 0 14px}.mcd-cta-btn{padding:10px 20px;background:#fff;color:#2563eb;font-size:13px;font-weight:700;border:none;border-radius:10px;cursor:pointer}.mcd-cta-btn:active{background:#ffffffe6}.mcd-about-desc{color:#fff9;font-size:13px;line-height:1.5;margin:0 0 20px;padding:0 16px}.mcd-mission-vision{display:flex;flex-direction:column;gap:12px;margin:0 16px 20px}.mcd-mission-card{padding:14px;border-radius:14px;border:1px solid}.mcd-mission-card.mcd-mission{background:#3b82f61a;border-color:#3b82f64d}.mcd-mission-card.mcd-vision{background:#06b6d41a;border-color:#06b6d44d}.mcd-mission-title{font-size:14px;font-weight:600;margin:0 0 6px}.mcd-mission-card.mcd-mission .mcd-mission-title{color:#60a5fa}.mcd-mission-card.mcd-vision .mcd-mission-title{color:#22d3ee}.mcd-mission-text{color:#fff9;font-size:12px;line-height:1.5;margin:0}.mcd-team-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 14px;padding:0 16px}.mcd-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 16px 20px}.mcd-team-member{text-align:center}.mcd-team-avatar{width:52px;height:52px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mcd-team-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mcd-team-avatar span{color:#fff;font-size:16px;font-weight:700}.mcd-team-name{color:#fff;font-size:11px;font-weight:600;margin:0}.mcd-team-role{color:#ffffff80;font-size:10px;margin:2px 0 0}.mcd-values-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 12px;padding:0 16px}.mcd-values-list{display:flex;flex-direction:column;gap:8px;margin:0 16px 20px}.mcd-value-item{display:flex;align-items:center;gap:8px;color:#fffc;font-size:13px}.mcd-value-item svg{width:16px;height:16px;color:#60a5fa}.mcd-services-desc{color:#fff9;font-size:13px;margin:0 0 16px;padding:0 16px}.mcd-services-list{display:flex;flex-direction:column;gap:12px;margin:0 16px 20px}.mcd-service-item{display:flex;gap:12px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px}.mcd-service-item:active{background:#ffffff14}.mcd-service-item-icon{width:40px;height:40px;border-radius:12px;background:var(--mcd-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mcd-service-item-icon svg{width:20px;height:20px;color:#fff}.mcd-service-item-content{flex:1}.mcd-service-item-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.mcd-service-item-desc{color:#fff9;font-size:12px;margin:0 0 8px}.mcd-service-item-link{display:inline-flex;align-items:center;gap:4px;color:#60a5fa;font-size:12px;font-weight:500;background:none;border:none;padding:0;cursor:pointer}.mcd-service-item-link:active{color:#93c5fd}.mcd-service-item-link svg{width:14px;height:14px}.mcd-contact-desc{color:#fff9;font-size:13px;margin:0 0 16px;padding:0 16px}.mcd-contact-info{display:flex;flex-direction:column;gap:12px;margin:0 16px 16px}.mcd-contact-item{display:flex;align-items:center;gap:12px}.mcd-contact-icon{width:38px;height:38px;border-radius:10px;background:#3b82f633;display:flex;align-items:center;justify-content:center}.mcd-contact-icon svg{width:18px;height:18px;color:#60a5fa}.mcd-contact-label{color:#ffffff80;font-size:10px}.mcd-contact-value{color:#fff;font-size:13px}.mcd-contact-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin:0 16px 16px}.mcd-form-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.mcd-form-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:none;margin-bottom:10px;box-sizing:border-box}.mcd-form-input:last-of-type{margin-bottom:12px}.mcd-form-input::-moz-placeholder{color:#fff6}.mcd-form-input::placeholder{color:#fff6}.mcd-form-input:focus{border-color:#3b82f680}.mcd-form-textarea{resize:none;min-height:80px}.mcd-form-submit{width:100%;padding:14px;background:var(--mcd-gradient);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mcd-form-submit:active{opacity:.9}.mcd-form-submit svg{width:16px;height:16px}.mcd-social-links{display:flex;justify-content:center;gap:10px;margin:0 16px 20px}.mcd-social-btn{width:38px;height:38px;border-radius:10px;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mcd-social-btn:active{background:#ffffff1a}.mcd-social-btn svg{width:18px;height:18px;color:#fff9}.mcd-success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:400px}.mcd-success-icon{width:80px;height:80px;border-radius:50%;background:var(--mcd-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:mcd-successPop .5s cubic-bezier(.68,-.55,.265,1.55)}.mcd-success-icon svg{width:40px;height:40px;color:#fff}@keyframes mcd-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.mcd-success-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}.mcd-success-message{font-size:14px;color:#fff9;margin:0 0 28px;line-height:1.5}.mcd-success-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:260px}.mcd-continue-btn{width:100%;padding:14px;background:var(--mcd-gradient);border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer}.mcd-continue-btn:active{opacity:.9}.mcd-contact-btn{width:100%;padding:14px;background:#ffffff1a;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.mcd-contact-btn:active{background:#ffffff26}.mcd-footer{flex-shrink:0;padding:16px;background:#0a0a0ffa;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:10px}.mcd-footer-logo{display:flex;align-items:center;gap:6px}.mcd-footer-logo-icon{width:20px;height:20px;border-radius:5px;background:var(--mcd-gradient);display:flex;align-items:center;justify-content:center;padding:3px}.mcd-footer-logo-icon img{width:100%;height:100%;filter:brightness(0) invert(1)}.mcd-footer-logo-text{font-size:12px;font-weight:700;color:#fff;letter-spacing:-.3px}.mcd-footer-copyright{color:#fff6;font-size:10px;margin:0;text-align:center}.mcd-volume-hud{position:absolute;top:220px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mcd-volume-hud.mcd-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mcd-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:14px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:220px;position:relative}.mcd-volume-hud-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mcd-volume-hud-icon svg{width:18px;height:18px;fill:#fff;opacity:.9}.mcd-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mcd-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mcd-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--mcd-gradient);border-radius:3px;transition:width .1s ease}.mcd-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.mcd-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;cursor:pointer}.mcd-volume-hud-input::-moz-range-thumb{width:24px;height:24px;cursor:pointer;border:none;background:transparent}.mcd-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#3b82f633,#06b6d433);opacity:0;animation:mcd-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes mcd-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.mcd-confetti-wrapper{position:absolute;left:50%;bottom:35%;width:0;height:0;pointer-events:none;z-index:1000}.mcd-confetti-piece{position:absolute;width:var(--size, 8px);height:var(--size, 8px);border-radius:2px;opacity:0;transform-origin:center;animation:mcd-confetti-fly var(--duration, 1.8s) cubic-bezier(.25,.1,.25,1) forwards;animation-delay:var(--delay, 0s)}.mcd-confetti-piece:nth-child(3n){border-radius:50%;width:calc(var(--size, 8px) * .8);height:calc(var(--size, 8px) * 1.4)}.mcd-confetti-piece:nth-child(3n+1){border-radius:1px;width:calc(var(--size, 8px) * 1.2);height:calc(var(--size, 8px) * .6)}.mcd-confetti-piece:nth-child(5n){border-radius:0;transform:rotate(45deg)}@keyframes mcd-confetti-fly{0%{opacity:1;transform:translate(0) rotate(0) scale(0)}10%{opacity:1;transform:translate(calc(var(--end-x) * .3),calc(var(--end-y) * .3)) rotate(calc(var(--rotation) * .2)) scale(1.2)}40%{opacity:1;transform:translate(var(--end-x),var(--end-y)) rotate(calc(var(--rotation) * .6)) scale(1)}to{opacity:0;transform:translate(var(--end-x),calc(var(--end-y) + 200px)) rotate(var(--rotation)) scale(.5)}}:root{--dma-iphone-width: 390px;--dma-iphone-height: 844px;--dma-border-radius: 55px;--dma-bezel: 10px;--dma-dynamic-island-width: 125px;--dma-dynamic-island-height: 37px;--dma-primary: #8b5cf6;--dma-primary-dark: #7c3aed;--dma-secondary: #ec4899;--dma-gradient: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%)}.dma-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dma-overlay.dma-visible{opacity:1}.dma-overlay.dma-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dma-modal-open{overflow:hidden!important}.dma-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dma-iphone-container.dma-visible{opacity:1;transform:scale(1) translateY(0)}.dma-iphone-container.dma-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dma-iphone-frame{position:relative;width:var(--dma-iphone-width);height:var(--dma-iphone-height);background:linear-gradient(145deg,#2d1b4e,#1a0f2e,#251640);border-radius:var(--dma-border-radius);padding:var(--dma-bezel);box-shadow:0 0 0 1px #8b5cf626,0 25px 80px -15px #000000b3,0 10px 40px -10px #ec489933,inset 0 1px #8b5cf61a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dma-iphone-frame:hover{box-shadow:0 0 0 1px #8b5cf640,0 30px 100px -15px #000c,0 15px 50px -10px #ec48994d,inset 0 1px #8b5cf626}.dma-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#8b5cf633,#ec48990d,#0000001a,#ec48990d,#8b5cf626);border-radius:calc(var(--dma-border-radius) + 1px);z-index:-1}.dma-side-button{position:absolute;background:linear-gradient(90deg,#2d1b4e,#1a0f2e,#2d1b4e);border-radius:2px;transition:background .2s ease}.dma-side-button:hover{background:linear-gradient(90deg,#3d2b5e,#2a1f3e,#3d2b5e)}.dma-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dma-volume-up{left:-4px;top:160px;width:4px;height:65px}.dma-volume-down{left:-4px;top:235px;width:4px;height:65px}.dma-power-button{right:-4px;top:180px;width:4px;height:100px}.dma-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dma-border-radius) - var(--dma-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.dma-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#1a0a2e,#2d1b4e 30%,#3d2660,#2d1b4e 70%,#1a0a2e)}.dma-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(236,72,153,.2) 0%,transparent 40%)}.dma-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.dma-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dma-dynamic-island-width);height:var(--dma-dynamic-island-height);background:#000;border-radius:calc(var(--dma-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dma-dynamic-island.dma-di-state-collapsed:hover{width:140px;height:40px}.dma-dynamic-island.dma-di-state-compact{width:220px;height:50px;border-radius:25px}.dma-dynamic-island.dma-di-state-expanded{width:340px;height:90px;border-radius:40px}.dma-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dma-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dma-dynamic-island.dma-di-state-expanded .dma-di-collapsed-content,.dma-dynamic-island.dma-di-state-compact .dma-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.dma-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3e,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #8b5cf64d}.dma-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #ec489933}.dma-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dma-dynamic-island.dma-di-state-compact .dma-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.dma-dynamic-island.dma-di-state-expanded .dma-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dma-di-compact-left{display:flex;align-items:center;gap:10px}.dma-di-compact-album{width:34px;height:34px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #8b5cf64d;flex-shrink:0}.dma-di-compact-album img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dma-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dma-di-compact-title{color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dma-di-compact-artist{color:#ffffff8c;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dma-di-compact-waves{display:flex;align-items:center;gap:3px;height:24px}.dma-di-compact-waves .dma-di-wave-bar{width:3px;background:var(--dma-gradient);border-radius:2px;animation:dma-waveCompact .8s ease-in-out infinite}.dma-di-compact-waves .dma-di-wave-bar:nth-child(1){height:40%;animation-delay:0s}.dma-di-compact-waves .dma-di-wave-bar:nth-child(2){height:100%;animation-delay:.2s}.dma-di-compact-waves .dma-di-wave-bar:nth-child(3){height:60%;animation-delay:.4s}.dma-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dma-dynamic-island.dma-di-state-expanded .dma-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.dma-dynamic-island.dma-di-state-compact .dma-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dma-dynamic-island.dma-di-state-collapsed .dma-di-expanded-content,.dma-dynamic-island.dma-di-state-collapsed .dma-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.dma-dynamic-island.dma-di-state-collapsed .dma-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dma-di-music-left{display:flex;align-items:center;gap:14px}.dma-di-album{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #8b5cf64d;transition:transform .3s ease}.dma-dynamic-island.dma-di-state-expanded:hover .dma-di-album{transform:scale(1.05)}.dma-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dma-di-track-info{color:#fff}.dma-di-track-info h4{font-size:14px;font-weight:600;margin:0 0 3px;letter-spacing:-.3px}.dma-di-track-info p{font-size:12px;color:#fff9;font-weight:400;margin:0}.dma-di-music-right{display:flex;align-items:center;gap:4px;height:35px}.dma-di-wave-bar{width:4px;background:var(--dma-gradient);border-radius:3px;animation:dma-waveAnim 1s ease-in-out infinite}.dma-di-wave-bar:nth-child(1){height:35%;animation-delay:0s}.dma-di-wave-bar:nth-child(2){height:65%;animation-delay:.15s}.dma-di-wave-bar:nth-child(3){height:100%;animation-delay:.3s}.dma-di-wave-bar:nth-child(4){height:75%;animation-delay:.45s}.dma-di-wave-bar:nth-child(5){height:45%;animation-delay:.6s}@keyframes dma-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes dma-waveCompact{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.dma-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dma-status-left{display:flex;align-items:center}.dma-status-right{display:flex;align-items:center;gap:6px}.dma-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dma-signal-bars span{width:4px;background:#fff;border-radius:1px}.dma-signal-bars span:nth-child(1){height:25%}.dma-signal-bars span:nth-child(2){height:50%}.dma-signal-bars span:nth-child(3){height:75%}.dma-signal-bars span:nth-child(4){height:100%}.dma-5g{font-size:13px;margin-left:3px}.dma-battery{display:flex;align-items:center;gap:3px}.dma-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dma-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dma-battery-level{height:100%;width:80%;background:var(--dma-gradient);border-radius:2px}.dma-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dma-home-screen.dma-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dma-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dma-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dma-time:hover{transform:scale(1.02)}.dma-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dma-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dma-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:16px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.dma-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dma-volume-hud{position:absolute;top:280px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.dma-volume-hud.dma-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dma-volume-hud-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:280px;position:relative}.dma-volume-hud-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dma-volume-hud-icon svg{width:22px;height:22px;fill:#fff;opacity:.9}.dma-volume-hud-slider{position:relative;flex:1;height:28px;display:flex;align-items:center}.dma-volume-hud-track{position:absolute;width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.dma-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--dma-gradient);border-radius:4px;transition:width .1s ease}.dma-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.dma-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;cursor:pointer}.dma-volume-hud-input::-moz-range-thumb{width:28px;height:28px;cursor:pointer;border:none;background:transparent}.dma-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,#8b5cf633,#ec489933);opacity:0;animation:dma-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes dma-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.dma-widget-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.9;margin-bottom:10px}.dma-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dma-weather-icon{background:transparent}.dma-music-icon{background:transparent;border-radius:6px;overflow:hidden}.dma-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dma-weather-temp{font-size:42px;font-weight:300}.dma-weather-desc{font-size:14px;opacity:.8;margin-top:6px}.dma-music-playing{display:flex;align-items:center;gap:12px}.dma-music-album{width:58px;height:58px;border-radius:12px;overflow:hidden;transition:transform .3s ease}.dma-widget:hover .dma-music-album{transform:rotate(5deg)}.dma-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dma-music-info h4{font-size:14px;font-weight:600}.dma-music-info p{font-size:12px;opacity:.7}.dma-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dma-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dma-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dma-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dma-dock-hover:active{transform:scale(.95)}.dma-safari-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dma-safari-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dma-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dma-safari-icon:hover .dma-safari-tooltip{opacity:1}.dma-safari-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dma-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dma-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dma-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dma-close-icon .dma-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dma-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dma-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dma-close-icon:hover .dma-close-tooltip{opacity:1}.dma-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dma-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dma-closePulseRing 1.5s ease-out infinite;z-index:-1}.dma-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dma-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dma-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dma-app-icon{background:var(--dma-gradient);position:relative}.dma-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--dma-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #8b5cf680;animation:dma-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dma-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dma-primary-dark)}.dma-app-tooltip:before{content:"";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:18px;animation:dma-fingerPoint 1s ease-in-out infinite}@keyframes dma-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes dma-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.dma-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#8b5cf666,#ec489966);animation:dma-pulseRing 1.5s ease-out infinite;z-index:-1}.dma-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#8b5cf633,#ec489933);animation:dma-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dma-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dma-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dma-home-indicator:hover{background:#ffffffe6;width:150px}.dma-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dma-iphone-container.dma-visible .dma-hint{opacity:1;animation:dma-hintPulse 2s ease-in-out infinite}.dma-iphone-container.dma-closing .dma-hint{opacity:0;transition:opacity .2s ease}@keyframes dma-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dma-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);border-radius:calc(var(--dma-border-radius) - var(--dma-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.dma-app.dma-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.dma-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;padding-top:60px}.dma-app-header{position:absolute;top:60px;right:16px;z-index:50}.dma-app-close-btn{width:32px;height:32px;border-radius:50%;background:#ef444433;border:1px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dma-app-close-btn:hover{background:#ef444466;border-color:#ef444480;transform:scale(1.1)}.dma-app-close-btn svg{width:18px;height:18px;color:#ef4444}.dma-stage-content{flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.dma-stage-content::-webkit-scrollbar{display:none}.dma-stage-header{text-align:center;margin-bottom:20px}.dma-stage-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:16px;background:var(--dma-gradient);display:flex;align-items:center;justify-content:center}.dma-stage-icon svg{width:28px;height:28px;color:#fff}.dma-stage-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 6px}.dma-stage-desc{color:#fff9;font-size:13px;margin:0}.dma-stage-hint{text-align:center;color:#fff6;font-size:11px;margin-top:12px}.dma-app-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex:1}.dma-app-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.dma-app-type-card:hover{background:#ffffff1a;border-color:#8b5cf680;transform:translateY(-4px)}.dma-app-type-card.dma-selected{background:#8b5cf633;border-color:#8b5cf680}.dma-app-type-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.dma-app-type-icon svg{width:24px;height:24px;color:#fff}.dma-app-type-name{color:#fff;font-size:13px;font-weight:600}.dma-features-stage{padding:0}.dma-features-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.dma-back-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dma-back-btn:hover{background:#ffffff1a}.dma-back-btn svg{width:18px;height:18px;color:#fff}.dma-features-header-text{flex:1}.dma-features-header-text .dma-stage-title{font-size:16px;margin-bottom:2px;text-align:left}.dma-features-count{color:#ffffff80;font-size:12px;margin:0}.dma-progress-bar{height:4px;background:#ffffff1a;overflow:hidden}.dma-progress-fill{height:100%;background:var(--dma-gradient);transition:width .3s ease}.dma-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;flex:1;overflow-y:auto}.dma-feature-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;position:relative;text-align:left}.dma-feature-card:hover:not(.dma-disabled){background:#ffffff14;border-color:#fff3}.dma-feature-card.dma-selected{background:#8b5cf633;border-color:#8b5cf680}.dma-feature-card.dma-disabled{opacity:.5;cursor:not-allowed}.dma-feature-icon{width:28px;height:28px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dma-feature-icon.dma-active{background:var(--dma-gradient)}.dma-feature-icon svg{width:14px;height:14px;color:#fff9}.dma-feature-icon.dma-active svg{color:#fff}.dma-feature-info{flex:1;min-width:0}.dma-feature-name{color:#fff;font-size:11px;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dma-feature-price{color:#ffffff80;font-size:10px;margin:0}.dma-feature-check{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--dma-gradient);display:flex;align-items:center;justify-content:center}.dma-feature-check svg{width:10px;height:10px;color:#fff}.dma-features-bottom{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:#0a0a0ff2}.dma-estimate-row{display:flex;justify-content:space-between;margin-bottom:12px}.dma-estimate-item{text-align:left}.dma-estimate-item:last-child{text-align:right}.dma-estimate-label{color:#ffffff80;font-size:11px;margin:0 0 2px}.dma-estimate-value{color:#fff;font-size:14px;font-weight:700;margin:0}.dma-continue-btn{width:100%;padding:12px;background:var(--dma-gradient);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:opacity .2s}.dma-continue-btn:hover{opacity:.9}.dma-continue-btn.dma-disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.dma-continue-btn svg{width:18px;height:18px}.dma-preview-stage{padding:0}.dma-preview-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.dma-preview-header-text{flex:1}.dma-preview-header-text .dma-stage-title{font-size:16px;margin-bottom:2px;text-align:left}.dma-preview-app-name{color:#ffffff80;font-size:12px;margin:0}.dma-preview-content{flex:1;overflow-y:auto;padding:16px}.dma-mini-iphone-container{position:relative;width:160px;margin:0 auto 16px}.dma-mini-iphone{position:relative;background:#1a1a2e;border-radius:24px;padding:6px;border:2px solid #333}.dma-mini-notch{position:absolute;top:6px;left:50%;transform:translate(-50%);width:48px;height:12px;background:#000;border-radius:12px;z-index:10}.dma-mini-screen{position:relative;background:linear-gradient(145deg,#1a0a2e,#2d1b4e);border-radius:18px;overflow:hidden;height:280px}.dma-mini-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:4px}.dma-mini-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:all .2s}.dma-mini-dot.dma-active{width:12px;border-radius:3px;background:var(--dma-gradient)}.dma-mini-home-indicator{width:64px;height:4px;background:#444;border-radius:2px;margin:6px auto 0}.dma-preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dma-preview-nav:hover:not(:disabled){background:#fff3}.dma-preview-nav:disabled{opacity:.3;cursor:not-allowed}.dma-preview-nav svg{width:14px;height:14px;color:#fff}.dma-preview-nav.dma-prev{left:-32px}.dma-preview-nav.dma-next{right:-32px}.dma-summary-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;margin-bottom:12px}.dma-summary-title{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:600;margin:0 0 10px}.dma-summary-title svg{width:14px;height:14px;color:#a855f7}.dma-summary-features{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.dma-summary-feature{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:11px}.dma-summary-feature svg{width:12px;height:12px;color:#a855f7}.dma-pricing-card{background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:12px}.dma-pricing-info{display:flex;align-items:center;gap:8px;color:#fff;font-size:11px;font-weight:500;text-align:center;line-height:1.4}.dma-pricing-info svg{width:16px;height:16px;color:#a855f7;flex-shrink:0}.dma-preview-actions{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:#0a0a0ff2;display:flex;flex-direction:column;gap:8px}.dma-quote-btn{width:100%;padding:12px;background:var(--dma-gradient);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:opacity .2s}.dma-quote-btn:hover{opacity:.9}.dma-quote-btn svg{width:16px;height:16px}.dma-reset-btn{width:100%;padding:12px;background:#ffffff0d;border:none;border-radius:12px;color:#ffffffb3;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .2s}.dma-reset-btn:hover{background:#ffffff1a}.dma-reset-btn svg{width:14px;height:14px}.dma-success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;height:100%}.dma-success-icon{width:80px;height:80px;border-radius:50%;background:var(--dma-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.dma-success-icon svg{width:40px;height:40px;color:#fff}.dma-success-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.dma-success-message{color:#fff9;font-size:13px;margin:0 0 20px}.dma-success-summary{background:#ffffff0d;border-radius:12px;padding:12px;width:100%;max-width:240px;margin-bottom:20px}.dma-success-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.dma-success-row span:first-child{color:#ffffff80;font-size:12px}.dma-success-row span:last-child{color:#fff;font-size:12px;font-weight:600}.dma-success-price{color:#a855f7!important}.dma-success-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:240px}.dma-success-btn{width:100%;padding:14px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s}.dma-success-btn.dma-primary{background:var(--dma-gradient);color:#fff}.dma-success-btn.dma-secondary{background:#ffffff1a;color:#fff}.dma-success-btn:hover{opacity:.9}.dma-feature-screen{height:100%;background:#0f0f1a;display:flex;flex-direction:column}.dma-screen-status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 4px;font-size:9px;color:#fff;font-weight:600}.dma-screen-battery{width:16px;height:8px;border:1px solid white;border-radius:2px;position:relative}.dma-screen-battery:before{content:"";position:absolute;left:2px;top:2px;width:60%;height:calc(100% - 4px);background:var(--dma-gradient);border-radius:1px}.dma-screen-auth{padding:20px 12px;text-align:center}.dma-screen-auth-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:var(--dma-gradient);display:flex;align-items:center;justify-content:center}.dma-screen-auth-icon svg{width:24px;height:24px;color:#fff}.dma-screen-auth h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 16px}.dma-screen-inputs{display:flex;flex-direction:column;gap:8px}.dma-screen-input{height:32px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;padding:0 10px;color:#ffffff80;font-size:10px}.dma-screen-btn{height:32px;background:var(--dma-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600}.dma-screen-payment{padding:20px 12px}.dma-screen-payment h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 12px}.dma-screen-card{background:var(--dma-gradient);border-radius:10px;padding:12px;margin-bottom:12px}.dma-screen-card-chip{width:28px;height:20px;background:linear-gradient(135deg,gold,#ffed4a);border-radius:4px;margin-bottom:16px}.dma-screen-card-number{color:#fff;font-size:11px;font-family:monospace}.dma-screen-pay-btn{height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1a1a2e;font-size:11px;font-weight:600}.dma-screen-chat{display:flex;flex-direction:column;height:100%;padding-top:20px}.dma-screen-chat h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 12px;padding:0 12px}.dma-screen-messages{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:6px}.dma-msg{padding:8px 12px;border-radius:12px;font-size:9px;max-width:75%}.dma-msg.dma-sent{background:var(--dma-gradient);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.dma-msg.dma-received{background:#ffffff1a;color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.dma-screen-chat-input{margin:12px;height:28px;background:#ffffff1a;border-radius:14px;display:flex;align-items:center;padding:0 12px;color:#ffffff80;font-size:9px}.dma-screen-notifications{padding:20px 12px}.dma-screen-notifications h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 12px}.dma-notif-list{display:flex;flex-direction:column;gap:6px}.dma-notif{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff1a;border-radius:10px}.dma-notif-icon{width:24px;height:24px;border-radius:50%;background:var(--dma-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dma-notif-icon svg{width:12px;height:12px;color:#fff}.dma-notif-text{flex:1}.dma-notif-text p{color:#fff;font-size:9px;margin:0}.dma-notif-text span{color:#ffffff80;font-size:8px}.dma-screen-map{height:100%;position:relative;background:linear-gradient(135deg,#10b9811a,#3b82f61a)}.dma-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:15px 15px}.dma-map-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--dma-gradient);display:flex;align-items:center;justify-content:center}.dma-map-marker svg{width:12px;height:12px;color:#fff}.dma-map-info{position:absolute;bottom:12px;left:12px;right:12px;background:#1a1a2ef2;border-radius:8px;padding:8px}.dma-map-info p{color:#fff;font-size:10px;font-weight:600;margin:0}.dma-map-info span{color:#ffffff80;font-size:8px}.dma-screen-analytics{padding:20px 12px}.dma-screen-analytics h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 12px}.dma-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;height:64px;background:#ffffff0d;border-radius:8px;padding:8px;margin-bottom:12px}.dma-chart-bar{flex:1;background:var(--dma-gradient);border-radius:4px 4px 0 0}.dma-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dma-stat-box{background:#ffffff0d;border-radius:8px;padding:8px;text-align:center}.dma-stat-box p{color:#a855f7;font-size:14px;font-weight:700;margin:0}.dma-stat-box span{color:#ffffff80;font-size:8px}.dma-screen-default{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center}.dma-screen-default-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.dma-screen-default-icon svg{width:28px;height:28px;color:#fff}.dma-screen-default h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 6px}.dma-screen-default p{color:#fff9;font-size:10px;margin:0}.dma-confetti-wrapper{position:absolute;left:50%;bottom:35%;width:0;height:0;pointer-events:none;z-index:1000}.dma-confetti-piece{position:absolute;width:var(--size, 10px);height:var(--size, 10px);border-radius:3px;opacity:0;transform-origin:center;animation:dma-confetti-fly var(--duration, 2s) cubic-bezier(.25,.1,.25,1) forwards;animation-delay:var(--delay, 0s)}.dma-confetti-piece:nth-child(3n){border-radius:50%;width:calc(var(--size, 10px) * .8);height:calc(var(--size, 10px) * 1.4)}.dma-confetti-piece:nth-child(3n+1){border-radius:2px;width:calc(var(--size, 10px) * 1.2);height:calc(var(--size, 10px) * .6)}.dma-confetti-piece:nth-child(5n){border-radius:0;transform:rotate(45deg)}@keyframes dma-confetti-fly{0%{opacity:1;transform:translate(0) rotate(0) scale(0)}10%{opacity:1;transform:translate(calc(var(--end-x) * .3),calc(var(--end-y) * .3)) rotate(calc(var(--rotation) * .2)) scale(1.2)}40%{opacity:1;transform:translate(var(--end-x),var(--end-y)) rotate(calc(var(--rotation) * .6)) scale(1)}to{opacity:0;transform:translate(var(--end-x),calc(var(--end-y) + 300px)) rotate(var(--rotation)) scale(.5)}}:root{--mma-iphone-width: min(375px, 90vw);--mma-max-height: calc(100svh - 40px) ;--mma-iphone-height: min(calc(var(--mma-iphone-width) * 2.16), var(--mma-max-height));--mma-border-radius: calc(var(--mma-iphone-width) * .14);--mma-bezel: calc(var(--mma-iphone-width) * .025);--mma-dynamic-island-width: calc(var(--mma-iphone-width) * .32);--mma-dynamic-island-height: calc(var(--mma-iphone-width) * .095);--mma-primary: #8b5cf6;--mma-primary-dark: #7c3aed;--mma-secondary: #ec4899;--mma-gradient: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%)}@supports not (height: 100svh){:root{--mma-max-height: calc(100vh - 40px) ;--mma-max-height: calc(var(--mma-max-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.mma-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#3d1f5c);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mma-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}body.mma-modal-open>*:not(.mma-overlay){visibility:hidden!important}body.mma-modal-open .mma-overlay{visibility:visible!important}.mma-iphone-container{position:relative}.mma-iphone-frame{position:relative;width:var(--mma-iphone-width);height:var(--mma-iphone-height);background:linear-gradient(145deg,#2d1b4e,#1a0a2e,#3d1f5c);border-radius:var(--mma-border-radius);padding:var(--mma-bezel);box-shadow:0 0 0 1px #8b5cf626,0 25px 50px -12px #000c,0 0 100px #8b5cf626,inset 0 1px #8b5cf61a}.mma-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#8b5cf633,#ec48990d,#0000001a,#ec48990d,#8b5cf626);border-radius:calc(var(--mma-border-radius) + 1px);z-index:-1}.mma-side-button{position:absolute;background:linear-gradient(90deg,#2d1b4e,#1a0a2e,#2d1b4e);border-radius:2px}.mma-silent-switch{left:-3px;top:12%;width:3px;height:calc(var(--mma-iphone-width) * .04)}.mma-volume-up{left:-3px;top:18%;width:3px;height:calc(var(--mma-iphone-width) * .08)}.mma-volume-down{left:-3px;top:26%;width:3px;height:calc(var(--mma-iphone-width) * .08)}.mma-power-button{right:-3px;top:22%;width:3px;height:calc(var(--mma-iphone-width) * .12)}.mma-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mma-border-radius) - var(--mma-bezel));overflow:hidden;position:relative}.mma-dynamic-island{position:absolute;top:calc(var(--mma-iphone-width) * .035);left:50%;transform:translate(-50%);width:var(--mma-dynamic-island-width);height:var(--mma-dynamic-island-height);background:#000;border-radius:calc(var(--mma-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mma-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:inherit}.mma-dynamic-island.mma-di-state-collapsed{width:var(--mma-dynamic-island-width);height:var(--mma-dynamic-island-height)}.mma-dynamic-island.mma-di-state-compact{width:180px;height:42px;border-radius:21px}.mma-dynamic-island.mma-di-state-expanded{width:280px;height:75px;border-radius:30px}.mma-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;opacity:1;transition:opacity .2s ease}.mma-dynamic-island.mma-di-state-compact .mma-di-collapsed-content,.mma-dynamic-island.mma-di-state-expanded .mma-di-collapsed-content{opacity:0;pointer-events:none;position:absolute}.mma-di-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a2e,#0a0a0e);border-radius:50%;border:1.5px solid #1a1a2e;box-shadow:inset 0 0 3px #000c}.mma-di-sensor{width:6px;height:6px;background:radial-gradient(circle,#0f1a2e,#050a15);border-radius:50%}.mma-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 12px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mma-dynamic-island.mma-di-state-compact .mma-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto}.mma-dynamic-island.mma-di-state-expanded .mma-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mma-di-compact-left{display:flex;align-items:center;gap:8px}.mma-di-compact-album{width:28px;height:28px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #8b5cf64d;flex-shrink:0}.mma-di-compact-album .mma-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mma-di-compact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mma-di-compact-title{color:#fff;font-size:10px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mma-di-compact-artist{color:#ffffff8c;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.mma-di-compact-waves{display:flex;align-items:center;gap:2px;height:20px}.mma-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 16px;opacity:0;transform:scale(.9);transition:opacity .2s ease .1s,transform .2s ease .1s;position:absolute;pointer-events:none}.mma-dynamic-island.mma-di-state-expanded .mma-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto}.mma-dynamic-island.mma-di-state-compact .mma-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mma-dynamic-island.mma-di-state-collapsed .mma-di-expanded-content,.mma-dynamic-island.mma-di-state-collapsed .mma-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.mma-di-music-left{display:flex;align-items:center;gap:12px}.mma-di-album{width:48px;height:48px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #8b5cf666;flex-shrink:0}.mma-di-album .mma-di-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mma-di-track-info{display:flex;flex-direction:column;gap:2px}.mma-di-track-info h4{color:#fff;font-size:13px;font-weight:600;margin:0;letter-spacing:-.3px}.mma-di-track-info p{color:#fff9;font-size:11px;margin:0}.mma-di-music-right{display:flex;align-items:center;gap:3px;height:30px}.mma-di-wave-bar{width:3px;height:100%;background:var(--mma-gradient);border-radius:2px;animation:mma-waveAnimation .8s ease-in-out infinite}.mma-di-wave-bar:nth-child(1){animation-delay:0s;height:60%}.mma-di-wave-bar:nth-child(2){animation-delay:.1s;height:100%}.mma-di-wave-bar:nth-child(3){animation-delay:.2s;height:40%}.mma-di-wave-bar:nth-child(4){animation-delay:.3s;height:80%}.mma-di-wave-bar:nth-child(5){animation-delay:.4s;height:50%}@keyframes mma-waveAnimation{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mma-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(236,72,153,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(124,58,237,.3) 0%,transparent 50%),linear-gradient(180deg,#1a0a2e,#2d1b4e)}.mma-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mma-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mma-iphone-width) * .045) calc(var(--mma-iphone-width) * .07) 0;color:#fff;font-size:14px;font-weight:600;z-index:50}.mma-status-left{display:flex;align-items:center}.mma-status-right{display:flex;align-items:center;gap:5px}.mma-signal-bars{display:flex;gap:1.5px;align-items:flex-end;height:12px}.mma-signal-bars span{width:3px;background:#fff;border-radius:1px}.mma-signal-bars span:nth-child(1){height:25%}.mma-signal-bars span:nth-child(2){height:50%}.mma-signal-bars span:nth-child(3){height:75%}.mma-signal-bars span:nth-child(4){height:100%}.mma-5g{font-size:12px;margin-left:2px}.mma-battery{display:flex;align-items:center;gap:2px}.mma-battery-body{width:24px;height:11px;border:1.5px solid white;border-radius:3px;padding:1.5px;position:relative}.mma-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mma-battery-level{height:100%;width:80%;background:var(--mma-gradient);border-radius:1.5px}.mma-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mma-home-screen.mma-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mma-time-widget{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mma-time{font-size:calc(var(--mma-iphone-width) * .2);font-weight:200;letter-spacing:-2px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.mma-date{font-size:calc(var(--mma-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:5px}.mma-widgets-container{position:absolute;bottom:28%;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.mma-widget{width:calc(var(--mma-iphone-width) * .42);height:calc(var(--mma-iphone-width) * .42);background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.1)}.mma-widget-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:8px}.mma-widget-icon{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px}.mma-weather-icon{background:transparent}.mma-music-icon{background:transparent;border-radius:5px;overflow:hidden}.mma-widget-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mma-weather-temp{font-size:36px;font-weight:300}.mma-weather-desc{font-size:13px;opacity:.8;margin-top:4px}.mma-music-playing{display:flex;align-items:center;gap:10px}.mma-music-album{width:50px;height:50px;border-radius:10px;overflow:hidden}.mma-album-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mma-music-info h4{font-size:13px;font-weight:600}.mma-music-info p{font-size:11px;opacity:.7}.mma-dock{position:absolute;bottom:calc(var(--mma-iphone-width) * .055);left:50%;transform:translate(-50%);display:flex;gap:18px;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;border:1px solid rgba(255,255,255,.1);z-index:50}.mma-dock-icon{width:calc(var(--mma-iphone-width) * .14);height:calc(var(--mma-iphone-width) * .14);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s ease;cursor:pointer}.mma-dock-icon:active{transform:scale(.9)}.mma-network-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px}.mma-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px;cursor:pointer}.mma-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mma-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mma-close-icon .mma-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mma-app-icon{background:var(--mma-gradient);position:relative}.mma-app-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--mma-gradient);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #8b5cf666;animation:mma-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mma-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ec4899}.mma-app-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mma-fingerPoint 1s ease-in-out infinite}.mma-close-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #ff3b3066;animation:mma-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mma-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mma-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mma-fingerPoint 1s ease-in-out infinite}@keyframes mma-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mma-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mma-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#8b5cf666;animation:mma-pulseRing 1.5s ease-out infinite;z-index:-1}.mma-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ec489933;animation:mma-pulseRing 1.5s ease-out infinite .3s;z-index:-2}.mma-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:#ff3b3066;animation:mma-closePulseRing 1.5s ease-out infinite;z-index:-1}.mma-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:#ff3b3033;animation:mma-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mma-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes mma-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mma-home-indicator{position:absolute;bottom:calc(var(--mma-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--mma-iphone-width) * .36);height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer}.mma-screen-reflection{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:200}.mma-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);z-index:90;display:none;flex-direction:column;border-radius:calc(var(--mma-border-radius) - var(--mma-bezel));animation:mma-appOpen .3s ease;overflow:hidden}.mma-app.mma-active{display:flex}@keyframes mma-appOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mma-app-header{position:relative;flex-shrink:0;z-index:50;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding-top:calc(var(--mma-iphone-width) * .14);padding-left:12px;padding-right:12px;padding-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mma-app-back-btn{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:12px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;overflow:visible}.mma-app-back-btn:active{background:#ffffff26}.mma-icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mma-app-back-btn .mma-icon-wrapper{width:32px;height:32px}.mma-app-back-btn .mma-icon-wrapper svg,.mma-app-back-btn svg,.mma-app-back-btn svg[class*=arrow],.mma-app-back-btn svg[class*=lucide]{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;color:#fff!important;stroke-width:2.5!important;flex-shrink:0!important}.mma-app-back-placeholder{width:48px;height:48px;min-width:48px;min-height:48px;flex-shrink:0}.mma-app-header-title{flex:1;text-align:center;font-size:16px;font-weight:600;color:#fff;letter-spacing:-.3px}.mma-app-close-btn{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:12px;background:#ff3b3033;border:1px solid rgba(255,59,48,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;overflow:visible}.mma-app-close-btn:active{background:#ff3b3066}.mma-app-close-btn .mma-icon-wrapper{width:28px;height:28px}.mma-app-close-btn .mma-icon-wrapper svg,.mma-app-close-btn svg{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;color:#ff5f57!important;stroke-width:2.5!important;flex-shrink:0!important}.mma-app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.mma-app-content::-webkit-scrollbar{display:none}.mma-stage-content{padding:20px 16px;display:flex;flex-direction:column;min-height:100%}.mma-stage-header{text-align:center;margin-bottom:24px}.mma-stage-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:16px;background:var(--mma-gradient);display:flex;align-items:center;justify-content:center}.mma-stage-icon svg{width:28px;height:28px;color:#fff}.mma-stage-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.mma-stage-desc{font-size:13px;color:#fff9;margin:0}.mma-stage-hint{font-size:11px;color:#ffffff80;text-align:center;margin-top:16px}.mma-app-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mma-app-type-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .2s ease}.mma-app-type-card:active{transform:scale(.98)}.mma-app-type-card.mma-selected{background:#8b5cf626;border-color:#8b5cf680}.mma-app-type-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.mma-app-type-icon svg{width:24px;height:24px;color:#fff}.mma-app-type-name{font-size:13px;font-weight:600;color:#fff}.mma-features-stage{padding-top:12px}.mma-features-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.mma-back-btn{width:36px;height:36px;border-radius:10px;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mma-back-btn:active{background:#ffffff26}.mma-back-btn svg{width:18px;height:18px;color:#fff}.mma-features-header-text{flex:1}.mma-features-header-text .mma-stage-title{font-size:18px;margin-bottom:2px;text-align:left}.mma-features-count{font-size:13px;font-weight:600;color:#a78bfa;margin:0}.mma-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:16px}.mma-progress-fill{height:100%;background:var(--mma-gradient);border-radius:2px;transition:width .3s ease}.mma-features-grid{display:flex;flex-direction:column;gap:8px;flex:1;margin-bottom:16px}.mma-feature-card{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.mma-feature-card:active{transform:scale(.99)}.mma-feature-card.mma-selected{background:#8b5cf626;border-color:#8b5cf680}.mma-feature-card.mma-disabled{opacity:.4;pointer-events:none}.mma-feature-icon{width:36px;height:36px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mma-feature-icon.mma-active{background:var(--mma-gradient)}.mma-feature-icon svg{width:18px;height:18px;color:#fff}.mma-feature-info{flex:1;min-width:0}.mma-feature-name{font-size:13px;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mma-feature-check{width:24px;height:24px;border-radius:50%;background:var(--mma-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mma-feature-check svg{width:14px;height:14px;color:#fff}.mma-features-bottom{margin-top:auto;padding-top:12px}.mma-continue-btn{width:100%;padding:14px;background:var(--mma-gradient);border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mma-continue-btn:active{opacity:.9}.mma-continue-btn.mma-disabled{opacity:.4;pointer-events:none}.mma-continue-btn svg{width:18px;height:18px}.mma-preview-stage{padding-top:12px}.mma-preview-header{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.mma-preview-app-name{font-size:13px;font-weight:600;color:#a78bfa;margin:0;text-align:center}.mma-preview-content{flex:1;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.mma-mini-iphone-container{position:relative;display:flex;justify-content:center;padding:0 30px}.mma-mini-iphone{width:140px;height:280px;background:linear-gradient(145deg,#1a1a2e,#0d0d15);border-radius:24px;padding:8px;position:relative;box-shadow:0 10px 40px #00000080}.mma-mini-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:50px;height:16px;background:#000;border-radius:8px;z-index:10}.mma-mini-screen{width:100%;height:100%;background:#0a0a0f;border-radius:18px;overflow:hidden;position:relative}.mma-mini-dots{position:absolute;bottom:3px;left:50%;transform:translate(-50%);display:flex;gap:1.5px;z-index:10}.mma-mini-dot{width:4px;height:4px;min-width:4px;min-height:4px;max-width:4px;max-height:4px;border-radius:50%;background:#ffffff4d;border:none;padding:0;cursor:pointer}.mma-mini-dot.mma-active{background:#fff}.mma-mini-home-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#ffffff4d;border-radius:2px}.mma-preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mma-preview-nav:disabled{opacity:.3;pointer-events:none}.mma-preview-nav svg,.mma-preview-nav svg[class*=chevron],.mma-preview-nav svg[class*=lucide]{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;color:#fff!important;flex-shrink:0}.mma-preview-nav.mma-prev{left:0}.mma-preview-nav.mma-next{right:0}.mma-summary-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px}.mma-summary-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;margin:0 0 12px}.mma-summary-title svg{width:16px;height:16px;color:#a78bfa}.mma-summary-features{display:flex;flex-wrap:wrap;gap:8px}.mma-summary-feature{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#8b5cf626;border-radius:8px;font-size:11px;color:#c4b5fd}.mma-summary-feature svg{width:12px;height:12px}.mma-pricing-card{background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:12px}.mma-pricing-info{display:flex;align-items:center;gap:8px;color:#fff;font-size:11px;font-weight:500;text-align:center;line-height:1.4}.mma-pricing-info svg{width:16px;height:16px;flex-shrink:0;color:#a78bfa}.mma-preview-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.mma-quote-btn{width:100%;padding:14px;background:var(--mma-gradient);border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mma-quote-btn:active{opacity:.9}.mma-quote-btn svg{width:18px;height:18px}.mma-reset-btn{width:100%;padding:12px;background:#ffffff1a;border:none;border-radius:12px;font-size:13px;font-weight:500;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mma-reset-btn:active{background:#ffffff26}.mma-reset-btn svg{width:16px;height:16px}.mma-success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:100%}.mma-success-icon{width:80px;height:80px;border-radius:50%;background:var(--mma-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:mma-successPop .5s cubic-bezier(.68,-.55,.265,1.55)}.mma-success-icon svg{width:40px;height:40px;color:#fff}@keyframes mma-successPop{0%{transform:scale(0)}to{transform:scale(1)}}.mma-success-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}.mma-success-message{font-size:14px;color:#fff9;margin:0 0 24px;line-height:1.5}.mma-success-summary{width:100%;max-width:220px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;margin-bottom:24px}.mma-success-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.mma-success-row:last-child{border-bottom:none}.mma-success-row span:first-child{color:#fff9;font-size:12px}.mma-success-row span:last-child{color:#fff;font-size:12px;font-weight:600}.mma-success-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:220px}.mma-success-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}.mma-success-btn.mma-primary{background:var(--mma-gradient);color:#fff}.mma-success-btn.mma-secondary{background:#ffffff1a;color:#fff}.mma-success-btn:active{opacity:.9}.mma-feature-screen{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a0a2e,#0d0d15)}.mma-screen-status-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 12px 6px;font-size:9px;font-weight:600;color:#fff}.mma-screen-battery{width:16px;height:7px;border:1px solid white;border-radius:2px;position:relative}.mma-screen-battery:after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:1px;height:3px;background:#fff}.mma-screen-battery:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--mma-gradient);border-radius:1px}.mma-screen-auth{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:8px}.mma-screen-auth-icon{width:36px;height:36px;border-radius:50%;background:var(--mma-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.mma-screen-auth-icon svg{width:18px;height:18px;color:#fff}.mma-screen-auth h3{font-size:12px;font-weight:600;color:#fff;margin:0}.mma-screen-inputs{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:8px}.mma-screen-input{padding:8px;background:#ffffff1a;border-radius:6px;font-size:9px;color:#ffffff80}.mma-screen-btn{padding:8px;background:var(--mma-gradient);border-radius:6px;font-size:10px;font-weight:600;color:#fff;text-align:center;margin-top:4px}.mma-screen-payment{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:10px}.mma-screen-payment h3{font-size:12px;font-weight:600;color:#fff;margin:0}.mma-screen-card{width:100%;height:60px;background:linear-gradient(135deg,#2d1b4e,#1a0a2e);border-radius:8px;padding:10px;position:relative}.mma-screen-card-chip{width:16px;height:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:2px}.mma-screen-card-number{position:absolute;bottom:10px;left:10px;font-size:10px;font-weight:500;color:#fff;letter-spacing:1px}.mma-screen-pay-btn{width:100%;padding:8px;background:var(--mma-gradient);border-radius:6px;font-size:10px;font-weight:600;color:#fff;text-align:center}.mma-screen-chat{flex:1;display:flex;flex-direction:column;padding:8px}.mma-screen-chat h3{font-size:11px;font-weight:600;color:#fff;margin:0 0 8px;text-align:center}.mma-screen-messages{flex:1;display:flex;flex-direction:column;gap:4px}.mma-msg{max-width:70%;padding:6px 10px;border-radius:10px;font-size:9px;color:#fff}.mma-msg.mma-sent{align-self:flex-end;background:var(--mma-gradient);border-bottom-right-radius:4px}.mma-msg.mma-received{align-self:flex-start;background:#ffffff26;border-bottom-left-radius:4px}.mma-screen-chat-input{padding:8px 10px;background:#ffffff1a;border-radius:14px;font-size:9px;color:#ffffff80;margin-top:8px}.mma-screen-notifications{flex:1;display:flex;flex-direction:column;padding:8px}.mma-screen-notifications h3{font-size:11px;font-weight:600;color:#fff;margin:0 0 10px;text-align:center}.mma-notif-list{display:flex;flex-direction:column;gap:6px}.mma-notif{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff1a;border-radius:8px}.mma-notif-icon{width:24px;height:24px;border-radius:6px;background:var(--mma-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mma-notif-icon svg{width:12px;height:12px;color:#fff}.mma-notif-text{flex:1;display:flex;justify-content:space-between;align-items:center}.mma-notif-text p{font-size:9px;color:#fff;margin:0}.mma-notif-text span{font-size:8px;color:#ffffff80}.mma-screen-map{flex:1;position:relative;background:linear-gradient(180deg,#1a2e3d,#0f1a25)}.mma-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.mma-map-marker{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:var(--mma-gradient);border-radius:50% 50% 50% 0;transform:translate(-50%,-50%) rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #8b5cf666}.mma-map-marker svg{width:14px;height:14px;color:#fff;transform:rotate(45deg)}.mma-map-info{position:absolute;bottom:10px;left:10px;right:10px;background:#000c;border-radius:8px;padding:8px}.mma-map-info p{font-size:10px;font-weight:600;color:#fff;margin:0}.mma-map-info span{font-size:9px;color:#fff9}.mma-screen-analytics{flex:1;display:flex;flex-direction:column;padding:8px}.mma-screen-analytics h3{font-size:11px;font-weight:600;color:#fff;margin:0 0 10px;text-align:center}.mma-chart{flex:1;display:flex;align-items:flex-end;justify-content:space-around;padding:10px 0}.mma-chart-bar{width:10px;background:var(--mma-gradient);border-radius:4px 4px 0 0;transition:height .3s ease}.mma-stats-row{display:flex;gap:8px}.mma-stat-box{flex:1;background:#ffffff1a;border-radius:8px;padding:8px;text-align:center}.mma-stat-box p{font-size:14px;font-weight:700;color:#a78bfa;margin:0}.mma-stat-box span{font-size:8px;color:#fff9}.mma-screen-default{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center}.mma-screen-default-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.mma-screen-default-icon svg{width:24px;height:24px;color:#fff}.mma-screen-default h3{font-size:12px;font-weight:600;color:#fff;margin:0 0 4px}.mma-screen-default p{font-size:9px;color:#fff9;margin:0;line-height:1.4}.mma-volume-hud{position:absolute;top:220px;left:50%;transform:translate(-50%) translateY(-20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mma-volume-hud.mma-volume-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.mma-volume-hud-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e23d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:14px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;min-width:220px;position:relative}.mma-volume-hud-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mma-volume-hud-icon svg{width:18px;height:18px;fill:#fff;opacity:.9}.mma-volume-hud-slider{position:relative;flex:1;height:24px;display:flex;align-items:center}.mma-volume-hud-track{position:absolute;width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mma-volume-hud-fill{position:absolute;left:0;top:0;height:100%;background:var(--mma-gradient);border-radius:3px;transition:width .1s ease}.mma-volume-hud-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;z-index:10}.mma-volume-hud-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;cursor:pointer}.mma-volume-hud-input::-moz-range-thumb{width:24px;height:24px;cursor:pointer;border:none;background:transparent}.mma-volume-hud-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#8b5cf633,#ec489933);opacity:0;animation:mma-volumeHudPulse 2s ease-in-out infinite;z-index:-1}@keyframes mma-volumeHudPulse{0%,to{opacity:0}50%{opacity:1}}.mma-confetti-wrapper{position:absolute;left:50%;bottom:35%;width:0;height:0;pointer-events:none;z-index:1000}.mma-confetti-piece{position:absolute;width:var(--size, 8px);height:var(--size, 8px);border-radius:2px;opacity:0;transform-origin:center;animation:mma-confetti-fly var(--duration, 1.8s) cubic-bezier(.25,.1,.25,1) forwards;animation-delay:var(--delay, 0s)}.mma-confetti-piece:nth-child(3n){border-radius:50%;width:calc(var(--size, 8px) * .8);height:calc(var(--size, 8px) * 1.4)}.mma-confetti-piece:nth-child(3n+1){border-radius:1px;width:calc(var(--size, 8px) * 1.2);height:calc(var(--size, 8px) * .6)}.mma-confetti-piece:nth-child(5n){border-radius:0;transform:rotate(45deg)}@keyframes mma-confetti-fly{0%{opacity:1;transform:translate(0) rotate(0) scale(0)}10%{opacity:1;transform:translate(calc(var(--end-x) * .3),calc(var(--end-y) * .3)) rotate(calc(var(--rotation) * .2)) scale(1.2)}40%{opacity:1;transform:translate(var(--end-x),var(--end-y)) rotate(calc(var(--rotation) * .6)) scale(1)}to{opacity:0;transform:translate(var(--end-x),calc(var(--end-y) + 200px)) rotate(var(--rotation)) scale(.5)}}:root{--diot-iphone-width: 390px;--diot-iphone-height: 844px;--diot-border-radius: 55px;--diot-bezel: 10px;--diot-dynamic-island-width: 125px;--diot-dynamic-island-height: 37px;--diot-primary: #14b8a6;--diot-primary-dark: #0d9488;--diot-secondary: #06b6d4;--diot-gradient: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%)}.diot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.diot-overlay.diot-visible{opacity:1}.diot-overlay.diot-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.diot-modal-open{overflow:hidden!important}.diot-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.diot-iphone-container.diot-visible{opacity:1;transform:scale(1) translateY(0)}.diot-iphone-container.diot-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.diot-iphone-frame{position:relative;width:var(--diot-iphone-width);height:var(--diot-iphone-height);background:linear-gradient(145deg,#0d3d3d,#0a2a2a,#0d3535);border-radius:var(--diot-border-radius);padding:var(--diot-bezel);box-shadow:0 0 0 1px #14b8a626,0 25px 80px -15px #000000b3,0 10px 40px -10px #06b6d433,inset 0 1px #14b8a61a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.diot-iphone-frame:hover{box-shadow:0 0 0 1px #14b8a640,0 30px 100px -15px #000c,0 15px 50px -10px #06b6d44d,inset 0 1px #14b8a626}.diot-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#14b8a633,#06b6d40d,#0000001a,#06b6d40d,#14b8a626);border-radius:calc(var(--diot-border-radius) + 1px);z-index:-1}.diot-side-button{position:absolute;background:linear-gradient(90deg,#0d3d3d,#0a2a2a,#0d3d3d);border-radius:2px;transition:background .2s ease}.diot-side-button:hover{background:linear-gradient(90deg,#1a4d4d,#0d3535,#1a4d4d)}.diot-silent-switch{left:-4px;top:100px;width:4px;height:35px}.diot-volume-up{left:-4px;top:160px;width:4px;height:65px}.diot-volume-down{left:-4px;top:235px;width:4px;height:65px}.diot-power-button{right:-4px;top:180px;width:4px;height:100px}.diot-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--diot-border-radius) - var(--diot-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.diot-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#051515,#0d3535 30%,#0f4040,#0d3535 70%,#051515)}.diot-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(20,184,166,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(6,182,212,.2) 0%,transparent 40%)}.diot-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.diot-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--diot-dynamic-island-width);height:var(--diot-dynamic-island-height);background:#000;border-radius:calc(var(--diot-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.diot-dynamic-island.diot-di-state-collapsed:hover{width:140px;height:40px}.diot-dynamic-island.diot-di-state-compact{width:200px;height:50px;border-radius:25px}.diot-dynamic-island.diot-di-state-expanded{width:340px;height:90px;border-radius:40px}.diot-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.diot-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.diot-dynamic-island.diot-di-state-expanded .diot-di-collapsed-content,.diot-dynamic-island.diot-di-state-compact .diot-di-collapsed-content{opacity:0;pointer-events:none;position:absolute;transition:opacity .08s cubic-bezier(.4,0,.2,1)}.diot-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a3a3a,#050508);border-radius:50%;border:2px solid #1a2a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #14b8a64d}.diot-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a1a1a,#000005);border-radius:50%;box-shadow:0 0 2px #06b6d433}.diot-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.diot-dynamic-island.diot-di-state-expanded .diot-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .15s,transform .25s cubic-bezier(.4,0,.2,1) .15s}.diot-dynamic-island.diot-di-state-compact .diot-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.diot-dynamic-island.diot-di-state-collapsed .diot-di-expanded-content{opacity:0;transform:scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.diot-dynamic-island.diot-di-state-collapsed .diot-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.diot-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.diot-dynamic-island.diot-di-state-compact .diot-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .15s,transform .25s cubic-bezier(.4,0,.2,1) .15s}.diot-dynamic-island.diot-di-state-expanded .diot-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.diot-dynamic-island.diot-di-state-collapsed .diot-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.diot-di-compact-left{display:flex;align-items:center;gap:10px}.diot-di-compact-icon{width:32px;height:32px;border-radius:8px;background:var(--diot-gradient);display:flex;align-items:center;justify-content:center}.diot-di-compact-icon svg{width:16px;height:16px;color:#fff}.diot-di-compact-info{display:flex;flex-direction:column;gap:1px}.diot-di-compact-title{font-size:12px;font-weight:600;color:#fff;line-height:1.2}.diot-di-compact-subtitle{font-size:10px;color:#ffffff80;line-height:1.2}.diot-di-compact-right{display:flex;align-items:center}.diot-di-compact-temp{font-size:18px;font-weight:600;color:#14b8a6}.diot-di-status-left{display:flex;align-items:center;gap:12px}.diot-di-status-icon{width:44px;height:44px;border-radius:12px;background:var(--diot-gradient);display:flex;align-items:center;justify-content:center}.diot-di-status-icon svg{width:22px;height:22px;color:#fff}.diot-di-status-info{color:#fff}.diot-di-status-info h4{font-size:13px;font-weight:600;margin:0 0 2px;letter-spacing:-.3px}.diot-di-status-info p{font-size:11px;color:#fff9;font-weight:400;margin:0}.diot-di-status-right{display:flex;align-items:center;gap:8px}.diot-di-sensor-badge{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:#ffffff1a;border-radius:10px}.diot-di-sensor-badge span{font-size:12px;font-weight:700;color:#fff}.diot-di-sensor-badge small{font-size:8px;color:#ffffff80;text-transform:uppercase}.diot-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.diot-status-left{display:flex;align-items:center}.diot-status-right{display:flex;align-items:center;gap:6px}.diot-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.diot-signal-bars span{width:4px;background:#fff;border-radius:1px}.diot-signal-bars span:nth-child(1){height:25%}.diot-signal-bars span:nth-child(2){height:50%}.diot-signal-bars span:nth-child(3){height:75%}.diot-signal-bars span:nth-child(4){height:100%}.diot-wifi-icon{margin-left:4px}.diot-wifi-icon svg{width:16px;height:16px}.diot-battery{display:flex;align-items:center;gap:3px}.diot-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.diot-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.diot-battery-level{height:100%;width:80%;background:var(--diot-gradient);border-radius:2px}.diot-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.diot-home-screen.diot-hidden{opacity:0;transform:scale(.95);pointer-events:none}.diot-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.diot-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.diot-time:hover{transform:scale(1.02)}.diot-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.diot-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.diot-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease;overflow:hidden}.diot-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.diot-widget-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;opacity:.9;margin-bottom:8px}.diot-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.diot-widget-icon svg{width:16px;height:16px;color:#14b8a6}.diot-sensor-widget-content{display:flex;flex-direction:column;gap:8px}.diot-sensor-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.diot-sensor-row-left{display:flex;align-items:center;gap:8px}.diot-sensor-row-left svg{width:14px;height:14px}.diot-sensor-row span{font-size:12px;color:#ffffffb3}.diot-sensor-row strong{font-size:14px;font-weight:600}.diot-devices-widget-content{display:flex;flex-direction:column;gap:6px}.diot-device-count{font-size:32px;font-weight:300;line-height:1}.diot-device-count span{font-size:12px;color:#fff9}.diot-device-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.diot-device-mini{width:100%;aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.diot-device-mini.diot-active{background:var(--diot-gradient)}.diot-device-mini.diot-inactive{background:#ffffff1a}.diot-device-mini svg{width:14px;height:14px;color:#fff}.diot-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.diot-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.diot-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.diot-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.diot-dock-hover:active{transform:scale(.95)}.diot-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.diot-close-icon .diot-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.diot-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:diot-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.diot-close-icon:hover .diot-close-tooltip{opacity:1}.diot-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.diot-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:diot-closePulseRing 1.5s ease-out infinite;z-index:-1}.diot-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:diot-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes diot-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.diot-contact-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.diot-contact-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:diot-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.diot-contact-icon:hover .diot-contact-tooltip{opacity:1}.diot-contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.diot-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.diot-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.diot-app-icon{background:var(--diot-gradient);position:relative}.diot-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--diot-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #14b8a680;animation:diot-tooltipBounce 2s ease-in-out infinite;z-index:1000}.diot-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--diot-primary-dark)}@keyframes diot-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.diot-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#14b8a666,#06b6d466);animation:diot-pulseRing 1.5s ease-out infinite;z-index:-1}.diot-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#14b8a633,#06b6d433);animation:diot-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes diot-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.diot-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.diot-home-indicator:hover{background:#ffffffe6;width:150px}.diot-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.diot-iphone-container.diot-visible .diot-hint{opacity:1;animation:diot-hintPulse 2s ease-in-out infinite}.diot-iphone-container.diot-closing .diot-hint{opacity:0;transition:opacity .2s ease}@keyframes diot-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.diot-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);border-radius:calc(var(--diot-border-radius) - var(--diot-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.diot-app.diot-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.diot-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y}.diot-iot-app{height:100%;background:#0a0a0f;overflow:auto}.diot-iot-header{padding:60px 16px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.diot-iot-header-top{display:flex;align-items:center;justify-content:space-between}.diot-iot-header-left{display:flex;align-items:center;gap:10px}.diot-iot-logo{width:36px;height:36px;border-radius:10px;background:var(--diot-gradient);display:flex;align-items:center;justify-content:center}.diot-iot-logo svg{width:18px;height:18px;color:#fff}.diot-iot-header-text h1{color:#fff;font-size:15px;font-weight:700;margin:0}.diot-iot-header-text p{color:#ffffff80;font-size:11px;margin:0}.diot-iot-settings-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.diot-iot-settings-btn:hover{background:#ffffff1a}.diot-iot-settings-btn svg{width:18px;height:18px;color:#fff9}.diot-iot-tabs{display:flex;gap:4px;margin-top:14px}.diot-iot-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:none;background:transparent;color:#ffffff80;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.diot-iot-tab:hover{background:#ffffff0d}.diot-iot-tab.diot-active{background:#14b8a633;color:#14b8a6}.diot-iot-tab svg{width:14px;height:14px}.diot-iot-content{padding:16px;overflow-y:auto;flex:1}.diot-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.diot-stat-card{padding:12px;background:#ffffff0d;border-radius:12px;text-align:center}.diot-stat-card.diot-highlight{background:#14b8a633}.diot-stat-card svg{width:16px;height:16px;margin:0 auto 6px}.diot-stat-card p{color:#fff;font-size:16px;font-weight:700;margin:0}.diot-stat-card span{color:#ffffff80;font-size:10px}.diot-section-title{color:#fff;font-size:13px;font-weight:600;margin:0 0 12px}.diot-device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.diot-device-card{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:all .2s}.diot-device-card.diot-on{background:#14b8a633;border-color:#14b8a680}.diot-device-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.diot-device-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}.diot-device-card.diot-on .diot-device-icon{background:#14b8a6}.diot-device-card:not(.diot-on) .diot-device-icon{background:#ffffff1a}.diot-device-icon svg{width:16px;height:16px;color:#fff}.diot-device-card:not(.diot-on) .diot-device-icon svg{color:#ffffff80}.diot-toggle{width:42px;height:24px;border-radius:12px;position:relative;cursor:pointer;transition:background .2s;border:none;padding:0}.diot-toggle.diot-on{background:#14b8a6}.diot-toggle:not(.diot-on){background:#fff3}.diot-toggle-knob{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.diot-toggle.diot-on .diot-toggle-knob{left:20px}.diot-toggle:not(.diot-on) .diot-toggle-knob{left:2px}.diot-device-name{color:#fff;font-size:12px;font-weight:600;margin:0}.diot-device-room{color:#fff6;font-size:10px;margin:0}.diot-gauges-row{display:flex;justify-content:space-around;margin-bottom:20px}.diot-gauge{display:flex;flex-direction:column;align-items:center}.diot-gauge-circle{position:relative;width:80px;height:80px}.diot-gauge-circle svg{transform:rotate(-90deg)}.diot-gauge-bg{stroke:#ffffff1a}.diot-gauge-fill{transition:stroke-dashoffset 1s ease-out}.diot-gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.diot-gauge-center svg{width:14px;height:14px;margin-bottom:2px}.diot-gauge-center span{color:#fff;font-size:14px;font-weight:700}.diot-gauge-label{color:#ffffff80;font-size:10px;margin-top:6px}.diot-live-data{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.diot-live-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0d;border-radius:10px}.diot-live-item-left{display:flex;align-items:center;gap:8px}.diot-live-dot{width:8px;height:8px;border-radius:50%;background:#14b8a6;animation:diot-pulse 2s ease-in-out infinite}@keyframes diot-pulse{0%,to{opacity:1}50%{opacity:.5}}.diot-live-item span{color:#ffffffb3;font-size:12px}.diot-live-item strong{color:#fff;font-size:12px;font-weight:600}.diot-energy-chart{height:80px;display:flex;align-items:flex-end;gap:6px}.diot-chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center}.diot-chart-bar{width:100%;background:var(--diot-gradient);border-radius:4px 4px 0 0}.diot-chart-label{color:#fff6;font-size:8px;margin-top:4px}.diot-alert-summary{display:flex;gap:8px;margin-bottom:16px}.diot-alert-box{flex:1;padding:12px;border-radius:12px;text-align:center}.diot-alert-box.diot-warning{background:#f59e0b33}.diot-alert-box.diot-success{background:#14b8a633}.diot-alert-box.diot-info{background:#3b82f633}.diot-alert-box svg{width:16px;height:16px;margin:0 auto 6px}.diot-alert-box.diot-warning svg{color:#f59e0b}.diot-alert-box.diot-success svg{color:#14b8a6}.diot-alert-box.diot-info svg{color:#3b82f6}.diot-alert-box p{color:#fff;font-size:16px;font-weight:700;margin:0}.diot-alert-box span{color:#ffffff80;font-size:10px}.diot-alert-list{display:flex;flex-direction:column;gap:8px}.diot-alert-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.diot-alert-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.diot-alert-icon.diot-warning{background:#f59e0b33}.diot-alert-icon.diot-success{background:#14b8a633}.diot-alert-icon.diot-info{background:#3b82f633}.diot-alert-icon svg{width:16px;height:16px}.diot-alert-icon.diot-warning svg{color:#f59e0b}.diot-alert-icon.diot-success svg{color:#14b8a6}.diot-alert-icon.diot-info svg{color:#3b82f6}.diot-alert-text{flex:1;min-width:0}.diot-alert-text p{color:#fff;font-size:12px;margin:0 0 2px}.diot-alert-text span{color:#fff6;font-size:10px}.diot-cta-btn{width:100%;margin-top:16px;padding:14px;background:var(--diot-gradient);border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.diot-cta-btn:hover{opacity:.9}.diot-cta-btn:active{transform:scale(.98)}:root{--miot-iphone-width: min(375px, 90vw);--miot-max-height: calc(100svh - 40px) ;--miot-iphone-height: min(calc(var(--miot-iphone-width) * 2.16), var(--miot-max-height));--miot-border-radius: calc(var(--miot-iphone-width) * .14);--miot-bezel: calc(var(--miot-iphone-width) * .025);--miot-dynamic-island-width: calc(var(--miot-iphone-width) * .32);--miot-dynamic-island-height: calc(var(--miot-iphone-width) * .095);--miot-primary: #14b8a6;--miot-primary-dark: #0d9488;--miot-secondary: #06b6d4;--miot-gradient: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%)}@supports not (height: 100svh){:root{--miot-max-height: calc(100vh - 40px) }}.miot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#042f2e,#134e4a,#115e59);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.miot-modal-open{overflow:hidden!important;position:fixed;width:100%;height:100%}.miot-iphone-container{position:relative;cursor:default}.miot-iphone-frame{position:relative;width:var(--miot-iphone-width);height:var(--miot-iphone-height);background:linear-gradient(145deg,#0d3d3d,#0a2a2a,#0d3535);border-radius:var(--miot-border-radius);padding:var(--miot-bezel);box-shadow:0 0 0 1px #14b8a626,0 25px 80px -15px #000000b3,0 10px 40px -10px #06b6d433,inset 0 1px #14b8a61a}.miot-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#14b8a633,#06b6d40d,#0000001a,#06b6d40d,#14b8a626);border-radius:calc(var(--miot-border-radius) + 1px);z-index:-1}.miot-side-button{position:absolute;background:linear-gradient(90deg,#0d3d3d,#0a2a2a,#0d3d3d);border-radius:2px}.miot-silent-switch{left:-3px;top:calc(var(--miot-iphone-height) * .12);width:3px;height:calc(var(--miot-iphone-height) * .04)}.miot-volume-up{left:-3px;top:calc(var(--miot-iphone-height) * .19);width:3px;height:calc(var(--miot-iphone-height) * .08)}.miot-volume-down{left:-3px;top:calc(var(--miot-iphone-height) * .28);width:3px;height:calc(var(--miot-iphone-height) * .08)}.miot-power-button{right:-3px;top:calc(var(--miot-iphone-height) * .21);width:3px;height:calc(var(--miot-iphone-height) * .12)}.miot-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--miot-border-radius) - var(--miot-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.miot-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#051515,#0d3535 30%,#0f4040,#0d3535 70%,#051515)}.miot-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(20,184,166,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(6,182,212,.2) 0%,transparent 40%)}.miot-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.miot-dynamic-island{position:absolute;top:calc(var(--miot-iphone-width) * .03);left:50%;transform:translate(-50%);width:var(--miot-dynamic-island-width);height:var(--miot-dynamic-island-height);background:#000;border-radius:calc(var(--miot-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.miot-dynamic-island.miot-di-state-collapsed:hover{width:calc(var(--miot-dynamic-island-width) * 1.1);height:calc(var(--miot-dynamic-island-height) * 1.05)}.miot-dynamic-island.miot-di-state-compact{width:calc(var(--miot-iphone-width) * .52);height:calc(var(--miot-iphone-width) * .13);border-radius:calc(var(--miot-iphone-width) * .065)}.miot-dynamic-island.miot-di-state-expanded{width:calc(var(--miot-iphone-width) * .88);height:calc(var(--miot-iphone-width) * .23);border-radius:calc(var(--miot-iphone-width) * .1)}.miot-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.miot-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.miot-dynamic-island.miot-di-state-expanded .miot-di-collapsed-content,.miot-dynamic-island.miot-di-state-compact .miot-di-collapsed-content{opacity:0;pointer-events:none;position:absolute;transition:opacity .08s cubic-bezier(.4,0,.2,1)}.miot-di-camera{width:12px;height:12px;background:radial-gradient(circle at 35% 35%,#1a3a3a,#050508);border-radius:50%;border:2px solid #1a2a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #14b8a64d}.miot-di-sensor{width:8px;height:8px;background:radial-gradient(circle,#0a1a1a,#000005);border-radius:50%;box-shadow:0 0 2px #06b6d433}.miot-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 12px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.miot-dynamic-island.miot-di-state-compact .miot-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .15s,transform .25s cubic-bezier(.4,0,.2,1) .15s}.miot-dynamic-island.miot-di-state-expanded .miot-di-compact-content,.miot-dynamic-island.miot-di-state-collapsed .miot-di-compact-content{opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.miot-di-compact-left{display:flex;align-items:center;gap:8px}.miot-di-compact-icon{width:28px;height:28px;border-radius:8px;background:var(--miot-gradient);display:flex;align-items:center;justify-content:center}.miot-di-compact-icon svg{width:14px;height:14px;color:#fff}.miot-di-compact-info{display:flex;flex-direction:column;gap:1px}.miot-di-compact-title{font-size:11px;font-weight:600;color:#fff;line-height:1.2}.miot-di-compact-subtitle{font-size:9px;color:#ffffff80;line-height:1.2}.miot-di-compact-right{display:flex;align-items:center}.miot-di-compact-temp{font-size:16px;font-weight:600;color:#14b8a6}.miot-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:14px 18px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.miot-dynamic-island.miot-di-state-expanded .miot-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .15s,transform .25s cubic-bezier(.4,0,.2,1) .15s}.miot-dynamic-island.miot-di-state-compact .miot-di-expanded-content,.miot-dynamic-island.miot-di-state-collapsed .miot-di-expanded-content{opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.miot-di-status-left{display:flex;align-items:center;gap:10px}.miot-di-status-icon{width:38px;height:38px;border-radius:10px;background:var(--miot-gradient);display:flex;align-items:center;justify-content:center}.miot-di-status-icon svg{width:18px;height:18px;color:#fff}.miot-di-status-info{color:#fff}.miot-di-status-info h4{font-size:12px;font-weight:600;margin:0 0 2px;letter-spacing:-.3px}.miot-di-status-info p{font-size:10px;color:#fff9;font-weight:400;margin:0}.miot-di-status-right{display:flex;align-items:center;gap:6px}.miot-di-sensor-badge{display:flex;flex-direction:column;align-items:center;padding:5px 8px;background:#ffffff1a;border-radius:8px}.miot-di-sensor-badge span{font-size:11px;font-weight:700;color:#fff}.miot-di-sensor-badge small{font-size:7px;color:#ffffff80;text-transform:uppercase}.miot-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--miot-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--miot-iphone-width) * .044) calc(var(--miot-iphone-width) * .07) 0;color:#fff;font-size:calc(var(--miot-iphone-width) * .04);font-weight:600;z-index:50}.miot-status-left{display:flex;align-items:center}.miot-status-right{display:flex;align-items:center;gap:5px}.miot-signal-bars{display:flex;gap:1.5px;align-items:flex-end;height:11px}.miot-signal-bars span{width:3px;background:#fff;border-radius:1px}.miot-signal-bars span:nth-child(1){height:25%}.miot-signal-bars span:nth-child(2){height:50%}.miot-signal-bars span:nth-child(3){height:75%}.miot-signal-bars span:nth-child(4){height:100%}.miot-wifi-icon{margin-left:3px}.miot-wifi-icon svg{width:14px;height:14px}.miot-battery{display:flex;align-items:center;gap:2px}.miot-battery-body{width:22px;height:11px;border:1.5px solid white;border-radius:3px;padding:1.5px;position:relative}.miot-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.miot-battery-level{height:100%;width:80%;background:var(--miot-gradient);border-radius:1px}.miot-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.miot-home-screen.miot-hidden{opacity:0;transform:scale(.95);pointer-events:none}.miot-time-widget{position:absolute;top:calc(var(--miot-iphone-height) * .17);left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.miot-time{font-size:calc(var(--miot-iphone-width) * .21);font-weight:200;letter-spacing:-2px;text-shadow:0 4px 30px rgba(0,0,0,.4)}.miot-date{font-size:calc(var(--miot-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:6px}.miot-widgets-container{position:absolute;bottom:calc(var(--miot-iphone-height) * .27);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--miot-iphone-width) * .035);z-index:10;width:calc(var(--miot-iphone-width) - calc(var(--miot-iphone-width) * .08));max-width:360px}.miot-widget{flex:1;min-width:0;aspect-ratio:1;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:calc(var(--miot-iphone-width) * .07);padding:calc(var(--miot-iphone-width) * .035);color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease;overflow:hidden}.miot-widget-hover:hover{transform:scale(1.03);background:#ffffff38}.miot-widget-header{display:flex;align-items:center;gap:5px;font-size:calc(var(--miot-iphone-width) * .032);font-weight:600;opacity:.9;margin-bottom:6px}.miot-widget-icon{width:calc(var(--miot-iphone-width) * .06);height:calc(var(--miot-iphone-width) * .06);border-radius:5px;display:flex;align-items:center;justify-content:center}.miot-widget-icon svg{width:calc(var(--miot-iphone-width) * .04);height:calc(var(--miot-iphone-width) * .04);color:#14b8a6}.miot-sensor-widget-content{display:flex;flex-direction:column;gap:6px}.miot-sensor-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.miot-sensor-row-left{display:flex;align-items:center;gap:6px}.miot-sensor-row-left svg{width:12px;height:12px}.miot-sensor-row span{font-size:calc(var(--miot-iphone-width) * .028);color:#ffffffb3}.miot-sensor-row strong{font-size:calc(var(--miot-iphone-width) * .032);font-weight:600}.miot-devices-widget-content{display:flex;flex-direction:column;gap:4px}.miot-device-count{font-size:calc(var(--miot-iphone-width) * .08);font-weight:300;line-height:1}.miot-device-count span{font-size:calc(var(--miot-iphone-width) * .03);color:#fff9}.miot-device-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.miot-device-mini{width:100%;aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.miot-device-mini.miot-active{background:var(--miot-gradient)}.miot-device-mini.miot-inactive{background:#ffffff1a}.miot-device-mini svg{width:calc(var(--miot-iphone-width) * .03);height:calc(var(--miot-iphone-width) * .03);color:#fff}.miot-dock{position:absolute;bottom:calc(var(--miot-iphone-height) * .05);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--miot-iphone-width) * .05);padding:calc(var(--miot-iphone-width) * .035) calc(var(--miot-iphone-width) * .06);background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:calc(var(--miot-iphone-width) * .085);border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.miot-dock-icon{width:calc(var(--miot-iphone-width) * .15);height:calc(var(--miot-iphone-width) * .15);border-radius:calc(var(--miot-iphone-width) * .04);display:flex;align-items:center;justify-content:center;font-size:calc(var(--miot-iphone-width) * .07);color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.miot-dock-hover:hover{transform:scale(1.1) translateY(-8px)}.miot-dock-hover:active{transform:scale(.95)}.miot-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.miot-close-icon .miot-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.miot-close-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #ff3b3080;animation:miot-tooltipBounce 2s ease-in-out infinite;z-index:1000}.miot-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:miot-fingerPoint 1s ease-in-out infinite}.miot-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.miot-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:calc(var(--miot-iphone-width) * .05);background:#ff3b3066;animation:miot-closePulseRing 1.5s ease-out infinite;z-index:-1}.miot-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--miot-iphone-width) * .065);background:#ff3b3033;animation:miot-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes miot-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.miot-contact-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px;position:relative}.miot-contact-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #007aff80;animation:miot-tooltipBounce 2s ease-in-out infinite;z-index:1000}.miot-contact-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:miot-fingerPoint 1s ease-in-out infinite}.miot-contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#5ac8fa}.miot-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.miot-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px}.miot-app-icon{background:var(--miot-gradient);position:relative}.miot-app-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:var(--miot-gradient);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #14b8a680;animation:miot-tooltipBounce 2s ease-in-out infinite;z-index:1000}.miot-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--miot-primary-dark)}@keyframes miot-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes miot-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.miot-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:calc(var(--miot-iphone-width) * .05);background:linear-gradient(135deg,#14b8a666,#06b6d466);animation:miot-pulseRing 1.5s ease-out infinite;z-index:-1}.miot-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--miot-iphone-width) * .065);background:linear-gradient(135deg,#14b8a633,#06b6d433);animation:miot-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes miot-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.miot-home-indicator{position:absolute;bottom:calc(var(--miot-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--miot-iphone-width) * .37);height:calc(var(--miot-iphone-width) * .013);background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.miot-home-indicator:hover{background:#ffffffe6;width:calc(var(--miot-iphone-width) * .4)}.miot-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);border-radius:calc(var(--miot-border-radius) - var(--miot-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.miot-app.miot-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.miot-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y}.miot-iot-app{height:100%;background:#0a0a0f;display:flex;flex-direction:column;overflow:hidden}.miot-iot-header{padding:calc(var(--miot-iphone-width) * .15) calc(var(--miot-iphone-width) * .04) calc(var(--miot-iphone-width) * .03);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:relative;z-index:50;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.miot-iot-header-top{display:flex;align-items:center;justify-content:space-between}.miot-iot-header-left{display:flex;align-items:center;gap:8px}.miot-iot-logo{width:32px;height:32px;border-radius:8px;background:var(--miot-gradient);display:flex;align-items:center;justify-content:center}.miot-iot-logo svg{width:16px;height:16px;color:#fff}.miot-iot-header-text h1{color:#fff;font-size:13px;font-weight:700;margin:0}.miot-iot-header-text p{color:#ffffff80;font-size:10px;margin:0}.miot-iot-settings-btn{width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;border-radius:6px;background:#ff3b3040;border:1px solid rgba(255,59,48,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;flex-grow:0;margin-left:auto;padding:0}.miot-iot-settings-btn:active{background:#ff3b3080}.miot-iot-settings-btn svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;color:#ff5f57;stroke-width:3}.miot-iot-tabs{display:flex;gap:4px;margin-top:12px}.miot-iot-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:8px;border:none;background:transparent;color:#ffffff80;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s}.miot-iot-tab:hover{background:#ffffff0d}.miot-iot-tab.miot-active{background:#14b8a633;color:#14b8a6}.miot-iot-tab svg{width:12px;height:12px}.miot-iot-content{padding:14px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.miot-iot-content::-webkit-scrollbar{display:none}.miot-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.miot-stat-card{padding:10px;background:#ffffff0d;border-radius:10px;text-align:center}.miot-stat-card.miot-highlight{background:#14b8a633}.miot-stat-card svg{width:14px;height:14px;margin:0 auto 4px}.miot-stat-card p{color:#fff;font-size:14px;font-weight:700;margin:0}.miot-stat-card span{color:#ffffff80;font-size:9px}.miot-section-title{color:#fff;font-size:12px;font-weight:600;margin:0 0 10px}.miot-device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.miot-device-card{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s}.miot-device-card.miot-on{background:#14b8a633;border-color:#14b8a680}.miot-device-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.miot-device-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.miot-device-card.miot-on .miot-device-icon{background:#14b8a6}.miot-device-card:not(.miot-on) .miot-device-icon{background:#ffffff1a}.miot-device-icon svg{width:14px;height:14px;color:#fff}.miot-device-card:not(.miot-on) .miot-device-icon svg{color:#ffffff80}.miot-toggle{width:38px;height:22px;border-radius:11px;position:relative;cursor:pointer;transition:background .2s;border:none;padding:0}.miot-toggle.miot-on{background:#14b8a6}.miot-toggle:not(.miot-on){background:#fff3}.miot-toggle-knob{position:absolute;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}.miot-toggle.miot-on .miot-toggle-knob{left:18px}.miot-toggle:not(.miot-on) .miot-toggle-knob{left:2px}.miot-device-name{color:#fff;font-size:10px;font-weight:600;margin:0}.miot-device-room{color:#fff6;font-size:9px;margin:0}.miot-gauges-row{display:flex;justify-content:space-around;margin-bottom:16px}.miot-gauge{display:flex;flex-direction:column;align-items:center}.miot-gauge-circle{position:relative;width:70px;height:70px}.miot-gauge-circle svg{transform:rotate(-90deg);width:70px;height:70px}.miot-gauge-circle svg circle{cx:35;cy:35;r:31}.miot-gauge-bg{stroke:#ffffff1a}.miot-gauge-fill{transition:stroke-dashoffset 1s ease-out}.miot-gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.miot-gauge-center svg{width:12px;height:12px;margin-bottom:2px}.miot-gauge-center span{color:#fff;font-size:12px;font-weight:700}.miot-gauge-label{color:#ffffff80;font-size:9px;margin-top:4px}.miot-live-data{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.miot-live-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#ffffff0d;border-radius:8px}.miot-live-item-left{display:flex;align-items:center;gap:6px}.miot-live-dot{width:6px;height:6px;border-radius:50%;background:#14b8a6;animation:miot-pulse 2s ease-in-out infinite}@keyframes miot-pulse{0%,to{opacity:1}50%{opacity:.5}}.miot-live-item span{color:#ffffffb3;font-size:10px}.miot-live-item strong{color:#fff;font-size:10px;font-weight:600}.miot-energy-chart{height:70px;display:flex;align-items:flex-end;gap:4px}.miot-chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center}.miot-chart-bar{width:100%;background:var(--miot-gradient);border-radius:3px 3px 0 0}.miot-chart-label{color:#fff6;font-size:7px;margin-top:3px}.miot-alert-summary{display:flex;gap:6px;margin-bottom:14px}.miot-alert-box{flex:1;padding:10px;border-radius:10px;text-align:center}.miot-alert-box.miot-warning{background:#f59e0b33}.miot-alert-box.miot-success{background:#14b8a633}.miot-alert-box.miot-info{background:#3b82f633}.miot-alert-box svg{width:14px;height:14px;margin:0 auto 4px}.miot-alert-box.miot-warning svg{color:#f59e0b}.miot-alert-box.miot-success svg{color:#14b8a6}.miot-alert-box.miot-info svg{color:#3b82f6}.miot-alert-box p{color:#fff;font-size:14px;font-weight:700;margin:0}.miot-alert-box span{color:#ffffff80;font-size:9px}.miot-alert-list{display:flex;flex-direction:column;gap:6px}.miot-alert-item{display:flex;align-items:flex-start;gap:8px;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px}.miot-alert-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.miot-alert-icon.miot-warning{background:#f59e0b33}.miot-alert-icon.miot-success{background:#14b8a633}.miot-alert-icon.miot-info{background:#3b82f633}.miot-alert-icon svg{width:14px;height:14px}.miot-alert-icon.miot-warning svg{color:#f59e0b}.miot-alert-icon.miot-success svg{color:#14b8a6}.miot-alert-icon.miot-info svg{color:#3b82f6}.miot-alert-text{flex:1;min-width:0}.miot-alert-text p{color:#fff;font-size:10px;margin:0 0 2px}.miot-alert-text span{color:#fff6;font-size:9px}.miot-cta-btn{width:100%;margin-top:14px;padding:12px;background:var(--miot-gradient);border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.miot-cta-btn:hover{opacity:.9}.miot-cta-btn:active{transform:scale(.98)}:root{--dcld-iphone-width: 390px;--dcld-iphone-height: 844px;--dcld-border-radius: 55px;--dcld-bezel: 10px;--dcld-dynamic-island-width: 125px;--dcld-dynamic-island-height: 37px;--dcld-primary: #6366f1;--dcld-primary-dark: #4f46e5;--dcld-secondary: #3b82f6;--dcld-gradient: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%)}.dcld-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dcld-overlay.dcld-visible{opacity:1}.dcld-overlay.dcld-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dcld-modal-open{overflow:hidden!important}.dcld-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dcld-iphone-container.dcld-visible{opacity:1;transform:scale(1) translateY(0)}.dcld-iphone-container.dcld-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dcld-iphone-frame{position:relative;width:var(--dcld-iphone-width);height:var(--dcld-iphone-height);background:linear-gradient(145deg,#1e1b4b,#0f0a2e,#1a1640);border-radius:var(--dcld-border-radius);padding:var(--dcld-bezel);box-shadow:0 0 0 1px #6366f126,0 25px 80px -15px #000000b3,0 10px 40px -10px #3b82f633,inset 0 1px #6366f11a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dcld-iphone-frame:hover{box-shadow:0 0 0 1px #6366f140,0 30px 100px -15px #000c,0 15px 50px -10px #3b82f64d,inset 0 1px #6366f126}.dcld-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#6366f133,#3b82f60d,#0000001a,#3b82f60d,#6366f126);border-radius:calc(var(--dcld-border-radius) + 1px);z-index:-1}.dcld-side-button{position:absolute;background:linear-gradient(90deg,#1e1b4b,#0f0a2e,#1e1b4b);border-radius:2px;transition:background .2s ease}.dcld-side-button:hover{background:linear-gradient(90deg,#2e2a5e,#1a1640,#2e2a5e)}.dcld-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dcld-volume-up{left:-4px;top:160px;width:4px;height:65px}.dcld-volume-down{left:-4px;top:235px;width:4px;height:65px}.dcld-power-button{right:-4px;top:180px;width:4px;height:100px}.dcld-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dcld-border-radius) - var(--dcld-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.dcld-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0c0a1a,#1a1640 30%,#1e1b4b,#1a1640 70%,#0c0a1a)}.dcld-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(99,102,241,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(59,130,246,.2) 0%,transparent 40%)}.dcld-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.dcld-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dcld-dynamic-island-width);height:var(--dcld-dynamic-island-height);background:#000;border-radius:calc(var(--dcld-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dcld-dynamic-island.dcld-di-state-collapsed:hover{width:140px;height:40px}.dcld-dynamic-island.dcld-di-state-compact{width:200px;height:50px;border-radius:25px}.dcld-dynamic-island.dcld-di-state-expanded{width:340px;height:90px;border-radius:40px}.dcld-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dcld-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dcld-dynamic-island.dcld-di-state-expanded .dcld-di-collapsed-content,.dcld-dynamic-island.dcld-di-state-compact .dcld-di-collapsed-content{opacity:0;pointer-events:none;position:absolute;transition:opacity .08s cubic-bezier(.4,0,.2,1)}.dcld-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#1a1a3a,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #6366f14d}.dcld-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #3b82f633}.dcld-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dcld-dynamic-island.dcld-di-state-expanded .dcld-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .15s,transform .25s cubic-bezier(.4,0,.2,1) .15s}.dcld-dynamic-island.dcld-di-state-compact .dcld-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.dcld-dynamic-island.dcld-di-state-collapsed .dcld-di-expanded-content{opacity:0;transform:scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.dcld-dynamic-island.dcld-di-state-collapsed .dcld-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dcld-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dcld-dynamic-island.dcld-di-state-compact .dcld-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .15s,transform .25s cubic-bezier(.4,0,.2,1) .15s}.dcld-dynamic-island.dcld-di-state-expanded .dcld-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.dcld-dynamic-island.dcld-di-state-collapsed .dcld-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.dcld-di-compact-left{display:flex;align-items:center;gap:10px}.dcld-di-compact-icon{width:32px;height:32px;border-radius:8px;background:var(--dcld-gradient);display:flex;align-items:center;justify-content:center}.dcld-di-compact-icon svg{width:16px;height:16px;color:#fff}.dcld-di-compact-info{display:flex;flex-direction:column;gap:1px}.dcld-di-compact-title{font-size:12px;font-weight:600;color:#fff;line-height:1.2}.dcld-di-compact-subtitle{font-size:10px;color:#ffffff80;line-height:1.2}.dcld-di-compact-right{display:flex;align-items:center}.dcld-di-compact-uptime{font-size:18px;font-weight:600;color:#6366f1}.dcld-di-status-left{display:flex;align-items:center;gap:12px}.dcld-di-status-icon{width:44px;height:44px;border-radius:12px;background:var(--dcld-gradient);display:flex;align-items:center;justify-content:center}.dcld-di-status-icon svg{width:22px;height:22px;color:#fff}.dcld-di-status-info{color:#fff}.dcld-di-status-info h4{font-size:13px;font-weight:600;margin:0 0 2px;letter-spacing:-.3px}.dcld-di-status-info p{font-size:11px;color:#fff9;font-weight:400;margin:0}.dcld-di-status-right{display:flex;align-items:center;gap:8px}.dcld-di-sensor-badge{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:#ffffff1a;border-radius:10px}.dcld-di-sensor-badge span{font-size:12px;font-weight:700;color:#fff}.dcld-di-sensor-badge small{font-size:8px;color:#ffffff80;text-transform:uppercase}.dcld-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dcld-status-left{display:flex;align-items:center}.dcld-status-right{display:flex;align-items:center;gap:6px}.dcld-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dcld-signal-bars span{width:4px;background:#fff;border-radius:1px}.dcld-signal-bars span:nth-child(1){height:25%}.dcld-signal-bars span:nth-child(2){height:50%}.dcld-signal-bars span:nth-child(3){height:75%}.dcld-signal-bars span:nth-child(4){height:100%}.dcld-wifi-icon{margin-left:4px}.dcld-wifi-icon svg{width:16px;height:16px}.dcld-battery{display:flex;align-items:center;gap:3px}.dcld-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dcld-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dcld-battery-level{height:100%;width:80%;background:var(--dcld-gradient);border-radius:2px}.dcld-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dcld-home-screen.dcld-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dcld-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dcld-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dcld-time:hover{transform:scale(1.02)}.dcld-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dcld-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dcld-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease;overflow:hidden}.dcld-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dcld-widget-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;opacity:.9;margin-bottom:8px}.dcld-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dcld-widget-icon svg{width:16px;height:16px;color:#6366f1}.dcld-server-widget-content{display:flex;flex-direction:column;gap:6px}.dcld-server-count{font-size:32px;font-weight:300;line-height:1}.dcld-server-count span{font-size:12px;color:#fff9}.dcld-server-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.dcld-server-mini{width:100%;aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.dcld-server-mini.dcld-active{background:var(--dcld-gradient)}.dcld-server-mini.dcld-inactive{background:#ffffff1a}.dcld-server-mini svg{width:14px;height:14px;color:#fff}.dcld-metrics-widget-content{display:flex;flex-direction:column;gap:8px}.dcld-metric-row{display:flex;flex-direction:column;gap:4px}.dcld-metric-label{display:flex;justify-content:space-between;font-size:11px}.dcld-metric-label span:first-child{color:#fff9}.dcld-metric-label span:last-child{color:#fff;font-weight:600}.dcld-metric-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.dcld-metric-bar-fill{height:100%;border-radius:3px;transition:width 1s ease}.dcld-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dcld-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dcld-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dcld-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dcld-dock-hover:active{transform:scale(.95)}.dcld-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dcld-close-icon .dcld-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dcld-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dcld-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dcld-close-icon:hover .dcld-close-tooltip{opacity:1}.dcld-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dcld-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dcld-closePulseRing 1.5s ease-out infinite;z-index:-1}.dcld-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dcld-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dcld-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dcld-contact-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dcld-contact-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dcld-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dcld-contact-icon:hover .dcld-contact-tooltip{opacity:1}.dcld-contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dcld-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dcld-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dcld-app-icon{background:var(--dcld-gradient);position:relative}.dcld-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--dcld-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #6366f180;animation:dcld-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dcld-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dcld-primary-dark)}@keyframes dcld-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.dcld-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#6366f166,#3b82f666);animation:dcld-pulseRing 1.5s ease-out infinite;z-index:-1}.dcld-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#6366f133,#3b82f633);animation:dcld-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dcld-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dcld-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dcld-home-indicator:hover{background:#ffffffe6;width:150px}.dcld-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dcld-iphone-container.dcld-visible .dcld-hint{opacity:1;animation:dcld-hintPulse 2s ease-in-out infinite}.dcld-iphone-container.dcld-closing .dcld-hint{opacity:0;transition:opacity .2s ease}@keyframes dcld-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dcld-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);border-radius:calc(var(--dcld-border-radius) - var(--dcld-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.dcld-app.dcld-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.dcld-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y}.dcld-cloud-app{height:100%;background:#0a0a0f;overflow:auto}.dcld-cloud-header{padding:60px 16px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.dcld-cloud-header-top{display:flex;align-items:center;justify-content:space-between}.dcld-cloud-header-left{display:flex;align-items:center;gap:10px}.dcld-cloud-logo{width:36px;height:36px;border-radius:10px;background:var(--dcld-gradient);display:flex;align-items:center;justify-content:center}.dcld-cloud-logo svg{width:18px;height:18px;color:#fff}.dcld-cloud-header-text h1{color:#fff;font-size:15px;font-weight:700;margin:0}.dcld-cloud-header-text p{color:#ffffff80;font-size:11px;margin:0}.dcld-cloud-settings-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dcld-cloud-settings-btn:hover{background:#ffffff1a}.dcld-cloud-settings-btn svg{width:18px;height:18px;color:#fff9}.dcld-cloud-tabs{display:flex;gap:4px;margin-top:14px}.dcld-cloud-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:none;background:transparent;color:#ffffff80;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.dcld-cloud-tab:hover{background:#ffffff0d}.dcld-cloud-tab.dcld-active{background:#6366f133;color:#818cf8}.dcld-cloud-tab svg{width:14px;height:14px}.dcld-cloud-content{padding:16px;overflow-y:auto;flex:1}.dcld-quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.dcld-stat-card{padding:12px;background:#ffffff0d;border-radius:12px}.dcld-stat-card.dcld-highlight{background:#6366f133}.dcld-stat-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.dcld-stat-card-header svg{width:14px;height:14px}.dcld-stat-card-header span{color:#ffffff80;font-size:10px}.dcld-stat-card-value{color:#fff;font-size:18px;font-weight:700}.dcld-section-title{color:#fff;font-size:13px;font-weight:600;margin:0 0 12px}.dcld-resource-card{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:16px}.dcld-resource-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dcld-resource-item:last-child{margin-bottom:0}.dcld-resource-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.dcld-resource-icon.dcld-cpu{background:#6366f133}.dcld-resource-icon.dcld-memory{background:#8b5cf633}.dcld-resource-icon.dcld-storage{background:#06b6d433}.dcld-resource-icon svg{width:18px;height:18px}.dcld-resource-icon.dcld-cpu svg{color:#818cf8}.dcld-resource-icon.dcld-memory svg{color:#a78bfa}.dcld-resource-icon.dcld-storage svg{color:#22d3ee}.dcld-resource-info{flex:1}.dcld-resource-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:4px}.dcld-resource-label span:first-child{color:#ffffff80}.dcld-resource-label span:last-child{color:#fff;font-weight:600}.dcld-resource-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.dcld-resource-bar-fill{height:100%;border-radius:3px;transition:width 1s ease}.dcld-security-status{padding:14px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:14px;display:flex;align-items:center;gap:12px}.dcld-security-icon{width:36px;height:36px;border-radius:10px;background:#22c55e33;display:flex;align-items:center;justify-content:center}.dcld-security-icon svg{width:18px;height:18px;color:#22c55e}.dcld-security-info h5{color:#fff;font-size:12px;font-weight:600;margin:0 0 2px}.dcld-security-info p{color:#22c55e;font-size:10px;margin:0}.dcld-server-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.dcld-server-stat{padding:10px;border-radius:10px;text-align:center}.dcld-server-stat.dcld-running{background:#22c55e33}.dcld-server-stat.dcld-stopped{background:#6b728033}.dcld-server-stat.dcld-total{background:#6366f133}.dcld-server-stat-value{color:#fff;font-size:16px;font-weight:700}.dcld-server-stat-label{color:#ffffff80;font-size:10px}.dcld-server-list{display:flex;flex-direction:column;gap:8px}.dcld-server-row{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.dcld-server-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dcld-server-row-left{display:flex;align-items:center;gap:8px}.dcld-server-status-dot{width:8px;height:8px;border-radius:50%}.dcld-server-status-dot.dcld-running{background:#22c55e}.dcld-server-status-dot.dcld-stopped{background:#6b7280}.dcld-server-name{color:#fff;font-size:12px;font-weight:600}.dcld-server-toggle{padding:4px 10px;border-radius:6px;border:none;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s}.dcld-server-toggle.dcld-running{background:#22c55e33;color:#22c55e}.dcld-server-toggle.dcld-stopped{background:#6b728033;color:#9ca3af}.dcld-server-row-meta{display:flex;justify-content:space-between;font-size:10px;color:#fff6;margin-bottom:8px}.dcld-server-bars{display:flex;flex-direction:column;gap:6px}.dcld-deploy-stats{display:flex;gap:8px;margin-bottom:16px}.dcld-deploy-stat-card{flex:1;padding:12px;border-radius:12px;text-align:center}.dcld-deploy-stat-card.dcld-success{background:#22c55e33}.dcld-deploy-stat-card.dcld-failed{background:#ef444433}.dcld-deploy-stat-card.dcld-total{background:#6366f133}.dcld-deploy-stat-card svg{width:16px;height:16px;margin:0 auto 6px}.dcld-deploy-stat-card.dcld-success svg{color:#22c55e}.dcld-deploy-stat-card.dcld-failed svg{color:#ef4444}.dcld-deploy-stat-card.dcld-total svg{color:#818cf8}.dcld-deploy-stat-card-value{color:#fff;font-size:16px;font-weight:700}.dcld-deploy-stat-card-label{color:#ffffff80;font-size:10px}.dcld-deploy-list{display:flex;flex-direction:column;gap:8px}.dcld-deploy-row{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.dcld-deploy-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dcld-deploy-icon.dcld-success{background:#22c55e33}.dcld-deploy-icon.dcld-failed{background:#ef444433}.dcld-deploy-icon svg{width:16px;height:16px}.dcld-deploy-icon.dcld-success svg{color:#22c55e}.dcld-deploy-icon.dcld-failed svg{color:#ef4444}.dcld-deploy-text{flex:1;min-width:0}.dcld-deploy-text p{color:#fff;font-size:12px;font-weight:600;margin:0 0 2px}.dcld-deploy-text span{color:#fff6;font-size:10px}.dcld-cta-btn{width:100%;margin-top:16px;padding:14px;background:var(--dcld-gradient);border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}.dcld-cta-btn:hover{opacity:.9}.dcld-cta-btn:active{transform:scale(.98)}.dcld-cta-btn svg{width:16px;height:16px}.dcld-contact-btn{width:100%;margin-top:8px;padding:14px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.dcld-contact-btn:hover{background:#ffffff26}.dcld-contact-btn:active{transform:scale(.98)}:root{--mcld-iphone-width: min(375px, 90vw);--mcld-max-height: calc(100svh - 40px) ;--mcld-iphone-height: min(calc(var(--mcld-iphone-width) * 2.16), var(--mcld-max-height));--mcld-border-radius: calc(var(--mcld-iphone-width) * .14);--mcld-bezel: calc(var(--mcld-iphone-width) * .025);--mcld-dynamic-island-width: calc(var(--mcld-iphone-width) * .32);--mcld-dynamic-island-height: calc(var(--mcld-iphone-width) * .095);--mcld-primary: #6366f1;--mcld-primary-dark: #4f46e5;--mcld-secondary: #3b82f6;--mcld-gradient: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%)}.mcld-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81,#3730a3);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mcld-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.mcld-iphone-container{position:relative;cursor:default}.mcld-iphone-frame{position:relative;width:var(--mcld-iphone-width);height:var(--mcld-iphone-height);background:linear-gradient(145deg,#1e1b4b,#0f0a2e,#1a1640);border-radius:var(--mcld-border-radius);padding:var(--mcld-bezel);box-shadow:0 0 0 1px #6366f126,0 25px 80px -15px #000000b3,0 10px 40px -10px #3b82f633,inset 0 1px #6366f11a}.mcld-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#6366f133,#3b82f60d,#0000001a,#3b82f60d,#6366f126);border-radius:calc(var(--mcld-border-radius) + 1px);z-index:-1}.mcld-side-button{position:absolute;background:linear-gradient(90deg,#1e1b4b,#0f0a2e,#1e1b4b);border-radius:2px}.mcld-silent-switch{left:-3px;top:calc(var(--mcld-iphone-height) * .12);width:3px;height:calc(var(--mcld-iphone-height) * .035)}.mcld-volume-up{left:-3px;top:calc(var(--mcld-iphone-height) * .18);width:3px;height:calc(var(--mcld-iphone-height) * .065)}.mcld-volume-down{left:-3px;top:calc(var(--mcld-iphone-height) * .26);width:3px;height:calc(var(--mcld-iphone-height) * .065)}.mcld-power-button{right:-3px;top:calc(var(--mcld-iphone-height) * .2);width:3px;height:calc(var(--mcld-iphone-height) * .1)}.mcld-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mcld-border-radius) - var(--mcld-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.mcld-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0c0a1a,#1a1640 30%,#1e1b4b,#1a1640 70%,#0c0a1a)}.mcld-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(99,102,241,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(59,130,246,.2) 0%,transparent 40%)}.mcld-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.mcld-dynamic-island{position:absolute;top:calc(var(--mcld-iphone-width) * .03);left:50%;transform:translate(-50%);width:var(--mcld-dynamic-island-width);height:var(--mcld-dynamic-island-height);background:#000;border-radius:calc(var(--mcld-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.mcld-dynamic-island.mcld-di-state-collapsed:hover{width:calc(var(--mcld-dynamic-island-width) * 1.1);height:calc(var(--mcld-dynamic-island-height) * 1.05)}.mcld-dynamic-island.mcld-di-state-compact{width:calc(var(--mcld-iphone-width) * .52);height:calc(var(--mcld-iphone-width) * .13);border-radius:calc(var(--mcld-iphone-width) * .065)}.mcld-dynamic-island.mcld-di-state-expanded{width:calc(var(--mcld-iphone-width) * .88);height:calc(var(--mcld-iphone-width) * .23);border-radius:calc(var(--mcld-iphone-width) * .1)}.mcld-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.mcld-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.mcld-dynamic-island.mcld-di-state-expanded .mcld-di-collapsed-content,.mcld-dynamic-island.mcld-di-state-compact .mcld-di-collapsed-content{opacity:0;pointer-events:none;position:absolute;transition:opacity .08s cubic-bezier(.4,0,.2,1)}.mcld-di-camera{width:12px;height:12px;background:radial-gradient(circle at 35% 35%,#1a1a3a,#050508);border-radius:50%;border:2px solid #1a1a2a;box-shadow:inset 0 1px 2px #000c,0 0 3px #6366f14d}.mcld-di-sensor{width:8px;height:8px;background:radial-gradient(circle,#0a0a1a,#000005);border-radius:50%;box-shadow:0 0 2px #3b82f633}.mcld-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 12px;opacity:0;position:absolute;pointer-events:none;will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}.mcld-dynamic-island.mcld-di-state-compact .mcld-di-compact-content{opacity:1;pointer-events:auto;transition:opacity .35s cubic-bezier(.4,0,.2,1) .2s}.mcld-dynamic-island.mcld-di-state-expanded .mcld-di-compact-content,.mcld-dynamic-island.mcld-di-state-collapsed .mcld-di-compact-content{opacity:0;pointer-events:none;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.mcld-di-compact-left{display:flex;align-items:center;gap:8px}.mcld-di-compact-icon{width:28px;height:28px;border-radius:8px;background:var(--mcld-gradient);display:flex;align-items:center;justify-content:center}.mcld-di-compact-icon svg{width:14px;height:14px;color:#fff}.mcld-di-compact-info{display:flex;flex-direction:column;gap:1px}.mcld-di-compact-title{font-size:11px;font-weight:600;color:#fff;line-height:1.2}.mcld-di-compact-subtitle{font-size:9px;color:#ffffff80;line-height:1.2}.mcld-di-compact-right{display:flex;align-items:center}.mcld-di-compact-metric{font-size:16px;font-weight:600;color:#6366f1}.mcld-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:14px 18px;opacity:0;position:absolute;pointer-events:none;will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}.mcld-dynamic-island.mcld-di-state-expanded .mcld-di-expanded-content{opacity:1;pointer-events:auto;transition:opacity .35s cubic-bezier(.4,0,.2,1) .2s}.mcld-dynamic-island.mcld-di-state-compact .mcld-di-expanded-content,.mcld-dynamic-island.mcld-di-state-collapsed .mcld-di-expanded-content{opacity:0;pointer-events:none;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.mcld-di-status-left{display:flex;align-items:center;gap:10px;transform:translateZ(0);backface-visibility:hidden}.mcld-di-status-icon{width:38px;height:38px;border-radius:10px;background:var(--mcld-gradient);display:flex;align-items:center;justify-content:center;transform:translateZ(0);backface-visibility:hidden;flex-shrink:0}.mcld-di-status-icon svg{width:18px;height:18px;color:#fff}.mcld-di-status-info{color:#fff;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.mcld-di-status-info h4{font-size:12px;font-weight:600;margin:0 0 2px;letter-spacing:-.3px;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mcld-di-status-info p{font-size:10px;color:#fff9;font-weight:400;margin:0;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mcld-di-status-right{display:flex;align-items:center;gap:6px;transform:translateZ(0);backface-visibility:hidden}.mcld-di-sensor-badge{display:flex;flex-direction:column;align-items:center;padding:5px 8px;background:#ffffff1a;border-radius:8px;transform:translateZ(0);backface-visibility:hidden}.mcld-di-sensor-badge span{font-size:11px;font-weight:700;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mcld-di-sensor-badge small{font-size:7px;color:#ffffff80;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mcld-di-sensor-badge.mcld-positive{background:#6366f133}.mcld-di-sensor-badge.mcld-positive span{color:#818cf8}.mcld-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mcld-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mcld-iphone-width) * .045) calc(var(--mcld-iphone-width) * .07) 0;color:#fff;font-size:calc(var(--mcld-iphone-width) * .04);font-weight:600;z-index:50}.mcld-status-left{display:flex;align-items:center}.mcld-status-right{display:flex;align-items:center;gap:calc(var(--mcld-iphone-width) * .015)}.mcld-signal-bars{display:flex;gap:2px;align-items:flex-end;height:calc(var(--mcld-iphone-width) * .035)}.mcld-signal-bars span{width:calc(var(--mcld-iphone-width) * .01);background:#fff;border-radius:1px}.mcld-signal-bars span:nth-child(1){height:25%}.mcld-signal-bars span:nth-child(2){height:50%}.mcld-signal-bars span:nth-child(3){height:75%}.mcld-signal-bars span:nth-child(4){height:100%}.mcld-wifi-icon{margin-left:calc(var(--mcld-iphone-width) * .01)}.mcld-wifi-icon svg{width:calc(var(--mcld-iphone-width) * .04);height:calc(var(--mcld-iphone-width) * .04)}.mcld-battery{display:flex;align-items:center;gap:3px}.mcld-battery-body{width:calc(var(--mcld-iphone-width) * .07);height:calc(var(--mcld-iphone-width) * .035);border:2px solid white;border-radius:4px;padding:2px;position:relative}.mcld-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:calc(var(--mcld-iphone-width) * .015);background:#fff;border-radius:0 2px 2px 0}.mcld-battery-level{height:100%;width:80%;background:var(--mcld-gradient);border-radius:2px}.mcld-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mcld-home-screen.mcld-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mcld-time-widget{position:absolute;top:calc(var(--mcld-iphone-height) * .17);left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mcld-time{font-size:calc(var(--mcld-iphone-width) * .2);font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4)}.mcld-date{font-size:calc(var(--mcld-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:calc(var(--mcld-iphone-width) * .02)}.mcld-widgets-container{position:absolute;bottom:calc(var(--mcld-iphone-height) * .27);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--mcld-iphone-width) * .035);z-index:10}.mcld-widget{width:calc(var(--mcld-iphone-width) * .42);height:calc(var(--mcld-iphone-width) * .42);background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:calc(var(--mcld-iphone-width) * .07);padding:calc(var(--mcld-iphone-width) * .035);color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease;overflow:hidden}.mcld-widget-hover:active{transform:scale(.95);background:#ffffff38}.mcld-widget-header{display:flex;align-items:center;gap:calc(var(--mcld-iphone-width) * .015);font-size:calc(var(--mcld-iphone-width) * .032);font-weight:600;opacity:.9;margin-bottom:calc(var(--mcld-iphone-width) * .02)}.mcld-widget-icon{width:calc(var(--mcld-iphone-width) * .06);height:calc(var(--mcld-iphone-width) * .06);border-radius:calc(var(--mcld-iphone-width) * .015);display:flex;align-items:center;justify-content:center}.mcld-widget-icon svg{width:calc(var(--mcld-iphone-width) * .04);height:calc(var(--mcld-iphone-width) * .04);color:#6366f1}.mcld-server-widget-content{display:flex;flex-direction:column;gap:calc(var(--mcld-iphone-width) * .01)}.mcld-server-count{font-size:calc(var(--mcld-iphone-width) * .08);font-weight:300;line-height:1}.mcld-server-count span{font-size:calc(var(--mcld-iphone-width) * .03);color:#fff9}.mcld-server-label{font-size:calc(var(--mcld-iphone-width) * .028);color:#fff9}.mcld-mini-servers{display:flex;gap:calc(var(--mcld-iphone-width) * .015);margin-top:calc(var(--mcld-iphone-width) * .02)}.mcld-mini-server{width:calc(var(--mcld-iphone-width) * .04);height:calc(var(--mcld-iphone-width) * .04);border-radius:calc(var(--mcld-iphone-width) * .01);background:#fff3}.mcld-mini-server.mcld-active{background:var(--mcld-gradient)}.mcld-metrics-widget-content{display:flex;flex-direction:column;gap:calc(var(--mcld-iphone-width) * .02)}.mcld-mini-metric{display:flex;align-items:center;gap:calc(var(--mcld-iphone-width) * .015);font-size:calc(var(--mcld-iphone-width) * .025)}.mcld-mini-metric span:first-child{width:calc(var(--mcld-iphone-width) * .08);color:#fff9}.mcld-mini-metric span:last-child{color:#fff;font-weight:600}.mcld-mini-bar{flex:1;height:calc(var(--mcld-iphone-width) * .015);background:#ffffff1a;border-radius:calc(var(--mcld-iphone-width) * .008);overflow:hidden}.mcld-mini-bar-fill{height:100%;background:var(--mcld-gradient);border-radius:calc(var(--mcld-iphone-width) * .008)}.mcld-mini-bar-fill.mcld-purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.mcld-mini-bar-fill.mcld-cyan{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.mcld-dock{position:absolute;bottom:calc(var(--mcld-iphone-height) * .05);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--mcld-iphone-width) * .05);padding:calc(var(--mcld-iphone-width) * .035) calc(var(--mcld-iphone-width) * .06);background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:calc(var(--mcld-iphone-width) * .08);border:1px solid rgba(255,255,255,.12);z-index:50}.mcld-dock-icon{width:calc(var(--mcld-iphone-width) * .15);height:calc(var(--mcld-iphone-width) * .15);border-radius:calc(var(--mcld-iphone-width) * .04);display:flex;align-items:center;justify-content:center;font-size:calc(var(--mcld-iphone-width) * .07);color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.mcld-dock-hover:active{transform:scale(.9)}.mcld-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:calc(var(--mcld-iphone-width) * .025);position:relative}.mcld-close-icon .mcld-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mcld-close-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #ff3b3080;animation:mcld-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mcld-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mcld-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:calc(var(--mcld-iphone-width) * .05);background:#ff3b3066;animation:mcld-pulseRing 1.5s ease-out infinite;z-index:-1}.mcld-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--mcld-iphone-width) * .065);background:#ff3b3033;animation:mcld-pulseRing 1.5s ease-out infinite .3s;z-index:-2}.mcld-contact-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:calc(var(--mcld-iphone-width) * .025);position:relative}.mcld-contact-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #007aff80;animation:mcld-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none}.mcld-contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#5ac8fa}.mcld-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mcld-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:calc(var(--mcld-iphone-width) * .025)}.mcld-app-icon{background:var(--mcld-gradient);position:relative}.mcld-app-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:var(--mcld-gradient);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #6366f180;animation:mcld-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mcld-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--mcld-primary-dark)}@keyframes mcld-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mcld-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.mcld-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:calc(var(--mcld-iphone-width) * .05);background:linear-gradient(135deg,#6366f166,#3b82f666);animation:mcld-pulseRing 1.5s ease-out infinite;z-index:-1}.mcld-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--mcld-iphone-width) * .065);background:linear-gradient(135deg,#6366f133,#3b82f633);animation:mcld-pulseRing 1.5s ease-out infinite .3s;z-index:-2}.mcld-home-indicator{position:absolute;bottom:calc(var(--mcld-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--mcld-iphone-width) * .35);height:calc(var(--mcld-iphone-width) * .013);background:#fff9;border-radius:calc(var(--mcld-iphone-width) * .008);z-index:100;cursor:pointer}.mcld-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);border-radius:calc(var(--mcld-border-radius) - var(--mcld-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.mcld-app.mcld-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.mcld-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y}.mcld-cloud-app{height:100%;background:#0a0a0f;display:flex;flex-direction:column;overflow:hidden}.mcld-cloud-header{padding:calc(var(--mcld-iphone-width) * .15) calc(var(--mcld-iphone-width) * .04) calc(var(--mcld-iphone-width) * .03);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:relative;z-index:50;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mcld-cloud-header-top{display:flex;align-items:center;justify-content:space-between}.mcld-cloud-header-left{display:flex;align-items:center;gap:8px}.mcld-cloud-logo{width:32px;height:32px;border-radius:8px;background:var(--mcld-gradient);display:flex;align-items:center;justify-content:center}.mcld-cloud-logo svg{width:16px;height:16px;color:#fff}.mcld-cloud-header-text h1{color:#fff;font-size:14px;font-weight:700;margin:0}.mcld-cloud-header-text p{color:#ffffff80;font-size:10px;margin:0}.mcld-cloud-settings-btn{width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;border-radius:6px;background:#ff3b3040;border:1px solid rgba(255,59,48,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;flex-grow:0;margin-left:auto;padding:0}.mcld-cloud-settings-btn:active{background:#ff3b3080}.mcld-cloud-settings-btn svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;color:#ff5f57;stroke-width:3}.mcld-cloud-tabs{display:flex;gap:4px;margin-top:12px}.mcld-cloud-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border-radius:8px;border:none;background:transparent;color:#ffffff80;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.mcld-cloud-tab.mcld-active{background:#6366f133;color:#818cf8}.mcld-cloud-tab svg{width:12px;height:12px}.mcld-cloud-content{padding:14px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.mcld-cloud-content::-webkit-scrollbar{display:none}.mcld-quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.mcld-stat-card{padding:12px;background:#ffffff0d;border-radius:12px;text-align:center}.mcld-stat-card.mcld-highlight{background:#6366f133}.mcld-stat-card svg{color:#818cf8;margin-bottom:4px}.mcld-stat-card p{color:#fff;font-size:20px;font-weight:700;margin:0}.mcld-stat-card span{color:#ffffff80;font-size:10px}.mcld-section-title{color:#fff;font-size:13px;font-weight:600;margin:0 0 10px}.mcld-resource-card{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:14px}.mcld-resource-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mcld-resource-item:last-child{margin-bottom:0}.mcld-resource-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.mcld-resource-icon.mcld-cpu{background:#6366f133}.mcld-resource-icon.mcld-memory{background:#8b5cf633}.mcld-resource-icon.mcld-storage{background:#06b6d433}.mcld-resource-icon svg{width:16px;height:16px}.mcld-resource-icon.mcld-cpu svg{color:#818cf8}.mcld-resource-icon.mcld-memory svg{color:#a78bfa}.mcld-resource-icon.mcld-storage svg{color:#22d3ee}.mcld-resource-info{flex:1}.mcld-resource-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:4px}.mcld-resource-label span:first-child{color:#ffffff80}.mcld-resource-label span:last-child{color:#fff;font-weight:600}.mcld-resource-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.mcld-resource-bar-fill{height:100%;border-radius:3px;transition:width 1s ease}.mcld-security-status{padding:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;display:flex;align-items:center;gap:10px}.mcld-security-icon{width:32px;height:32px;border-radius:8px;background:#22c55e33;display:flex;align-items:center;justify-content:center}.mcld-security-icon svg{width:16px;height:16px;color:#22c55e}.mcld-security-info h5{color:#fff;font-size:11px;font-weight:600;margin:0 0 2px}.mcld-security-info p{color:#22c55e;font-size:10px;margin:0}.mcld-server-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.mcld-server-stat{padding:10px;border-radius:10px;text-align:center}.mcld-server-stat svg{width:16px;height:16px;margin-bottom:4px}.mcld-server-stat.mcld-running-stat{background:#22c55e33}.mcld-server-stat.mcld-running-stat svg{color:#22c55e}.mcld-server-stat.mcld-stopped-stat{background:#6b728033}.mcld-server-stat.mcld-stopped-stat svg{color:#9ca3af}.mcld-server-stat.mcld-total-stat{background:#6366f133}.mcld-server-stat.mcld-total-stat svg{color:#818cf8}.mcld-server-stat-value{color:#fff;font-size:16px;font-weight:700}.mcld-server-stat-label{color:#ffffff80;font-size:9px}.mcld-server-list{display:flex;flex-direction:column;gap:8px}.mcld-server-row{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px}.mcld-server-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mcld-server-row-left{display:flex;align-items:center;gap:6px}.mcld-server-status-dot{width:6px;height:6px;border-radius:50%}.mcld-server-status-dot.mcld-running{background:#22c55e}.mcld-server-status-dot.mcld-stopped{background:#6b7280}.mcld-server-name{color:#fff;font-size:11px;font-weight:600}.mcld-server-toggle{padding:3px 8px;border-radius:5px;border:none;font-size:9px;font-weight:600;cursor:pointer}.mcld-server-toggle.mcld-running{background:#22c55e33;color:#22c55e}.mcld-server-toggle.mcld-stopped{background:#6b728033;color:#9ca3af}.mcld-server-row-meta{display:flex;justify-content:space-between;font-size:9px;color:#fff6;margin-bottom:6px}.mcld-server-bars{display:flex;flex-direction:column;gap:4px}.mcld-deploy-stats{display:flex;gap:8px;margin-bottom:14px}.mcld-deploy-stat-card{flex:1;padding:10px;border-radius:10px;text-align:center}.mcld-deploy-stat-card.mcld-success{background:#22c55e33}.mcld-deploy-stat-card.mcld-failed{background:#ef444433}.mcld-deploy-stat-card.mcld-total{background:#6366f133}.mcld-deploy-stat-card svg{width:14px;height:14px;margin:0 auto 4px}.mcld-deploy-stat-card.mcld-success svg{color:#22c55e}.mcld-deploy-stat-card.mcld-failed svg{color:#ef4444}.mcld-deploy-stat-card.mcld-total svg{color:#818cf8}.mcld-deploy-stat-card-value{color:#fff;font-size:14px;font-weight:700}.mcld-deploy-stat-card-label{color:#ffffff80;font-size:9px}.mcld-deploy-list{display:flex;flex-direction:column;gap:8px}.mcld-deploy-row{display:flex;align-items:center;gap:8px;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px}.mcld-deploy-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center}.mcld-deploy-icon.success{background:#22c55e33}.mcld-deploy-icon.failed{background:#ef444433}.mcld-deploy-icon svg{width:14px;height:14px}.mcld-deploy-icon.success svg{color:#22c55e}.mcld-deploy-icon.failed svg{color:#ef4444}.mcld-deploy-text{flex:1;min-width:0}.mcld-deploy-text p{color:#fff;font-size:11px;font-weight:600;margin:0 0 2px}.mcld-deploy-text span{color:#fff6;font-size:9px}.mcld-cta-btn{width:100%;margin-top:16px;padding:12px;background:var(--mcld-gradient);border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.mcld-cta-btn:hover{opacity:.9}.mcld-cta-btn:active{transform:scale(.98)}:root{--dmnt-iphone-width: 390px;--dmnt-iphone-height: 844px;--dmnt-border-radius: 55px;--dmnt-bezel: 10px;--dmnt-dynamic-island-width: 125px;--dmnt-dynamic-island-height: 37px;--dmnt-primary: #64748b;--dmnt-primary-dark: #475569;--dmnt-secondary: #94a3b8;--dmnt-gradient: linear-gradient(135deg, #64748b 0%, #475569 100%)}.dmnt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.dmnt-overlay.dmnt-visible{opacity:1}.dmnt-overlay.dmnt-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.dmnt-modal-open{overflow:hidden!important}.dmnt-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.dmnt-iphone-container.dmnt-visible{opacity:1;transform:scale(1) translateY(0)}.dmnt-iphone-container.dmnt-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.dmnt-iphone-frame{position:relative;width:var(--dmnt-iphone-width);height:var(--dmnt-iphone-height);background:linear-gradient(145deg,#1e293b,#0f172a,#1e293b);border-radius:var(--dmnt-border-radius);padding:var(--dmnt-bezel);box-shadow:0 0 0 1px #64748b26,0 25px 80px -15px #000000b3,0 10px 40px -10px #94a3b833,inset 0 1px #64748b1a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.dmnt-iphone-frame:hover{box-shadow:0 0 0 1px #64748b40,0 30px 100px -15px #000c,0 15px 50px -10px #94a3b84d,inset 0 1px #64748b26}.dmnt-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#64748b33,#94a3b80d,#0000001a,#94a3b80d,#64748b26);border-radius:calc(var(--dmnt-border-radius) + 1px);z-index:-1}.dmnt-side-button{position:absolute;background:linear-gradient(90deg,#1e293b,#0f172a,#1e293b);border-radius:2px;transition:background .2s ease}.dmnt-side-button:hover{background:linear-gradient(90deg,#334155,#1e293b,#334155)}.dmnt-silent-switch{left:-4px;top:100px;width:4px;height:35px}.dmnt-volume-up{left:-4px;top:160px;width:4px;height:65px}.dmnt-volume-down{left:-4px;top:235px;width:4px;height:65px}.dmnt-power-button{right:-4px;top:180px;width:4px;height:100px}.dmnt-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--dmnt-border-radius) - var(--dmnt-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.dmnt-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0c0f14,#1e293b 30%,#334155,#1e293b 70%,#0c0f14)}.dmnt-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(100,116,139,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(148,163,184,.2) 0%,transparent 40%)}.dmnt-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.dmnt-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--dmnt-dynamic-island-width);height:var(--dmnt-dynamic-island-height);background:#000;border-radius:calc(var(--dmnt-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.dmnt-dynamic-island.dmnt-di-state-collapsed:hover{width:140px;height:40px}.dmnt-dynamic-island.dmnt-di-state-compact{width:200px;height:50px;border-radius:25px}.dmnt-dynamic-island.dmnt-di-state-expanded{width:340px;height:90px;border-radius:40px}.dmnt-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.dmnt-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.dmnt-dynamic-island.dmnt-di-state-expanded .dmnt-di-collapsed-content,.dmnt-dynamic-island.dmnt-di-state-compact .dmnt-di-collapsed-content{opacity:0;pointer-events:none;position:absolute;transition:opacity .08s cubic-bezier(.4,0,.2,1)}.dmnt-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#2a3a4a,#050508);border-radius:50%;border:2px solid #1a2a3a;box-shadow:inset 0 1px 2px #000c,0 0 3px #64748b4d}.dmnt-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#1a2a3a,#000005);border-radius:50%;box-shadow:0 0 2px #94a3b833}.dmnt-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .18s,transform .3s cubic-bezier(.4,0,.2,1) .18s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dmnt-dynamic-island.dmnt-di-state-expanded .dmnt-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .18s,transform .25s cubic-bezier(.4,0,.2,1) .18s}.dmnt-dynamic-island.dmnt-di-state-compact .dmnt-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.dmnt-dynamic-island.dmnt-di-state-collapsed .dmnt-di-expanded-content{opacity:0;transform:scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.dmnt-dynamic-island.dmnt-di-state-collapsed .dmnt-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.dmnt-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .18s,transform .3s cubic-bezier(.4,0,.2,1) .18s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.dmnt-dynamic-island.dmnt-di-state-compact .dmnt-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .18s,transform .25s cubic-bezier(.4,0,.2,1) .18s}.dmnt-dynamic-island.dmnt-di-state-expanded .dmnt-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.dmnt-dynamic-island.dmnt-di-state-collapsed .dmnt-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.dmnt-di-compact-left{display:flex;align-items:center;gap:10px}.dmnt-di-compact-icon{width:32px;height:32px;border-radius:8px;background:var(--dmnt-gradient);display:flex;align-items:center;justify-content:center}.dmnt-di-compact-icon svg{width:16px;height:16px;color:#fff}.dmnt-di-compact-info{display:flex;flex-direction:column;gap:1px}.dmnt-di-compact-title{font-size:12px;font-weight:600;color:#fff;line-height:1.2}.dmnt-di-compact-subtitle{font-size:10px;color:#ffffff80;line-height:1.2}.dmnt-di-compact-right{display:flex;align-items:center}.dmnt-di-compact-health{font-size:18px;font-weight:600;color:#22c55e}.dmnt-di-status-left{display:flex;align-items:center;gap:12px}.dmnt-di-status-icon{width:44px;height:44px;border-radius:12px;background:var(--dmnt-gradient);display:flex;align-items:center;justify-content:center}.dmnt-di-status-icon svg{width:22px;height:22px;color:#fff}.dmnt-di-status-info{color:#fff}.dmnt-di-status-info h4{font-size:13px;font-weight:600;margin:0 0 2px;letter-spacing:-.3px}.dmnt-di-status-info p{font-size:11px;color:#fff9;font-weight:400;margin:0}.dmnt-di-status-right{display:flex;align-items:center;gap:8px}.dmnt-di-sensor-badge{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:#ffffff1a;border-radius:10px}.dmnt-di-sensor-badge span{font-size:12px;font-weight:700;color:#fff}.dmnt-di-sensor-badge small{font-size:8px;color:#ffffff80;text-transform:uppercase}.dmnt-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.dmnt-status-left{display:flex;align-items:center}.dmnt-status-right{display:flex;align-items:center;gap:6px}.dmnt-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.dmnt-signal-bars span{width:4px;background:#fff;border-radius:1px}.dmnt-signal-bars span:nth-child(1){height:25%}.dmnt-signal-bars span:nth-child(2){height:50%}.dmnt-signal-bars span:nth-child(3){height:75%}.dmnt-signal-bars span:nth-child(4){height:100%}.dmnt-wifi-icon{margin-left:4px}.dmnt-wifi-icon svg{width:16px;height:16px}.dmnt-battery{display:flex;align-items:center;gap:3px}.dmnt-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.dmnt-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.dmnt-battery-level{height:100%;width:80%;background:var(--dmnt-gradient);border-radius:2px}.dmnt-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.dmnt-home-screen.dmnt-hidden{opacity:0;transform:scale(.95);pointer-events:none}.dmnt-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.dmnt-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.dmnt-time:hover{transform:scale(1.02)}.dmnt-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.dmnt-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.dmnt-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease;overflow:hidden}.dmnt-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.dmnt-widget-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;opacity:.9;margin-bottom:8px}.dmnt-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.dmnt-widget-icon svg{width:16px;height:16px;color:#64748b}.dmnt-system-widget-content{display:flex;flex-direction:column;gap:6px}.dmnt-system-count{font-size:32px;font-weight:300;line-height:1}.dmnt-system-count span{font-size:12px;color:#fff9}.dmnt-system-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.dmnt-system-mini{width:100%;aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.dmnt-system-mini.dmnt-healthy{background:#22c55e4d}.dmnt-system-mini.dmnt-warning{background:#f59e0b4d}.dmnt-system-mini.dmnt-error{background:#ef44444d}.dmnt-system-mini svg{width:14px;height:14px;color:#fff}.dmnt-tickets-widget-content{display:flex;flex-direction:column;gap:8px}.dmnt-ticket-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.dmnt-ticket-row-left{display:flex;align-items:center;gap:8px}.dmnt-ticket-row-left svg{width:14px;height:14px}.dmnt-ticket-row span{font-size:12px;color:#ffffffb3}.dmnt-ticket-row strong{font-size:14px;font-weight:600}.dmnt-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.dmnt-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.dmnt-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.dmnt-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.dmnt-dock-hover:active{transform:scale(.95)}.dmnt-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.dmnt-close-icon .dmnt-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dmnt-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:dmnt-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dmnt-close-icon:hover .dmnt-close-tooltip{opacity:1}.dmnt-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.dmnt-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:dmnt-closePulseRing 1.5s ease-out infinite;z-index:-1}.dmnt-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:dmnt-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dmnt-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dmnt-contact-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.dmnt-contact-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:dmnt-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.dmnt-contact-icon:hover .dmnt-contact-tooltip{opacity:1}.dmnt-contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.dmnt-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.dmnt-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.dmnt-app-icon{background:var(--dmnt-gradient);position:relative}.dmnt-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--dmnt-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #64748b80;animation:dmnt-tooltipBounce 2s ease-in-out infinite;z-index:1000}.dmnt-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--dmnt-primary-dark)}@keyframes dmnt-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.dmnt-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#64748b66,#47556966);animation:dmnt-pulseRing 1.5s ease-out infinite;z-index:-1}.dmnt-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#64748b33,#47556933);animation:dmnt-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes dmnt-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.dmnt-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.dmnt-home-indicator:hover{background:#ffffffe6;width:150px}.dmnt-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.dmnt-iphone-container.dmnt-visible .dmnt-hint{opacity:1;animation:dmnt-hintPulse 2s ease-in-out infinite}.dmnt-iphone-container.dmnt-closing .dmnt-hint{opacity:0;transition:opacity .2s ease}@keyframes dmnt-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.dmnt-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0f0f1a);border-radius:calc(var(--dmnt-border-radius) - var(--dmnt-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.dmnt-app.dmnt-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.dmnt-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y}.dmnt-maintenance-app{height:100%;background:#0a0a0f;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.dmnt-maintenance-app::-webkit-scrollbar{display:none}.dmnt-maintenance-header{padding:60px 16px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.dmnt-maintenance-header-top{display:flex;align-items:center;justify-content:space-between}.dmnt-maintenance-header-left{display:flex;align-items:center;gap:10px}.dmnt-maintenance-logo{width:36px;height:36px;border-radius:10px;background:var(--dmnt-gradient);display:flex;align-items:center;justify-content:center}.dmnt-maintenance-logo svg{width:18px;height:18px;color:#fff}.dmnt-maintenance-header-text h1{color:#fff;font-size:15px;font-weight:700;margin:0}.dmnt-maintenance-header-text p{color:#ffffff80;font-size:11px;margin:0}.dmnt-maintenance-settings-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dmnt-maintenance-settings-btn:hover{background:#ffffff1a}.dmnt-maintenance-settings-btn svg{width:18px;height:18px;color:#fff9}.dmnt-maintenance-tabs{display:flex;gap:4px;margin-top:14px}.dmnt-maintenance-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:none;background:transparent;color:#ffffff80;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.dmnt-maintenance-tab:hover{background:#ffffff0d}.dmnt-maintenance-tab.dmnt-active{background:#64748b33;color:#94a3b8}.dmnt-maintenance-tab svg{width:14px;height:14px}.dmnt-maintenance-content{padding:16px;overflow-y:auto;flex:1;-ms-overflow-style:none;scrollbar-width:none}.dmnt-maintenance-content::-webkit-scrollbar{display:none}.dmnt-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.dmnt-stat-card{padding:12px;background:#ffffff0d;border-radius:12px;text-align:center}.dmnt-stat-card.dmnt-highlight{background:#22c55e33}.dmnt-stat-card svg{width:16px;height:16px;margin:0 auto 6px}.dmnt-stat-card p{color:#fff;font-size:16px;font-weight:700;margin:0}.dmnt-stat-card span{color:#ffffff80;font-size:10px}.dmnt-section-title{color:#fff;font-size:13px;font-weight:600;margin:0 0 12px}.dmnt-service-card{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:10px}.dmnt-service-card.dmnt-healthy{border-color:#22c55e4d;background:#22c55e1a}.dmnt-service-card.dmnt-warning{border-color:#f59e0b4d;background:#f59e0b1a}.dmnt-service-card.dmnt-error{border-color:#ef44444d;background:#ef44441a}.dmnt-service-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dmnt-service-card-left{display:flex;align-items:center;gap:10px}.dmnt-service-icon{width:32px;height:32px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.dmnt-service-icon svg{width:16px;height:16px;color:#ffffffb3}.dmnt-service-name{color:#fff;font-size:12px;font-weight:600}.dmnt-service-status-dot{width:10px;height:10px;border-radius:50%}.dmnt-service-status-dot.dmnt-healthy{background:#22c55e}.dmnt-service-status-dot.dmnt-warning{background:#f59e0b}.dmnt-service-status-dot.dmnt-error{background:#ef4444}.dmnt-service-card-footer{display:flex;justify-content:space-between;font-size:10px}.dmnt-service-card-footer span:first-child{color:#ffffff80}.dmnt-service-card-footer span:last-child{color:#fff;font-weight:600}.dmnt-last-check{padding:12px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin-top:16px}.dmnt-last-check-left{display:flex;align-items:center;gap:8px}.dmnt-last-check-left svg{width:16px;height:16px;color:#ffffff80}.dmnt-last-check-left span{color:#ffffff80;font-size:12px}.dmnt-last-check span:last-child{color:#fff;font-size:12px;font-weight:500}.dmnt-ticket-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.dmnt-ticket-stat{padding:12px;border-radius:12px;text-align:center}.dmnt-ticket-stat.dmnt-resolved{background:#22c55e33}.dmnt-ticket-stat.dmnt-active{background:#3b82f633}.dmnt-ticket-stat.dmnt-pending{background:#f59e0b33}.dmnt-ticket-stat svg{width:16px;height:16px;margin:0 auto 6px}.dmnt-ticket-stat.dmnt-resolved svg{color:#22c55e}.dmnt-ticket-stat.dmnt-active svg{color:#3b82f6}.dmnt-ticket-stat.dmnt-pending svg{color:#f59e0b}.dmnt-ticket-stat-value{color:#fff;font-size:16px;font-weight:700}.dmnt-ticket-stat-label{color:#ffffff80;font-size:10px}.dmnt-ticket-list{display:flex;flex-direction:column;gap:8px}.dmnt-ticket-item{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.dmnt-ticket-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dmnt-ticket-priority-dot{width:6px;height:6px;border-radius:50%}.dmnt-ticket-priority-dot.dmnt-high{background:#ef4444}.dmnt-ticket-priority-dot.dmnt-medium{background:#f59e0b}.dmnt-ticket-priority-dot.dmnt-low{background:#6b7280}.dmnt-ticket-title{color:#fff;font-size:12px;font-weight:600}.dmnt-ticket-item-footer{display:flex;align-items:center;justify-content:space-between}.dmnt-ticket-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:500}.dmnt-ticket-status.dmnt-completed{background:#22c55e33;color:#22c55e}.dmnt-ticket-status.dmnt-in-progress{background:#3b82f633;color:#3b82f6}.dmnt-ticket-status.dmnt-waiting{background:#f59e0b33;color:#f59e0b}.dmnt-ticket-status svg{width:10px;height:10px}.dmnt-ticket-date{color:#fff6;font-size:10px}.dmnt-new-ticket-btn{width:100%;margin-top:16px;padding:14px;background:var(--dmnt-gradient);border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}.dmnt-new-ticket-btn:hover{opacity:.9}.dmnt-new-ticket-btn:active{transform:scale(.98)}.dmnt-new-ticket-btn svg{width:16px;height:16px}.dmnt-support-info{padding:16px;background:linear-gradient(135deg,#64748b33,#47556933);border:1px solid rgba(100,116,139,.3);border-radius:16px;margin-bottom:16px}.dmnt-support-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dmnt-support-avatar{width:44px;height:44px;border-radius:50%;background:#64748b4d;display:flex;align-items:center;justify-content:center}.dmnt-support-avatar svg{width:22px;height:22px;color:#94a3b8}.dmnt-support-text h4{color:#fff;font-size:13px;font-weight:600;margin:0 0 2px}.dmnt-support-text p{color:#ffffff80;font-size:11px;margin:0}.dmnt-support-contacts{display:flex;gap:8px}.dmnt-support-contact{flex:1;padding:10px;background:#ffffff0d;border-radius:10px;text-align:center}.dmnt-support-contact p{color:#fff;font-size:11px;font-weight:500;margin:0 0 2px}.dmnt-support-contact span{color:#fff6;font-size:9px}.dmnt-chat-area{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;min-height:180px;margin-bottom:12px;display:flex;flex-direction:column}.dmnt-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.dmnt-chat-empty svg{width:32px;height:32px;color:#ffffff4d;margin-bottom:8px}.dmnt-chat-empty p{color:#fff6;font-size:12px;margin:0}.dmnt-chat-messages{flex:1;display:flex;flex-direction:column;gap:10px}.dmnt-chat-message{max-width:80%;padding:10px 14px;border-radius:16px;font-size:12px}.dmnt-chat-message.dmnt-sent{align-self:flex-end;background:#64748b4d;color:#fff;border-bottom-right-radius:4px}.dmnt-chat-message.dmnt-received{align-self:flex-start;background:#ffffff1a;color:#fff;border-bottom-left-radius:4px}.dmnt-chat-input-wrapper{display:flex;gap:8px}.dmnt-chat-input{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:12px;outline:none}.dmnt-chat-input::-moz-placeholder{color:#fff6}.dmnt-chat-input::placeholder{color:#fff6}.dmnt-chat-input:focus{border-color:#64748b80}.dmnt-chat-send-btn{width:40px;height:40px;border-radius:12px;background:var(--dmnt-gradient);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.dmnt-chat-send-btn:hover{opacity:.9}.dmnt-chat-send-btn:active{transform:scale(.95)}.dmnt-chat-send-btn svg{width:18px;height:18px;color:#fff}.dmnt-cta-btn{width:100%;margin-top:12px;padding:14px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.dmnt-cta-btn:hover{background:#ffffff26}.dmnt-cta-btn:active{transform:scale(.98)}:root{--ddm-iphone-width: 390px;--ddm-iphone-height: 844px;--ddm-border-radius: 55px;--ddm-bezel: 10px;--ddm-dynamic-island-width: 125px;--ddm-dynamic-island-height: 37px;--ddm-primary: #f97316;--ddm-primary-dark: #ea580c;--ddm-secondary: #dc2626;--ddm-gradient: linear-gradient(135deg, #f97316 0%, #dc2626 100%)}.ddm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:2147483647;isolation:isolate;cursor:pointer;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1)}.ddm-overlay.ddm-visible{opacity:1}.ddm-overlay.ddm-closing{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}body.ddm-modal-open{overflow:hidden!important}.ddm-iphone-container{position:relative;cursor:default;perspective:1000px;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.ddm-iphone-container.ddm-visible{opacity:1;transform:scale(1) translateY(0)}.ddm-iphone-container.ddm-closing{opacity:0;transform:scale(.9) translateY(30px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.ddm-iphone-frame{position:relative;width:var(--ddm-iphone-width);height:var(--ddm-iphone-height);background:linear-gradient(145deg,#2a1a0a,#1a0a05,#2a1a0a);border-radius:var(--ddm-border-radius);padding:var(--ddm-bezel);box-shadow:0 0 0 1px #f9731626,0 25px 80px -15px #000000b3,0 10px 40px -10px #f9731633,inset 0 1px #f973161a;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.ddm-iphone-frame:hover{box-shadow:0 0 0 1px #f9731640,0 30px 100px -15px #000c,0 15px 50px -10px #f973164d,inset 0 1px #f9731626}.ddm-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#f9731633,#dc26260d,#0000001a,#dc26260d,#f9731626);border-radius:calc(var(--ddm-border-radius) + 1px);z-index:-1}.ddm-side-button{position:absolute;background:linear-gradient(90deg,#2a1a0a,#1a0a05,#2a1a0a);border-radius:2px;transition:background .2s ease}.ddm-side-button:hover{background:linear-gradient(90deg,#3a2a1a,#2a1a0a,#3a2a1a)}.ddm-silent-switch{left:-4px;top:100px;width:4px;height:35px}.ddm-volume-up{left:-4px;top:160px;width:4px;height:65px}.ddm-volume-down{left:-4px;top:235px;width:4px;height:65px}.ddm-power-button{right:-4px;top:180px;width:4px;height:100px}.ddm-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--ddm-border-radius) - var(--ddm-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.ddm-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0a0505,#1a0a05 30%,#2a1508,#1a0a05 70%,#0a0505)}.ddm-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(249,115,22,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(220,38,38,.2) 0%,transparent 40%)}.ddm-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.ddm-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--ddm-dynamic-island-width);height:var(--ddm-dynamic-island-height);background:#000;border-radius:calc(var(--ddm-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.ddm-dynamic-island.ddm-di-state-collapsed:hover{width:140px;height:40px}.ddm-dynamic-island.ddm-di-state-compact{width:200px;height:50px;border-radius:25px}.ddm-dynamic-island.ddm-di-state-expanded{width:340px;height:90px;border-radius:40px}.ddm-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.ddm-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.ddm-dynamic-island.ddm-di-state-expanded .ddm-di-collapsed-content,.ddm-dynamic-island.ddm-di-state-compact .ddm-di-collapsed-content{opacity:0;pointer-events:none;position:absolute;transition:opacity .08s cubic-bezier(.4,0,.2,1)}.ddm-di-camera{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#2a3a4a,#050508);border-radius:50%;border:2px solid #1a2a3a;box-shadow:inset 0 1px 2px #000c,0 0 3px #f973164d}.ddm-di-sensor{width:10px;height:10px;background:radial-gradient(circle,#1a2a3a,#000005);border-radius:50%;box-shadow:0 0 2px #dc262633}.ddm-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:16px 20px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .18s,transform .3s cubic-bezier(.4,0,.2,1) .18s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.ddm-dynamic-island.ddm-di-state-expanded .ddm-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .18s,transform .25s cubic-bezier(.4,0,.2,1) .18s}.ddm-dynamic-island.ddm-di-state-compact .ddm-di-expanded-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.ddm-dynamic-island.ddm-di-state-collapsed .ddm-di-expanded-content{opacity:0;transform:scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.ddm-dynamic-island.ddm-di-state-collapsed .ddm-di-collapsed-content{opacity:1;transition:opacity .2s ease .1s}.ddm-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 14px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .18s,transform .3s cubic-bezier(.4,0,.2,1) .18s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.ddm-dynamic-island.ddm-di-state-compact .ddm-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .18s,transform .25s cubic-bezier(.4,0,.2,1) .18s}.ddm-dynamic-island.ddm-di-state-expanded .ddm-di-compact-content{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.ddm-dynamic-island.ddm-di-state-collapsed .ddm-di-compact-content{opacity:0;transform:scale(.85);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.ddm-di-compact-left{display:flex;align-items:center;gap:10px}.ddm-di-compact-icon{width:32px;height:32px;border-radius:8px;background:var(--ddm-gradient);display:flex;align-items:center;justify-content:center}.ddm-di-compact-icon svg{width:16px;height:16px;color:#fff}.ddm-di-compact-info{display:flex;flex-direction:column;gap:1px}.ddm-di-compact-title{font-size:12px;font-weight:600;color:#fff;line-height:1.2}.ddm-di-compact-subtitle{font-size:10px;color:#ffffff80;line-height:1.2}.ddm-di-compact-right{display:flex;align-items:center}.ddm-di-compact-metric{font-size:18px;font-weight:600;color:#22c55e}.ddm-di-status-left{display:flex;align-items:center;gap:12px}.ddm-di-status-icon{width:44px;height:44px;border-radius:12px;background:var(--ddm-gradient);display:flex;align-items:center;justify-content:center}.ddm-di-status-icon svg{width:22px;height:22px;color:#fff}.ddm-di-status-info{color:#fff}.ddm-di-status-info h4{font-size:13px;font-weight:600;margin:0 0 2px;letter-spacing:-.3px}.ddm-di-status-info p{font-size:11px;color:#fff9;font-weight:400;margin:0}.ddm-di-status-right{display:flex;align-items:center;gap:8px}.ddm-di-sensor-badge{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:#ffffff1a;border-radius:10px}.ddm-di-sensor-badge span{font-size:12px;font-weight:700;color:#fff}.ddm-di-sensor-badge small{font-size:8px;color:#ffffff80;text-transform:uppercase}.ddm-di-sensor-badge.ddm-positive{background:#22c55e33}.ddm-di-sensor-badge.ddm-positive span{color:#22c55e}.ddm-status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 28px 0;color:#fff;font-size:15px;font-weight:600;z-index:50}.ddm-status-left{display:flex;align-items:center}.ddm-status-right{display:flex;align-items:center;gap:6px}.ddm-signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px}.ddm-signal-bars span{width:4px;background:#fff;border-radius:1px}.ddm-signal-bars span:nth-child(1){height:25%}.ddm-signal-bars span:nth-child(2){height:50%}.ddm-signal-bars span:nth-child(3){height:75%}.ddm-signal-bars span:nth-child(4){height:100%}.ddm-wifi-icon{margin-left:4px}.ddm-wifi-icon svg{width:16px;height:16px}.ddm-battery{display:flex;align-items:center;gap:3px}.ddm-battery-body{width:27px;height:13px;border:2px solid white;border-radius:4px;padding:2px;position:relative}.ddm-battery-body:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.ddm-battery-level{height:100%;width:80%;background:var(--ddm-gradient);border-radius:2px}.ddm-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.ddm-home-screen.ddm-hidden{opacity:0;transform:scale(.95);pointer-events:none}.ddm-time-widget{position:absolute;top:140px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.ddm-time{font-size:82px;font-weight:200;letter-spacing:-3px;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:transform .3s ease}.ddm-time:hover{transform:scale(1.02)}.ddm-date{font-size:18px;font-weight:500;opacity:.9;margin-top:8px}.ddm-widgets-container{position:absolute;bottom:230px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.ddm-widget{width:165px;height:165px;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;padding:14px;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease;overflow:hidden}.ddm-widget-hover:hover{transform:scale(1.05) translateY(-5px);background:#ffffff38;box-shadow:0 15px 40px #0000004d}.ddm-widget-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;opacity:.9;margin-bottom:8px}.ddm-widget-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.ddm-widget-icon svg{width:16px;height:16px;color:var(--ddm-primary)}.ddm-analytics-widget-content{display:flex;flex-direction:column;gap:4px}.ddm-analytics-count{font-size:36px;font-weight:300;line-height:1}.ddm-analytics-label{font-size:12px;color:#fff9}.ddm-analytics-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:8px;width:-moz-fit-content;width:fit-content;margin-top:8px}.ddm-analytics-trend.ddm-positive{background:#22c55e33;color:#22c55e}.ddm-campaigns-widget-content{display:flex;flex-direction:column;gap:4px}.ddm-campaigns-count{font-size:36px;font-weight:300;line-height:1}.ddm-campaigns-count span{font-size:14px;color:#fff9}.ddm-campaigns-label{font-size:12px;color:#fff9}.ddm-mini-bars{display:flex;align-items:flex-end;gap:4px;height:40px;margin-top:8px}.ddm-mini-bar{flex:1;background:var(--ddm-gradient);border-radius:3px;min-height:8px}.ddm-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:14px 24px;background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:32px;border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.ddm-dock:hover{background:#ffffff38;transform:translate(-50%) scale(1.02)}.ddm-dock-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.ddm-dock-hover:hover{transform:scale(1.15) translateY(-10px)}.ddm-dock-hover:active{transform:scale(.95)}.ddm-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:10px;position:relative}.ddm-close-icon .ddm-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.ddm-close-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #ff3b3080;animation:ddm-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.ddm-close-icon:hover .ddm-close-tooltip{opacity:1}.ddm-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#ff6b6b}.ddm-close-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:#ff3b3066;animation:ddm-closePulseRing 1.5s ease-out infinite;z-index:-1}.ddm-close-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:#ff3b3033;animation:ddm-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes ddm-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.ddm-contact-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:10px;position:relative}.ddm-contact-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #007aff80;animation:ddm-tooltipBounce 2s ease-in-out infinite;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.ddm-contact-icon:hover .ddm-contact-tooltip{opacity:1}.ddm-contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#5ac8fa}.ddm-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.ddm-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:10px}.ddm-app-icon{background:var(--ddm-gradient);position:relative}.ddm-app-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);background:var(--ddm-gradient);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #f9731680;animation:ddm-tooltipBounce 2s ease-in-out infinite;z-index:1000}.ddm-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--ddm-primary-dark)}@keyframes ddm-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.ddm-app-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#f9731666,#dc262666);animation:ddm-pulseRing 1.5s ease-out infinite;z-index:-1}.ddm-app-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;background:linear-gradient(135deg,#f9731633,#dc262633);animation:ddm-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes ddm-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.ddm-home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.ddm-home-indicator:hover{background:#ffffffe6;width:150px}.ddm-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .5s ease .3s}.ddm-iphone-container.ddm-visible .ddm-hint{opacity:1;animation:ddm-hintPulse 2s ease-in-out infinite}.ddm-iphone-container.ddm-closing .ddm-hint{opacity:0;transition:opacity .2s ease}@keyframes ddm-hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.ddm-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0505,#0f0a0a);border-radius:calc(var(--ddm-border-radius) - var(--ddm-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.ddm-app.ddm-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.ddm-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y}.ddm-marketing-app{height:100%;background:#0a0505;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.ddm-marketing-app::-webkit-scrollbar{display:none}.ddm-marketing-header{padding:60px 16px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.ddm-marketing-header-top{display:flex;align-items:center;justify-content:space-between}.ddm-marketing-header-left{display:flex;align-items:center;gap:10px}.ddm-marketing-logo{width:36px;height:36px;border-radius:10px;background:var(--ddm-gradient);display:flex;align-items:center;justify-content:center}.ddm-marketing-logo svg{width:18px;height:18px;color:#fff}.ddm-marketing-header-text h1{color:#fff;font-size:15px;font-weight:700;margin:0}.ddm-marketing-header-text p{color:#ffffff80;font-size:11px;margin:0}.ddm-marketing-settings-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.ddm-marketing-settings-btn:hover{background:#ffffff1a}.ddm-marketing-settings-btn svg{width:18px;height:18px;color:#fff9}.ddm-marketing-tabs{display:flex;gap:4px;margin-top:14px}.ddm-marketing-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:none;background:transparent;color:#ffffff80;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.ddm-marketing-tab:hover{background:#ffffff0d}.ddm-marketing-tab.ddm-active{background:#f9731633;color:var(--ddm-primary)}.ddm-marketing-tab svg{width:14px;height:14px}.ddm-marketing-content{padding:16px;overflow-y:auto;flex:1;-ms-overflow-style:none;scrollbar-width:none}.ddm-marketing-content::-webkit-scrollbar{display:none}.ddm-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.ddm-stat-card{padding:12px;background:#ffffff0d;border-radius:12px;text-align:center}.ddm-stat-card.ddm-highlight{background:#f9731633}.ddm-stat-card svg{width:16px;height:16px;margin:0 auto 6px;color:var(--ddm-primary)}.ddm-stat-card p{color:#fff;font-size:16px;font-weight:700;margin:0}.ddm-stat-card span{color:#ffffff80;font-size:10px}.ddm-section-title{color:#fff;font-size:13px;font-weight:600;margin:0 0 12px}.ddm-metrics-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.ddm-metric-item{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;align-items:center;justify-content:space-between}.ddm-metric-left{display:flex;align-items:center;gap:10px}.ddm-metric-icon{width:32px;height:32px;border-radius:8px;background:#f9731633;display:flex;align-items:center;justify-content:center}.ddm-metric-icon svg{width:16px;height:16px;color:var(--ddm-primary)}.ddm-metric-info{display:flex;flex-direction:column;gap:2px}.ddm-metric-name{color:#fff;font-size:12px;font-weight:600}.ddm-metric-desc{color:#ffffff80;font-size:10px}.ddm-metric-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ddm-metric-value{color:#fff;font-size:14px;font-weight:700}.ddm-metric-change{display:flex;align-items:center;gap:2px;font-size:10px}.ddm-metric-change.ddm-positive{color:#22c55e}.ddm-metric-change.ddm-negative{color:#ef4444}.ddm-budget-card{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px}.ddm-budget-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px}.ddm-budget-header span:first-child{color:#fff9}.ddm-budget-header span:last-child{color:#fff;font-weight:600}.ddm-budget-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.ddm-budget-fill{height:100%;background:var(--ddm-gradient);border-radius:4px}.ddm-campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.ddm-campaign-stat{padding:12px;border-radius:12px;text-align:center}.ddm-campaign-stat.ddm-active-stat{background:#f9731633}.ddm-campaign-stat.ddm-conv-stat{background:#22c55e33}.ddm-campaign-stat.ddm-paused-stat{background:#f59e0b33}.ddm-campaign-stat svg{width:16px;height:16px;margin:0 auto 6px}.ddm-campaign-stat.ddm-active-stat svg{color:var(--ddm-primary)}.ddm-campaign-stat.ddm-conv-stat svg{color:#22c55e}.ddm-campaign-stat.ddm-paused-stat svg{color:#f59e0b}.ddm-campaign-stat-value{color:#fff;font-size:16px;font-weight:700}.ddm-campaign-stat-label{color:#ffffff80;font-size:10px}.ddm-campaign-list{display:flex;flex-direction:column;gap:10px}.ddm-campaign-item{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px}.ddm-campaign-item-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ddm-campaign-platform{width:28px;height:28px;border-radius:6px;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.ddm-campaign-platform .ddm-google{color:#4285f4}.ddm-campaign-platform .ddm-facebook{color:#1877f2}.ddm-campaign-platform .ddm-instagram{color:#e4405f}.ddm-campaign-platform .ddm-email{color:#22c55e}.ddm-campaign-name{flex:1;color:#fff;font-size:12px;font-weight:600}.ddm-campaign-status-badge{font-size:9px;padding:3px 8px;border-radius:10px;font-weight:500}.ddm-campaign-status-badge.active{background:#22c55e33;color:#22c55e}.ddm-campaign-status-badge.paused{background:#f59e0b33;color:#f59e0b}.ddm-campaign-progress{margin-bottom:8px}.ddm-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:4px}.ddm-progress-fill{height:100%;background:var(--ddm-gradient);border-radius:2px}.ddm-progress-text{font-size:10px;color:#ffffff80}.ddm-campaign-footer{font-size:10px;color:#fff9}.ddm-chart-card{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:16px}.ddm-chart-title{color:#fff;font-size:13px;font-weight:600;margin:0 0 12px}.ddm-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:80px;gap:8px}.ddm-chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.ddm-chart-bar{width:100%;background:var(--ddm-gradient);border-radius:4px 4px 0 0;min-height:8px;transition:height .3s ease}.ddm-chart-label{font-size:9px;color:#ffffff80}.ddm-donut-card{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:16px}.ddm-donut-content{display:flex;align-items:center;gap:16px}.ddm-donut-visual{width:80px;height:80px}.ddm-donut-svg{width:100%;height:100%}.ddm-donut-legend{flex:1;display:flex;flex-direction:column;gap:6px}.ddm-legend-item{display:flex;align-items:center;gap:8px}.ddm-legend-dot{width:8px;height:8px;border-radius:50%}.ddm-legend-text{flex:1;font-size:11px;color:#ffffffb3}.ddm-legend-value{font-size:11px;font-weight:600;color:#fff}.ddm-cta-btn{width:100%;margin-top:8px;padding:14px;background:var(--ddm-gradient);border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.ddm-cta-btn:hover{opacity:.9}.ddm-cta-btn:active{transform:scale(.98)}:root{--mdm-iphone-width: min(375px, 90vw);--mdm-max-height: calc(100svh - 40px) ;--mdm-iphone-height: min(calc(var(--mdm-iphone-width) * 2.16), var(--mdm-max-height));--mdm-border-radius: calc(var(--mdm-iphone-width) * .14);--mdm-bezel: calc(var(--mdm-iphone-width) * .025);--mdm-dynamic-island-width: calc(var(--mdm-iphone-width) * .32);--mdm-dynamic-island-height: calc(var(--mdm-iphone-width) * .095);--mdm-primary: #f97316;--mdm-primary-dark: #ea580c;--mdm-secondary: #dc2626;--mdm-gradient: linear-gradient(135deg, #f97316 0%, #dc2626 100%)}@supports not (height: 100svh){:root{--mdm-max-height: calc(100vh - 40px) }}.mdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a0a05,#2a1508,#1a0a05);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;z-index:2147483647;isolation:isolate}body.mdm-modal-open{overflow:hidden!important;position:fixed;width:100%;height:100%}.mdm-iphone-container{position:relative;cursor:default}.mdm-iphone-frame{position:relative;width:var(--mdm-iphone-width);height:var(--mdm-iphone-height);background:linear-gradient(145deg,#2a1a0a,#1a0a05,#2a1a0a);border-radius:var(--mdm-border-radius);padding:var(--mdm-bezel);box-shadow:0 0 0 1px #f9731626,0 25px 80px -15px #000000b3,0 10px 40px -10px #f9731633,inset 0 1px #f973161a}.mdm-iphone-frame:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#f9731633,#dc26260d,#0000001a,#dc26260d,#f9731626);border-radius:calc(var(--mdm-border-radius) + 1px);z-index:-1}.mdm-side-button{position:absolute;background:linear-gradient(90deg,#2a1a0a,#1a0a05,#2a1a0a);border-radius:2px}.mdm-silent-switch{left:-3px;top:calc(var(--mdm-iphone-height) * .12);width:3px;height:calc(var(--mdm-iphone-height) * .04)}.mdm-volume-up{left:-3px;top:calc(var(--mdm-iphone-height) * .19);width:3px;height:calc(var(--mdm-iphone-height) * .08)}.mdm-volume-down{left:-3px;top:calc(var(--mdm-iphone-height) * .28);width:3px;height:calc(var(--mdm-iphone-height) * .08)}.mdm-power-button{right:-3px;top:calc(var(--mdm-iphone-height) * .21);width:3px;height:calc(var(--mdm-iphone-height) * .12)}.mdm-iphone-screen{width:100%;height:100%;background:#000;border-radius:calc(var(--mdm-border-radius) - var(--mdm-bezel));overflow:hidden;position:relative;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}.mdm-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0a0505,#1a0a05 30%,#2a1508,#1a0a05 70%,#0a0505)}.mdm-wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(249,115,22,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(220,38,38,.2) 0%,transparent 40%)}.mdm-screen-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:100}.mdm-dynamic-island{position:absolute;top:calc(var(--mdm-iphone-width) * .03);left:50%;transform:translate(-50%);width:var(--mdm-dynamic-island-width);height:var(--mdm-dynamic-island-height);background:#000;border-radius:calc(var(--mdm-dynamic-island-height) / 2);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);will-change:width,height,border-radius;backface-visibility:hidden}.mdm-dynamic-island.mdm-di-state-collapsed:hover{width:calc(var(--mdm-dynamic-island-width) * 1.1);height:calc(var(--mdm-dynamic-island-height) * 1.05)}.mdm-dynamic-island.mdm-di-state-compact{width:calc(var(--mdm-iphone-width) * .52);height:calc(var(--mdm-iphone-width) * .13);border-radius:calc(var(--mdm-iphone-width) * .065)}.mdm-dynamic-island.mdm-di-state-expanded{width:calc(var(--mdm-iphone-width) * .88);height:calc(var(--mdm-iphone-width) * .23);border-radius:calc(var(--mdm-iphone-width) * .1)}.mdm-dynamic-island:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:10}.mdm-di-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px;opacity:1;transition:opacity .25s ease}.mdm-dynamic-island.mdm-di-state-expanded .mdm-di-collapsed-content,.mdm-dynamic-island.mdm-di-state-compact .mdm-di-collapsed-content{opacity:0;pointer-events:none;position:absolute;transition:opacity .08s cubic-bezier(.4,0,.2,1)}.mdm-di-camera{width:12px;height:12px;background:radial-gradient(circle at 35% 35%,#2a2a2a,#050508);border-radius:50%;border:2px solid #1a1a1a;box-shadow:inset 0 1px 2px #000c,0 0 3px #f973164d}.mdm-di-sensor{width:8px;height:8px;background:radial-gradient(circle,#1a1a1a,#000005);border-radius:50%;box-shadow:0 0 2px #dc262633}.mdm-di-compact-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:8px 12px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.mdm-dynamic-island.mdm-di-state-compact .mdm-di-compact-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .15s,transform .25s cubic-bezier(.4,0,.2,1) .15s}.mdm-dynamic-island.mdm-di-state-expanded .mdm-di-compact-content,.mdm-dynamic-island.mdm-di-state-collapsed .mdm-di-compact-content{opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.mdm-di-compact-left{display:flex;align-items:center;gap:8px}.mdm-di-compact-icon{width:28px;height:28px;border-radius:8px;background:var(--mdm-gradient);display:flex;align-items:center;justify-content:center}.mdm-di-compact-icon svg{width:14px;height:14px;color:#fff}.mdm-di-compact-info{display:flex;flex-direction:column;gap:1px}.mdm-di-compact-title{font-size:11px;font-weight:600;color:#fff;line-height:1.2}.mdm-di-compact-subtitle{font-size:9px;color:#ffffff80;line-height:1.2}.mdm-di-compact-right{display:flex;align-items:center}.mdm-di-compact-metric{font-size:16px;font-weight:600;color:#22c55e}.mdm-di-expanded-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:14px 18px;opacity:0;transform:scale(.9);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s;position:absolute;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.mdm-dynamic-island.mdm-di-state-expanded .mdm-di-expanded-content{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1) .15s,transform .25s cubic-bezier(.4,0,.2,1) .15s}.mdm-dynamic-island.mdm-di-state-compact .mdm-di-expanded-content,.mdm-dynamic-island.mdm-di-state-collapsed .mdm-di-expanded-content{opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.mdm-di-status-left{display:flex;align-items:center;gap:10px}.mdm-di-status-icon{width:38px;height:38px;border-radius:10px;background:var(--mdm-gradient);display:flex;align-items:center;justify-content:center}.mdm-di-status-icon svg{width:18px;height:18px;color:#fff}.mdm-di-status-info{color:#fff}.mdm-di-status-info h4{font-size:12px;font-weight:600;margin:0 0 2px;letter-spacing:-.3px}.mdm-di-status-info p{font-size:10px;color:#fff9;font-weight:400;margin:0}.mdm-di-status-right{display:flex;align-items:center;gap:6px}.mdm-di-sensor-badge{display:flex;flex-direction:column;align-items:center;padding:5px 8px;background:#ffffff1a;border-radius:8px}.mdm-di-sensor-badge span{font-size:11px;font-weight:700;color:#fff}.mdm-di-sensor-badge small{font-size:7px;color:#ffffff80;text-transform:uppercase}.mdm-di-sensor-badge.mdm-positive{background:#22c55e33}.mdm-di-sensor-badge.mdm-positive span{color:#22c55e}.mdm-status-bar{position:absolute;top:0;left:0;right:0;height:calc(var(--mdm-iphone-width) * .14);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--mdm-iphone-width) * .044) calc(var(--mdm-iphone-width) * .07) 0;color:#fff;font-size:calc(var(--mdm-iphone-width) * .04);font-weight:600;z-index:50}.mdm-status-left{display:flex;align-items:center}.mdm-status-right{display:flex;align-items:center;gap:5px}.mdm-signal-bars{display:flex;gap:1.5px;align-items:flex-end;height:11px}.mdm-signal-bars span{width:3px;background:#fff;border-radius:1px}.mdm-signal-bars span:nth-child(1){height:25%}.mdm-signal-bars span:nth-child(2){height:50%}.mdm-signal-bars span:nth-child(3){height:75%}.mdm-signal-bars span:nth-child(4){height:100%}.mdm-wifi-icon{margin-left:3px}.mdm-wifi-icon svg{width:14px;height:14px}.mdm-battery{display:flex;align-items:center;gap:2px}.mdm-battery-body{width:22px;height:11px;border:1.5px solid white;border-radius:3px;padding:1.5px;position:relative}.mdm-battery-body:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.mdm-battery-level{height:100%;width:80%;background:var(--mdm-gradient);border-radius:1px}.mdm-home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.mdm-home-screen.mdm-hidden{opacity:0;transform:scale(.95);pointer-events:none}.mdm-time-widget{position:absolute;top:calc(var(--mdm-iphone-height) * .17);left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10}.mdm-time{font-size:calc(var(--mdm-iphone-width) * .21);font-weight:200;letter-spacing:-2px;text-shadow:0 4px 30px rgba(0,0,0,.4)}.mdm-date{font-size:calc(var(--mdm-iphone-width) * .045);font-weight:500;opacity:.9;margin-top:6px}.mdm-widgets-container{position:absolute;bottom:calc(var(--mdm-iphone-height) * .27);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--mdm-iphone-width) * .035);z-index:10;width:calc(var(--mdm-iphone-width) - calc(var(--mdm-iphone-width) * .08));max-width:360px}.mdm-widget{flex:1;min-width:0;aspect-ratio:1;background:#ffffff2e;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:calc(var(--mdm-iphone-width) * .07);padding:calc(var(--mdm-iphone-width) * .035);color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .3s ease;overflow:hidden}.mdm-widget-hover:hover{transform:scale(1.03);background:#ffffff38}.mdm-widget-header{display:flex;align-items:center;gap:5px;font-size:calc(var(--mdm-iphone-width) * .032);font-weight:600;opacity:.9;margin-bottom:6px}.mdm-widget-icon{width:calc(var(--mdm-iphone-width) * .06);height:calc(var(--mdm-iphone-width) * .06);border-radius:5px;display:flex;align-items:center;justify-content:center}.mdm-widget-icon svg{width:calc(var(--mdm-iphone-width) * .04);height:calc(var(--mdm-iphone-width) * .04);color:var(--mdm-primary)}.mdm-analytics-widget-content{display:flex;flex-direction:column;gap:4px}.mdm-analytics-count{font-size:calc(var(--mdm-iphone-width) * .08);font-weight:300;line-height:1}.mdm-analytics-label{font-size:calc(var(--mdm-iphone-width) * .03);color:#fff9}.mdm-analytics-trend{display:inline-flex;align-items:center;gap:3px;font-size:calc(var(--mdm-iphone-width) * .028);padding:3px 6px;border-radius:6px;width:-moz-fit-content;width:fit-content;margin-top:6px}.mdm-analytics-trend.mdm-positive{background:#22c55e33;color:#22c55e}.mdm-analytics-trend svg{width:calc(var(--mdm-iphone-width) * .028);height:calc(var(--mdm-iphone-width) * .028)}.mdm-campaigns-widget-content{display:flex;flex-direction:column;gap:4px}.mdm-campaigns-count{font-size:calc(var(--mdm-iphone-width) * .08);font-weight:300;line-height:1}.mdm-campaigns-count span,.mdm-campaigns-label{font-size:calc(var(--mdm-iphone-width) * .03);color:#fff9}.mdm-mini-bars{display:flex;align-items:flex-end;gap:3px;height:calc(var(--mdm-iphone-width) * .1);margin-top:6px}.mdm-mini-bar{flex:1;background:var(--mdm-gradient);border-radius:2px;min-height:6px}.mdm-dock{position:absolute;bottom:calc(var(--mdm-iphone-height) * .05);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--mdm-iphone-width) * .05);padding:calc(var(--mdm-iphone-width) * .035) calc(var(--mdm-iphone-width) * .06);background:#ffffff2e;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:calc(var(--mdm-iphone-width) * .085);border:1px solid rgba(255,255,255,.12);z-index:50;transition:all .3s ease}.mdm-dock-icon{width:calc(var(--mdm-iphone-width) * .15);height:calc(var(--mdm-iphone-width) * .15);border-radius:calc(var(--mdm-iphone-width) * .04);display:flex;align-items:center;justify-content:center;font-size:calc(var(--mdm-iphone-width) * .07);color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.mdm-dock-hover:hover{transform:scale(1.1) translateY(-8px)}.mdm-dock-hover:active{transform:scale(.95)}.mdm-close-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:8px;position:relative}.mdm-close-icon .mdm-close-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mdm-close-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #ff3b3080;animation:mdm-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mdm-close-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mdm-fingerPoint 1s ease-in-out infinite}.mdm-close-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#ff6b6b}.mdm-close-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:calc(var(--mdm-iphone-width) * .05);background:#ff3b3066;animation:mdm-closePulseRing 1.5s ease-out infinite;z-index:-1}.mdm-close-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--mdm-iphone-width) * .065);background:#ff3b3033;animation:mdm-closePulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mdm-closePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.mdm-contact-icon{background:linear-gradient(135deg,#007aff,#5ac8fa);padding:8px;position:relative}.mdm-contact-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #007aff80;animation:mdm-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mdm-contact-tooltip:before{content:"👆";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:16px;animation:mdm-fingerPoint 1s ease-in-out infinite}.mdm-contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#5ac8fa}.mdm-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.mdm-call-icon{background:linear-gradient(135deg,#34c759,#30d158);padding:8px}.mdm-app-icon{background:var(--mdm-gradient);position:relative}.mdm-app-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:var(--mdm-gradient);color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #f9731680;animation:mdm-tooltipBounce 2s ease-in-out infinite;z-index:1000}.mdm-app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--mdm-primary-dark)}@keyframes mdm-tooltipBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes mdm-fingerPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.mdm-app-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:calc(var(--mdm-iphone-width) * .05);background:linear-gradient(135deg,#f9731666,#dc262666);animation:mdm-pulseRing 1.5s ease-out infinite;z-index:-1}.mdm-app-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--mdm-iphone-width) * .065);background:linear-gradient(135deg,#f9731633,#dc262633);animation:mdm-pulseRing 1.5s ease-out infinite .3s;z-index:-2}@keyframes mdm-pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.mdm-home-indicator{position:absolute;bottom:calc(var(--mdm-iphone-width) * .025);left:50%;transform:translate(-50%);width:calc(var(--mdm-iphone-width) * .37);height:calc(var(--mdm-iphone-width) * .013);background:#fff9;border-radius:3px;z-index:100;cursor:pointer;transition:all .2s ease}.mdm-home-indicator:hover{background:#ffffffe6;width:calc(var(--mdm-iphone-width) * .4)}.mdm-app{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0505,#0f0a0a);border-radius:calc(var(--mdm-border-radius) - var(--mdm-bezel));opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;transform-style:flat;isolation:isolate;overscroll-behavior:contain}.mdm-app.mdm-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.mdm-app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y}.mdm-marketing-app{height:100%;background:#0a0505;display:flex;flex-direction:column;overflow:hidden}.mdm-marketing-header{padding:calc(var(--mdm-iphone-width) * .15) calc(var(--mdm-iphone-width) * .04) calc(var(--mdm-iphone-width) * .03);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:relative;z-index:50;background:#0a0505fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mdm-marketing-header-top{display:flex;align-items:center;justify-content:space-between}.mdm-marketing-header-left{display:flex;align-items:center;gap:8px}.mdm-marketing-logo{width:32px;height:32px;border-radius:8px;background:var(--mdm-gradient);display:flex;align-items:center;justify-content:center}.mdm-marketing-logo svg{width:16px;height:16px;color:#fff}.mdm-marketing-header-text h1{color:#fff;font-size:13px;font-weight:700;margin:0}.mdm-marketing-header-text p{color:#ffffff80;font-size:10px;margin:0}.mdm-marketing-settings-btn{width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;border-radius:6px;background:#ff3b3040;border:1px solid rgba(255,59,48,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;flex-grow:0;margin-left:auto;padding:0}.mdm-marketing-settings-btn:active{background:#ff3b3080}.mdm-marketing-settings-btn svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;color:#ff5f57;stroke-width:3}.mdm-marketing-tabs{display:flex;gap:4px;margin-top:12px}.mdm-marketing-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:8px;border:none;background:transparent;color:#ffffff80;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s}.mdm-marketing-tab:hover{background:#ffffff0d}.mdm-marketing-tab.mdm-active{background:#f9731633;color:var(--mdm-primary)}.mdm-marketing-tab svg{width:12px;height:12px}.mdm-marketing-content{padding:14px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.mdm-marketing-content::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.mdm-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.mdm-stat-card{padding:10px;background:#ffffff0d;border-radius:10px;text-align:center}.mdm-stat-card.mdm-highlight{background:#f9731633}.mdm-stat-card svg{width:14px;height:14px;margin:0 auto 4px}.mdm-stat-card p{color:#fff;font-size:14px;font-weight:700;margin:0}.mdm-stat-card span{color:#ffffff80;font-size:9px}.mdm-section-title{color:#fff;font-size:12px;font-weight:600;margin:0 0 10px}.mdm-metrics-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.mdm-metric-item{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:space-between}.mdm-metric-left{display:flex;align-items:center;gap:8px}.mdm-metric-icon{width:28px;height:28px;border-radius:6px;background:#f9731633;display:flex;align-items:center;justify-content:center}.mdm-metric-icon svg{width:14px;height:14px;color:var(--mdm-primary)}.mdm-metric-info{display:flex;flex-direction:column;gap:2px}.mdm-metric-name{color:#fff;font-size:11px;font-weight:600}.mdm-metric-desc{color:#ffffff80;font-size:9px}.mdm-metric-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mdm-metric-value{color:#fff;font-size:12px;font-weight:700}.mdm-metric-change{display:flex;align-items:center;gap:2px;font-size:9px}.mdm-metric-change.mdm-positive{color:#22c55e}.mdm-metric-change.mdm-negative{color:#ef4444}.mdm-budget-card{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.mdm-budget-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px}.mdm-budget-header span:first-child{color:#fff9}.mdm-budget-header span:last-child{color:#fff;font-weight:600}.mdm-budget-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.mdm-budget-fill{height:100%;background:var(--mdm-gradient);border-radius:3px}.mdm-campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.mdm-campaign-stat{padding:10px;border-radius:10px;text-align:center}.mdm-campaign-stat.mdm-active-stat{background:#f9731633}.mdm-campaign-stat.mdm-conv-stat{background:#22c55e33}.mdm-campaign-stat.mdm-paused-stat{background:#f59e0b33}.mdm-campaign-stat svg{width:14px;height:14px;margin:0 auto 4px}.mdm-campaign-stat.mdm-active-stat svg{color:var(--mdm-primary)}.mdm-campaign-stat.mdm-conv-stat svg{color:#22c55e}.mdm-campaign-stat.mdm-paused-stat svg{color:#f59e0b}.mdm-campaign-stat-value{color:#fff;font-size:14px;font-weight:700}.mdm-campaign-stat-label{color:#ffffff80;font-size:9px}.mdm-campaign-list{display:flex;flex-direction:column;gap:8px}.mdm-campaign-item{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.mdm-campaign-item-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.mdm-campaign-platform{width:24px;height:24px;border-radius:5px;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.mdm-campaign-platform svg{width:12px;height:12px}.mdm-campaign-platform .mdm-google{color:#4285f4}.mdm-campaign-platform .mdm-facebook{color:#1877f2}.mdm-campaign-platform .mdm-instagram{color:#e4405f}.mdm-campaign-platform .mdm-email{color:#22c55e}.mdm-campaign-name{flex:1;color:#fff;font-size:10px;font-weight:600}.mdm-campaign-status-badge{font-size:8px;padding:2px 6px;border-radius:8px;font-weight:500}.mdm-campaign-status-badge.active{background:#22c55e33;color:#22c55e}.mdm-campaign-status-badge.paused{background:#f59e0b33;color:#f59e0b}.mdm-campaign-progress{margin-bottom:6px}.mdm-progress-bar{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:3px}.mdm-progress-fill{height:100%;background:var(--mdm-gradient);border-radius:2px}.mdm-progress-text{font-size:9px;color:#ffffff80}.mdm-campaign-footer{font-size:9px;color:#fff9}.mdm-chart-card{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:14px}.mdm-chart-title{color:#fff;font-size:12px;font-weight:600;margin:0 0 10px}.mdm-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:60px;gap:6px}.mdm-chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.mdm-chart-bar{width:100%;background:var(--mdm-gradient);border-radius:3px 3px 0 0;min-height:6px;transition:height .3s ease}.mdm-chart-label{font-size:7px;color:#fff6}.mdm-donut-card{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:14px}.mdm-donut-content{display:flex;align-items:center;gap:12px}.mdm-donut-visual{width:70px;height:70px}.mdm-donut-svg{width:100%;height:100%}.mdm-donut-legend{flex:1;display:flex;flex-direction:column;gap:5px}.mdm-legend-item{display:flex;align-items:center;gap:6px}.mdm-legend-dot{width:6px;height:6px;border-radius:50%}.mdm-legend-text{flex:1;font-size:9px;color:#ffffffb3}.mdm-legend-value{font-size:9px;font-weight:600;color:#fff}.mdm-cta-btn{width:100%;margin-top:12px;padding:12px;background:var(--mdm-gradient);border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.mdm-cta-btn:hover{opacity:.9}.mdm-cta-btn:active{transform:scale(.98)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-10{left:2.5rem;right:2.5rem}.-bottom-px{bottom:-1px}.-top-12{top:-3rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-10{bottom:2.5rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[-8px\]{left:-8px}.right-0{right:0}.right-10{right:2.5rem}.right-2{right:.5rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-8{right:2rem}.right-\[-8px\]{right:-8px}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-6{top:1.5rem}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[100000\]{z-index:100000}.z-\[100\]{z-index:100}.z-\[99998\]{z-index:99998}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.order-1{order:1}.col-span-2{grid-column:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[180px\]{height:180px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-140px\)\]{max-height:calc(90vh - 140px)}.min-h-\[100px\]{min-height:100px}.min-h-\[220px\]{min-height:220px}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[180px\]{width:180px}.w-\[8px\]{width:8px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[85\%\]{max-width:85%}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-left{transform-origin:left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[breathing_2s_ease-in-out_infinite\]{animation:breathing 2s ease-in-out infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{animation:gradient 8s linear infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shine{0%{background-position:200% center}to{background-position:-200% center}}.animate-shine{animation:shine 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.scroll-mt-32{scroll-margin-top:8rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-8{border-width:8px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[\#00a884\]\/30{border-color:#00a8844d}.border-gray-500\/20{border-color:#6b728033}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-green-500\/30{border-color:#22c55e4d}.border-indigo-500\/30{border-color:#6366f14d}.border-red-500\/50{border-color:#ef444480}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-l-white{--tw-border-opacity: 1;border-left-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-t-red-500{--tw-border-opacity: 1;border-top-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[\#005c4b\]{--tw-bg-opacity: 1;background-color:rgb(0 92 75 / var(--tw-bg-opacity, 1))}.bg-\[\#0a0a0f\]{--tw-bg-opacity: 1;background-color:rgb(10 10 15 / var(--tw-bg-opacity, 1))}.bg-\[\#0b141a\]{--tw-bg-opacity: 1;background-color:rgb(11 20 26 / var(--tw-bg-opacity, 1))}.bg-\[\#202c33\]{--tw-bg-opacity: 1;background-color:rgb(32 44 51 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/0{background-color:#0000}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/20{background-color:#06b6d433}.bg-cyan-600{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-fuchsia-600{--tw-bg-opacity: 1;background-color:rgb(192 38 211 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/20{background-color:#6366f133}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-pink-600{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-teal-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-500\/20{background-color:#eab30833}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#213448\]{--tw-gradient-from: #213448 var(--tw-gradient-from-position);--tw-gradient-to: rgb(33 52 72 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#547792\]\/20{--tw-gradient-from: rgb(84 119 146 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(84 119 146 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fuchsia-500{--tw-gradient-from: #d946ef var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-300{--tw-gradient-from: #d1d5db var(--tw-gradient-from-position);--tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500{--tw-gradient-from: #6b7280 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500\/10{--tw-gradient-from: rgb(107 114 128 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-700{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/20{--tw-gradient-from: rgb(99 102 241 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/10{--tw-gradient-from: rgb(255 255 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/20{--tw-gradient-from: rgb(255 255 255 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from: rgb(255 255 255 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#94B4C1\]\/20{--tw-gradient-to: rgb(148 180 193 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(148 180 193 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-500{--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-500{--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#547792\]{--tw-gradient-to: #547792 var(--tw-gradient-to-position)}.to-\[\#94B4C1\]{--tw-gradient-to: #94B4C1 var(--tw-gradient-to-position)}.to-blue-500\/20{--tw-gradient-to: rgb(59 130 246 / .2) var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to: #0891b2 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-gray-400{--tw-gradient-to: #9ca3af var(--tw-gradient-to-position)}.to-gray-400\/10{--tw-gradient-to: rgb(156 163 175 / .1) var(--tw-gradient-to-position)}.to-gray-500{--tw-gradient-to: #6b7280 var(--tw-gradient-to-position)}.to-gray-700{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/10{--tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position)}.to-white\/5{--tw-gradient-to: rgb(255 255 255 / .05) var(--tw-gradient-to-position)}.bg-\[length\:200\%_auto\]{background-size:200% auto}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1\.5px\]{padding:1.5px}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-12{padding-right:3rem}.pt-1{padding-top:.25rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-\[19px\]{line-height:19px}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[\#00a884\]{--tw-text-opacity: 1;color:rgb(0 168 132 / var(--tw-text-opacity, 1))}.text-\[\#53bdeb\]{--tw-text-opacity: 1;color:rgb(83 189 235 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_1px_0px_0px_\#ffffff40_inset\,0px_-1px_0px_0px_\#ffffff40_inset\]{--tw-shadow: 0px 1px 0px 0px #ffffff40 inset,0px -1px 0px 0px #ffffff40 inset;--tw-shadow-colored: inset 0px 1px 0px 0px var(--tw-shadow-color), inset 0px -1px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-red-500\/20{--tw-shadow-color: rgb(239 68 68 / .2);--tw-shadow: var(--tw-shadow-colored)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[6px\]{--tw-backdrop-blur: blur(6px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}.\[mask-image\:linear-gradient\(to_bottom\,transparent\,white\,transparent\)\]{-webkit-mask-image:linear-gradient(to bottom,transparent,white,transparent);mask-image:linear-gradient(to bottom,transparent,white,transparent)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;max-width:100vw;box-sizing:border-box;overscroll-behavior:none;overscroll-behavior-y:none;height:100%}body{margin:0;overflow-x:hidden;max-width:100vw;box-sizing:border-box;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;min-height:100%;min-height:-webkit-fill-available;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background:#000;background-image:none!important;background-attachment:fixed!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root>div{background-color:transparent;position:relative;z-index:1}.container,.main-content,.page-wrapper{width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}section{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;background:transparent!important;background-image:none!important;padding:80px 0}.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl,.max-w-3xl,.max-w-2xl{max-width:min(100vw,var(--max-width, 1280px));margin:0 auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}nav{padding-top:max(1rem,env(safe-area-inset-top))}.packages-section{padding:80px 0;background:#000;position:relative;overflow-x:hidden}.packages-container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;overflow-x:hidden}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;padding:20px}.package-card{height:auto;min-height:500px;max-width:100%;padding:24px;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease;overflow:visible;position:relative;z-index:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);will-change:transform;transform:translateZ(0)}@media (hover: hover) and (pointer: fine){.package-card:hover{transform:scale(1.03);transition:all .3s ease;z-index:10;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 12px 32px #0003,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.2)}.package-card.bg-gradient-to-br.from-green-900\/20:hover{box-shadow:0 8px 32px #22c55e4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(34,197,94,.3)}.package-card.bg-gradient-to-br.from-purple-900\/20:hover{box-shadow:0 8px 32px #9333ea4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(147,51,234,.3)}.package-card.bg-gradient-to-br.from-red-900\/20:hover{box-shadow:0 8px 32px #ef44444d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(239,68,68,.3)}.package-card.bg-gradient-to-br.from-yellow-900\/20:hover{box-shadow:0 8px 32px #fbbf244d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(251,191,36,.3)}}@media (hover: none) and (pointer: coarse){.package-card:hover{transform:none;box-shadow:none}}.features-section{padding:80px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;overflow:visible;padding:20px}.feature-card{height:400px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease;position:relative;z-index:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 20px #0000001a,inset 0 1px #ffffff14;border:1px solid rgba(255,255,255,.08);will-change:transform;transform:translateZ(0)}.feature-card:hover{transform:translateY(-4px) scale(1.01);z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000026,inset 0 1px #ffffff1f;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.industry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:48px}.industry-card{padding:16px;text-align:center;border-radius:12px;transition:all .3s ease;cursor:pointer}.industry-card:hover{transform:translateY(-2px)}.demo-chat-container{height:400px;overflow-y:auto;padding:16px}@media (max-width: 768px){.demo-chat-container,.chat-container,.whatsapp-chat,.industry-grid+.bg-white\/5,.industry-grid+.bg-white\/5 .demo-chat-container{height:auto;min-height:400px;max-height:none;overflow:visible;overflow-x:hidden}.demo-chat-container{padding:12px}.message-container{height:auto;min-height:350px;max-height:none;overflow:visible;overflow-x:hidden}.message-item{margin-bottom:12px;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.message-bubble{max-width:85%;padding:8px 12px;margin-bottom:8px;font-size:14px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.whatsapp-chat{width:100%;max-width:100%}.chat-header{padding:12px;font-size:14px;flex-shrink:0}.chat-messages{padding:12px;flex:1}}@media (min-width: 769px){.message-container{max-height:350px;overflow-y:auto}.chat-container{max-height:500px;overflow-y:auto}}.message-item{margin-bottom:16px}.typing-indicator{min-height:40px;display:flex;align-items:center}.btn{background:#404040;border:1px solid #666666;transition:opacity .2s ease;padding:12px 24px;border-radius:8px;color:#fff;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.15);will-change:transform;transform:translateZ(0)}.btn:hover{opacity:.8;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 6px 20px #00000026,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.25);transition:all .3s ease}.btn-premium{background:linear-gradient(135deg,#404040,#666);border:1px solid #888888;transition:all .2s ease;padding:12px 24px;border-radius:8px;color:#fff;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.2);will-change:transform;transform:translateZ(0)}.btn-premium:hover{background:linear-gradient(135deg,#555,#777);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 12px 32px #0003,inset 0 1px #ffffff40;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.card-depth{box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.card-depth:hover{box-shadow:0 6px 16px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.nav-enter{opacity:0;transform:translateY(-100%);visibility:hidden;pointer-events:none}.nav-enter-active{visibility:visible;animation:navSlideDown .5s ease-out forwards}.nav-ready{opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.nav-ready.nav-hidden{transform:translateY(-100%);opacity:0}.animate-content-stagger{opacity:0;animation:contentFadeIn .6s ease-out forwards;animation-delay:.3s}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:opacity .8s ease,transform .8s ease}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:opacity .8s ease,transform .8s ease}.fade-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity .8s ease,transform .8s ease}.scale-in.visible{opacity:1;transform:scale(1)}.section-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.section-reveal.visible{opacity:1;transform:translateY(0)}.card-slide-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.card-slide-up.visible{opacity:1;transform:translateY(0)}.counter-animate{opacity:0;transform:scale(.8);transition:opacity .8s ease,transform .8s ease}.counter-animate.visible{opacity:1;transform:scale(1)}.scan-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.scan-reveal.visible{opacity:1;transform:translateY(0)}.holographic-shimmer{opacity:0;transform:scale(.95);transition:opacity .8s ease,transform .8s ease}.holographic-shimmer.visible{opacity:1;transform:scale(1)}.particle-burst{opacity:0;transform:scale(.9);transition:opacity .8s ease,transform .8s ease}.particle-burst.visible{opacity:1;transform:scale(1)}.energy-wave{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.energy-wave.visible{opacity:1;transform:translateY(0)}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:8px}.status-online{background:#fff}.status-processing{background:#ccc}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-content.open{max-height:200px}.accordion-arrow{transition:transform .3s ease}.accordion-arrow.open{transform:rotate(180deg)}.trust-badge{transition:opacity .3s ease}.trust-badge:hover{opacity:.8}.message-status{display:flex;align-items:center;gap:2px;margin-top:4px}.status-tick{width:12px;height:12px;border-radius:2px}.status-sent{background:#666}.status-delivered{background:#888}.status-read{background:#aaa}.uptime-indicator{display:flex;align-items:center;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff}.uptime-dot{width:8px;height:8px;background:#fff;border-radius:50%;margin-right:8px}.loading-screen{background:#000;transition:opacity .8s ease;z-index:9999}.loading-exit{opacity:0;pointer-events:none}.loading-logo{opacity:0;transform:scale(.8) translateY(20px);transition:all 1s ease}.loading-logo.visible{opacity:1;transform:scale(1) translateY(0)}.typewriter-slogan{min-height:1.5rem}.cursor-blink{color:#ffffffb3}.loading-progress-container{position:relative;width:100%;height:4px;margin:20px 0}.loading-progress-track{position:relative;width:100%;height:100%;background:#40404033;border-radius:2px;overflow:hidden}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#404040,#666);border-radius:2px;transition:width .3s ease}.loading-progress-glow{position:absolute;top:-2px;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%);transition:left .3s ease}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.section-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:40px 0;z-index:1}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a}.glass:hover{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff26;transition:all .3s ease}html{scroll-behavior:smooth;scroll-padding-top:80px}::-webkit-scrollbar{display:none;width:0;height:0}html,body{-ms-overflow-style:none;scrollbar-width:none}select{position:relative;z-index:1000}select option{background:#1a1a1a;color:#fff;padding:8px}.legal-modal-backdrop{background:#000c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.legal-modal-container{background:#1a1a1a;border:1px solid #404040;border-radius:12px;max-width:800px;max-height:80vh;width:100%;overflow:hidden;box-shadow:0 20px 40px #00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a}.legal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #404040}.legal-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.legal-modal-close:hover{background:#ffffff1a}.legal-modal-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 100px)}.legal-links{display:flex;flex-wrap:wrap;gap:16px}.legal-link{background:none;border:none;color:#888;cursor:pointer;text-decoration:underline;font-size:14px;transition:color .2s ease}.legal-link:hover{color:#fff}@media (max-width: 768px){.hero-section{padding-top:120px;margin-top:0}.hero-logo{margin-top:20px}.section-reveal,.fade-in-up,.fade-in-left,.fade-in-right,.scale-in,.card-slide-up,.counter-animate,.scan-reveal,.holographic-shimmer,.particle-burst,.energy-wave{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:transform,opacity}.section-reveal.visible,.fade-in-up.visible,.fade-in-left.visible,.fade-in-right.visible,.scale-in.visible,.card-slide-up.visible,.counter-animate.visible,.scan-reveal.visible,.holographic-shimmer.visible,.particle-burst.visible,.energy-wave.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.fade-in-left,.fade-in-right{transform:translateY(20px)}.scale-in{transform:translateY(20px) scale(1)}.scale-in.visible{transform:translateY(0) scale(1)}.roi-calculator,.faq-section,.before-after-comparison,.testimonials,.pricing-section,.contact-section,.features-section{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.calculator-inputs,.roi-results{margin:0 auto;display:block;width:100%;max-width:350px}.roi-calculator .grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.roi-calculator h1,.roi-calculator h2,.roi-calculator h3,.roi-calculator h4,.roi-calculator p,.faq-section h1,.faq-section h2,.faq-section h3,.faq-section h4,.faq-section p,.before-after-comparison h1,.before-after-comparison h2,.before-after-comparison h3,.before-after-comparison h4,.before-after-comparison p,.testimonials h1,.testimonials h2,.testimonials h3,.testimonials h4,.testimonials p,.pricing-section h1,.pricing-section h2,.pricing-section h3,.pricing-section h4,.pricing-section p,.contact-section h1,.contact-section h2,.contact-section h3,.contact-section h4,.contact-section p,.features-section h1,.features-section h2,.features-section h3,.features-section h4,.features-section p{text-align:center;margin:0 auto}.roi-calculator>*,.faq-section>*,.before-after-comparison>*,.testimonials>*,.pricing-section>*,.contact-section>*,.features-section>*{text-align:center;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}section,.component-container{padding:2rem 0}.component-container{margin-bottom:1rem}.py-16,.py-14,.py-12{padding-top:2rem;padding-bottom:2rem}.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl{padding-left:1rem;padding-right:1rem;max-width:calc(100vw - 2rem)}.hero-section,.demo-section,.features-section,.industry-section,.pricing-section,.contact-section,.packages-section,section[id],.max-w-1200px,.container,.main-content,.page-wrapper,.chat-demo-container,.demo-chat-container,.chat-container,.features-grid,.feature-card,.testimonials-section,.testimonial-card,.testimonials-grid,.pricing-card,.pricing-grid,.contact-form,.contact-info{display:block;visibility:visible;opacity:1}.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl{display:block;visibility:visible;opacity:1}.chat-demo-container,.demo-chat-container,.chat-container{height:auto;min-height:300px}.roi-calculator,.calculator-inputs,.roi-results,.calculator-container{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important}.before-after-comparison,.comparison-grid,.comparison-card,.faq-section,.faq-item,.faq-container,.trust-badges,.trust-badge,.badges-container{display:block!important;visibility:visible!important;opacity:1!important}.grid,.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{display:grid!important;visibility:visible!important;opacity:1!important}.flex,.flex-col,.flex-row{display:flex!important;visibility:visible!important;opacity:1!important}.fade-in-up,.fade-in-left,.fade-in-right,.scale-in,.section-reveal,.card-slide-up,.counter-animate,.scan-reveal,.holographic-shimmer,.particle-burst,.energy-wave{display:block!important;visibility:visible!important;opacity:1!important}.roi-calculator{text-align:center!important;padding:1.5rem!important;margin:0 auto!important}.calculator-inputs,.roi-results{text-align:center!important;padding:1.5rem!important;margin:1rem auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.calculator-inputs h4,.roi-results h4{text-align:center!important;margin-bottom:1.5rem!important}.calculator-inputs .space-y-6,.roi-results .space-y-6{width:100%!important;max-width:300px!important;margin:0 auto!important}.faq-section{padding:2rem 1rem!important;text-align:center!important}.faq-item{margin-bottom:1rem!important;padding:0!important;text-align:left!important}.faq-question{font-size:1rem!important;padding:1.5rem!important;text-align:left!important}.faq-answer{padding:1.5rem!important;font-size:.875rem!important;text-align:left!important}.faq-section .max-w-3xl{padding:0 1rem!important;margin:0 auto!important}.before-after-comparison{text-align:center!important;padding:2rem 1rem!important}.comparison-grid{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1.5rem!important}.comparison-card{text-align:center!important;padding:1.5rem!important;margin:0 auto!important;width:100%!important;max-width:350px!important}.comparison-card h4{text-align:center!important;margin-bottom:1.5rem!important}.contact-form,.contact-info{text-align:center!important;padding:1.5rem!important;margin:0 auto!important}.form-grid{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1rem!important}.form-grid>div{width:100%!important;max-width:300px!important;text-align:center!important}.form-grid label{text-align:center!important;display:block!important;margin-bottom:.5rem!important}.form-grid input,.form-grid textarea,.form-grid select{text-align:center!important;margin:0 auto!important}.feature-card,.pricing-card,.package-card,.testimonial-card{text-align:center!important;margin:0 auto 1.5rem!important;padding:1.5rem!important}.feature-card h3,.pricing-card h3,.package-card h3,.testimonial-card h3{text-align:center!important;margin-bottom:1rem!important}.feature-card p,.pricing-card p,.package-card p,.testimonial-card p{text-align:center!important}.trust-badges{text-align:center!important;padding:2rem 1rem!important}.badges-container{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:1rem!important}.trust-badge{text-align:center!important;margin:0 auto!important;padding:1rem!important}.back-to-top button svg,.back-button svg,button:not([class*=mma-]):not([class*=mcd-]):not([class*=mwd-]):not([class*=med-]):not([class*=dma-]):not([class*=preview-nav]) svg[class*=chevron],button:not([class*=mma-]):not([class*=mcd-]):not([class*=mwd-]):not([class*=med-]):not([class*=dma-]) svg[class*=arrow]{width:20px!important;height:20px!important;font-size:20px!important}.fixed.bottom-20.right-20 svg,.fixed[class*=bottom] svg{width:40px!important;height:40px!important}.space-y-6>*+*{margin-top:1.5rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-8>*+*{margin-top:2rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.text-4xl{font-size:1.9rem;line-height:2.5rem;padding:35px}.text-5xl{font-size:2.5rem;line-height:3rem}.text-6xl{font-size:3rem;line-height:3.5rem}.text-3xl{font-size:1.75rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.125rem;line-height:1.75rem}.btn,.btn-premium,button{min-height:44px;min-width:44px;padding:12px 20px;font-size:1rem;touch-action:manipulation}input,textarea,select{min-height:44px;font-size:16px;padding:12px 16px}.max-w-1200px{max-width:100%;padding:0 1rem}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-2,.lg\:grid-cols-3,.md\:grid-cols-2,.md\:grid-cols-3{grid-template-columns:1fr}.gap-8,.gap-6{gap:1rem}.gap-12{gap:1.5rem}.space-y-8>*+*{margin-top:1.5rem}.space-y-6>*+*{margin-top:1rem}.p-8,.p-6,.package-card,.feature-card,.pricing-card,.testimonial-card,.comparison-card,.calculator-inputs,.roi-results,.contact-form,.contact-info,.faq-item,.trust-badge,.packages-container,.features-section,.pricing-section,.contact-section,.roi-calculator,.before-after-comparison,.faq-section,.trust-badges{padding:1.5rem!important}.px-8{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-8{padding-top:1.5rem;padding-bottom:1.5rem}section{padding:2rem 0!important}.py-16,.py-14,.py-12{padding-top:2rem!important;padding-bottom:2rem!important}img{max-width:100%;height:auto}.overflow-hidden{overflow:visible}.chat-container{max-height:400px;overflow-y:auto}.message-container{max-height:350px}.industry-selector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.industry-button{width:100%;padding:.75rem;text-align:left;font-size:.875rem}.whatsapp-chat{width:100%;max-width:100%;margin:0}.chat-header{padding:1rem;font-size:1rem}.chat-messages{padding:1rem;max-height:300px;overflow-y:auto}.message-bubble{max-width:80%;padding:.75rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.contact-form{width:100%;padding:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.pricing-card{margin-bottom:1.5rem;padding:1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem!important;padding:1.5rem!important}.feature-card{padding:1.5rem!important;height:auto!important;min-height:250px!important}.roi-calculator{padding:1.5rem!important}.calculator-inputs,.roi-results{padding:1.5rem!important;margin-bottom:1.5rem!important}.faq-item{margin-bottom:1rem!important}.faq-question{font-size:1rem!important;padding:1.5rem!important}.faq-answer{padding:1.5rem!important;font-size:.875rem!important}.trust-badges{grid-template-columns:repeat(2,1fr);gap:1rem!important}.trust-badge{padding:1rem!important;font-size:.875rem!important}.contact-numbers{display:flex!important;flex-direction:column!important;gap:.5rem!important;align-items:center!important}.contact-numbers a{padding:.75rem 1rem!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:.5rem!important;text-decoration:none!important;color:#fff!important;font-size:.875rem!important;transition:all .3s ease!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.contact-numbers a:hover{background:#fff3!important;border-color:#ffffff4d!important}.mobile-menu{display:block}.desktop-menu{display:none}.hero-buttons{flex-direction:column;gap:1rem;width:100%}.hero-features{grid-template-columns:1fr;gap:1rem}.testimonial-card{padding:1.5rem!important;margin-bottom:1.5rem!important}.testimonial-grid,.comparison-grid{grid-template-columns:1fr;gap:1.5rem!important}.comparison-card{padding:1.5rem!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem!important}.stat-card{padding:1.5rem!important;text-align:center!important}.counter-number{font-size:1.5rem!important}.counter-label{font-size:.875rem!important}.packages-grid{grid-template-columns:1fr;gap:1.5rem!important}.packages-container{padding:0 1.5rem!important}.package-card{padding:1.5rem!important;height:auto!important;min-height:500px!important}.features-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.feature-card{height:auto!important;min-height:300px!important}.industry-grid{grid-template-columns:repeat(2,1fr);gap:1rem!important}.demo-chat-container{height:auto!important;min-height:400px!important}.message-container{max-height:none!important;min-height:350px!important}.section-separator{margin:1.5rem 0!important}.mb-8,.mb-12{margin-bottom:1.5rem!important}.mb-16{margin-bottom:1.5rem}.gap-8,.gap-6,.gap-12{gap:1.5rem!important}.gap-4{gap:1rem!important}.space-y-8>*+*,.space-y-6>*+*,.space-y-4>*+*{margin-top:1.5rem!important}body{overflow-x:hidden}.relative{position:relative;overflow:visible}.absolute{position:relative}.z-50{z-index:50}.z-40{z-index:40}.z-30{z-index:30}*{max-width:100vw;box-sizing:border-box}html,body{scroll-behavior:smooth;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}button,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.animate-pulse,.animate-bounce,.animate-spin{animation-duration:1s}.loading-screen{padding:1rem}.loading-logo{transform:scale(.8)}.modal{margin:1rem;max-height:90vh;overflow-y:auto}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-links{flex-direction:column;gap:1rem}}.grid,.flex{max-width:100%;box-sizing:border-box}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #000}button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #000}a:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #000}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #000}.lanyard-canvas{pointer-events:none!important}.lanyard-canvas canvas{pointer-events:auto!important}.scroll-progress-container{will-change:transform;transform:translateZ(0)}@keyframes breathing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.95}}@keyframes drawPath{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media (min-width: 768px){html{scroll-snap-type:y proximity}section{scroll-snap-align:start}}.placeholder\:text-neutral-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.placeholder\:text-neutral-500::placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:bg-\[\#00a884\]\/10:hover{background-color:#00a8841a}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:from-\[\#547792\]:hover{--tw-gradient-from: #547792 var(--tw-gradient-from-position);--tw-gradient-to: rgb(84 119 146 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-\[\#EAE0CF\]:hover{--tw-gradient-to: #EAE0CF var(--tw-gradient-to-position)}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[\#547792\]\/50:hover{--tw-shadow-color: rgb(84 119 146 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-\[\#94B4C1\]\/20:hover{--tw-shadow-color: rgb(148 180 193 / .2);--tw-shadow: var(--tw-shadow-colored)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-gray-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-\[2px\]:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-gray-600:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group\/btn:hover .group-hover\/btn\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-x-1{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-black\/40{background-color:#0006}.group:hover .group-hover\:text-\[\#94B4C1\]{--tw-text-opacity: 1;color:rgb(148 180 193 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.group\/btn:hover .group-hover\/btn\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group\/input:hover .group-hover\/input\:shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:blur-sm{--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}@media (min-width: 640px){.sm\:right-8{right:2rem}.sm\:top-8{top:2rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mr-3{margin-right:.75rem}.sm\:mt-10{margin-top:2.5rem}.sm\:h-12{height:3rem}.sm\:h-14{height:3.5rem}.sm\:h-20{height:5rem}.sm\:h-3{height:.75rem}.sm\:h-48{height:12rem}.sm\:h-5{height:1.25rem}.sm\:h-6{height:1.5rem}.sm\:min-h-0{min-height:0px}.sm\:w-12{width:3rem}.sm\:w-14{width:3.5rem}.sm\:w-3{width:.75rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-auto{width:auto}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-0{gap:0px}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-3{padding:.75rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pt-8{padding-top:2rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:mb-12{margin-bottom:3rem}.md\:mb-6{margin-bottom:1.5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-20{height:5rem}.md\:h-24{height:6rem}.md\:h-60{height:15rem}.md\:w-20{width:5rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-3{gap:.75rem}.md\:gap-8{gap:2rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.group:hover .md\:group-hover\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\:mb-16{margin-bottom:4rem}.lg\:mt-12{margin-top:3rem}.lg\:h-16{height:4rem}.lg\:h-6{height:1.5rem}.lg\:w-16{width:4rem}.lg\:w-6{width:1.5rem}.lg\:max-w-4xl{max-width:56rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1280px){.xl\:text-6xl{font-size:3.75rem;line-height:1}}