.mi{position:relative;overflow:hidden;border-radius:18px 18px 0 0;background:#000}
.mi-screen{position:absolute;left:50%;top:0;height:470px;translate:-50% 0;transform-origin:top center;margin-left:0;overflow:hidden;border:9px solid #0b0b0c;border-bottom:0;border-radius:18px 18px 0 0;box-sizing:border-box;
  background:
    radial-gradient(120% 90% at 18% 110%,#3d6fd6 0%,transparent 55%),
    radial-gradient(90% 80% at 85% 100%,#7b8fe8 0%,transparent 60%),
    radial-gradient(80% 70% at 60% 30%,#bcd0f5 0%,transparent 70%),
    linear-gradient(180deg,#dfe8f8 0%,#a9c1ee 55%,#6d93e0 100%)}
.mi-menubar{position:absolute;inset:0 0 auto;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:500 13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;color:rgba(0,0,0,.85);letter-spacing:-.01em}
.mi-menu-left,.mi-menu-right{display:flex;align-items:center;gap:19px;white-space:nowrap;overflow:hidden;max-width:calc(50% - 92.5px - 12px)}
.mi-menu-left b{font-weight:700}
.mi-menu-left span{font-weight:400}
.mi-menu-right{gap:16px;justify-content:flex-end}
.mi-apple{width:13px;height:16px;background:currentColor;-webkit-mask:var(--mi-apple) center/contain no-repeat;mask:var(--mi-apple) center/contain no-repeat;flex:none}
.mi{--mi-apple:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 16'%3E%3Cpath d='M10.8 8.5c0-1.9 1.6-2.8 1.6-2.8-.9-1.3-2.3-1.5-2.8-1.5-1.2-.1-2.3.7-2.9.7-.6 0-1.5-.7-2.5-.7C2.9 4.2 1.7 5 1 6.2c-1.4 2.4-.4 6 1 7.9.7.9 1.4 2 2.4 1.9 1-.1 1.3-.6 2.5-.6s1.5.6 2.5.6 1.7-1 2.3-1.9c.7-1.1 1-2.1 1-2.2 0 0-2-.8-2-3.4ZM8.9 2.8c.5-.7.9-1.6.8-2.5-.8 0-1.7.5-2.3 1.2-.5.6-.9 1.5-.8 2.4.9.1 1.8-.4 2.3-1.1Z'/%3E%3C/svg%3E")}
.mi-island{position:absolute;top:0;left:50%;translate:-50% 0;background:#000;overflow:hidden;color:#F3F3F3;-webkit-font-smoothing:antialiased;cursor:default;font-family:Inter,system-ui,sans-serif}
.mi-cat{position:absolute;width:68px;height:68px;pointer-events:none;z-index:2}
.mi-indicator{position:absolute;right:11px;top:11px;width:16px;height:16px;display:grid;place-items:center;color:#C8C6C6;opacity:0;transition:opacity .2s ease-in-out}
.mi-indicator.on{opacity:1}
.mi-island.expanded .mi-indicator{opacity:0;transition:none}
.mi-wave{display:flex;align-items:center;gap:1.837px}.mi-wave i{display:block;width:1.429px;border-radius:1px;background:currentColor}
.mi-spinner{color:#F3F3F3;animation:mi-spin .667s steps(8) infinite}
@keyframes mi-spin{to{rotate:360deg}}
.mi-utility{position:absolute;top:0;right:16px;height:32px;display:flex;align-items:center;color:#F3F3F3;opacity:0;transition:opacity .16s ease-in-out;pointer-events:none}
.mi-utility .mi-ic{width:32px;height:22px;border-radius:6px;-webkit-mask:none;mask:none;background:none;position:relative}
.mi-utility .mi-ic::after{content:"";position:absolute;inset:3px 8px;background:currentColor;-webkit-mask:var(--ic) center/16px 16px no-repeat;mask:var(--ic) center/16px 16px no-repeat}
.mi-island.expanded .mi-utility{opacity:1;pointer-events:auto}
.mi-utility .mi-ic:hover{background:rgba(255,255,255,.14)}
.mi-card-area{position:absolute;top:32px;left:0;width:540px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),transparent);mask-image:linear-gradient(#000 calc(100% - 16px),transparent)}
.mi-card{position:absolute;top:0;left:0;width:540px;box-sizing:border-box;padding:12px 24px 24px 92px;min-height:88px;transform-origin:top center}
.mi-card.leaving{animation:mi-card-out .16s ease-in both}
@keyframes mi-card-in{from{opacity:0;scale:.97}}
@keyframes mi-card-out{to{opacity:0}}
.mi .sec{color:#C8C6C6}
.mi .t-title{font:500 14px/28px "DM Sans",Inter,system-ui,sans-serif;letter-spacing:-.07px}
.mi .t-body{font:400 14px/24px Inter,system-ui,sans-serif}
.mi .t-small{font:400 12px/20px Inter,system-ui,sans-serif;letter-spacing:.06px}
.mi .t-label{font:500 10px/16px Inter,system-ui,sans-serif;letter-spacing:.6px}
.mi .t-caption{font:500 10px/16px Inter,system-ui,sans-serif;letter-spacing:.1px}
.mi-stack{display:flex;flex-direction:column;gap:12px}
.mi-inner{display:flex;flex-direction:column;gap:8px}
.mi-turn{display:flex;flex-direction:column;gap:4px}
.mi-follow{padding-top:4px}
.mi-status{display:flex;align-items:center;gap:8px}
.mi-ic{display:inline-block;width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/16px 16px no-repeat;mask:var(--ic) center/16px 16px no-repeat}
.mi-dots{display:inline-block;position:relative;width:20px;height:5px}
.mi-dots i{position:absolute;top:2.5px;border-radius:50%;background:currentColor;translate:-50% -50%;animation:mi-dot .75s steps(1) infinite}
.mi-dots i:nth-child(1){left:2.5px;width:5px;height:5px}
.mi-dots i:nth-child(2){left:11px;width:4px;height:4px;animation-delay:-.5s}
.mi-dots i:nth-child(3){left:18.5px;width:3px;height:3px;animation-delay:-.25s}
@keyframes mi-dot{0%{opacity:.9}33.3%{opacity:.3}66.6%{opacity:.6}}
.mi-field-row{display:flex;gap:12px}
.mi-field{flex:1;height:32px;display:flex;align-items:center;padding:0 8px 0 16px;background:#1B1B1B;border-radius:6px;box-shadow:inset 0 0 0 .5px #292929;color:#F3F3F3;overflow:hidden;white-space:nowrap}
.mi-field.has-text{box-shadow:inset 0 0 0 .5px #F3F3F3}
.mi-caret{display:inline-block;width:1px;height:14px;margin-left:1px;background:#F3F3F3;animation:mi-blink 1s steps(1) infinite}
@keyframes mi-blink{50%{opacity:0}}
.mi-send{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:6px;background:#333;color:#777}
.mi-send.ready{background:#EBEAEA;color:#26251E}
.mi-win{position:absolute;left:50%;top:204px;translate:-50% 0;width:min(560px,90%);height:320px;background:#fbfbfc;border-radius:12px;box-shadow:0 0 0 .5px rgba(0,0,0,.18),0 24px 60px -12px rgba(10,30,80,.45);font:400 13px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;color:#1d1d1f;overflow:hidden}
.mi-win-bar{position:relative;height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #ececee;background:#f4f4f6}
.mi-win-bar i{width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}
.mi-win-bar i:nth-child(2){background:#febc2e}.mi-win-bar i:nth-child(3){background:#28c840}
.mi-win-bar span{position:absolute;left:0;right:0;text-align:center;font-weight:600;font-size:13px;color:#4a4a4f;pointer-events:none}
.mi-win-body{padding:18px 22px}
.mi-win-h{font-size:19px;font-weight:600;letter-spacing:-.01em}
.mi-win-sub{margin-top:2px;color:#86868b;font-size:12px}
.mi-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-top:16px}
.mi-f{display:flex;flex-direction:column;gap:5px}
.mi-l{font-size:11px;font-weight:500;color:#86868b}
.mi-v{height:30px;display:flex;align-items:center;padding:0 10px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #dcdce0;white-space:nowrap;transition:opacity .3s}
.mi-v:empty::before{content:attr(data-ph);color:#b4b4ba}
.mi-focus .mi-v{box-shadow:inset 0 0 0 1px #6f9cf2,0 0 0 3px rgba(10,110,255,.22)}
.mi-f.typing .mi-v::after{content:"";width:1px;height:15px;margin-left:1px;background:#1d1d1f}
.mi-f.filled:not(.typing) .mi-v{animation:mi-filled 1.2s ease-out}
@keyframes mi-filled{from{background:#e6f0ff}}
.mi-clearing .mi-f .mi-v{opacity:0}
@media (prefers-reduced-motion:reduce){.mi-spinner,.mi-dots i,.mi-caret{animation:none}}