.mg-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mg-title-row h1{margin-bottom:0}.mg-info{flex:0 0 36px;width:36px;height:36px;border:1.5px solid #4265b5;border-radius:50%;background:#f0f5ff;color:#224c9f;font:700 20px Georgia,serif;cursor:pointer}.mg-info:hover{background:#dae7ff}.mg-info:focus-visible,.mg-close:focus-visible,.mg-dialog button:focus-visible{outline:3px solid #e9ad19;outline-offset:3px}
.mg-avatar{display:inline-grid;place-items:center;position:relative;isolation:isolate;flex:0 0 54px;width:54px;height:54px;border-radius:19px;background:conic-gradient(from 215deg,#005bff 0 28%,#5000aa 28% 49%,#008f48 49% 72%,#ff8a00 72% 88%,#ff492e 88% 100%);box-shadow:0 4px 12px #071b5820,inset 0 0 0 1px #ffffff70}.mg-avatar::before{content:"";position:absolute;inset:3px;border-radius:16px;background:#fff url("mosaeli-icon-192.png") center/100% 100% no-repeat}.mg-avatar::after{content:"";position:absolute;right:-3px;bottom:-2px;width:11px;height:11px;background:#ff8a00;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px #071b5820}.mg-avatar .mg-face{display:none}
.mg-welcome{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #cbd9ef;border-radius:18px;background:#f1f6ff;margin:0 0 24px}.mg-welcome p{margin:4px 0 0;color:#53627b;font-size:14px}.mg-welcome>div{flex:1}.mg-close{border:0;background:transparent;color:#41516e;font:26px system-ui;min-width:44px;min-height:44px;cursor:pointer}.mg-help-card{display:flex;gap:22px;margin-bottom:22px}.mg-note{font-size:13px;color:#52617a;line-height:1.6;margin-top:18px}
.mg-dialog{position:fixed;inset:auto 24px 24px auto;margin:0;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #c7d7ef;border-radius:24px;background:#fff;color:#152444;box-shadow:0 15px 65px #12264b38;font-family:Manrope,system-ui,sans-serif;box-sizing:border-box}.mg-dialog::backdrop{background:#14284b18}.mg-dialog-head{display:flex;align-items:center;gap:12px}.mg-dialog-head .mg-avatar{width:44px;height:44px;flex-basis:44px}.mg-dialog-head .soft-label{flex:1;font-size:12px;color:#52627e}.mg-dialog h2{font-size:23px;line-height:1.25;margin:18px 0 12px}.mg-dialog h3{font-size:14px;margin:18px 0 6px}.mg-dialog p{font-size:14px;line-height:1.65;margin:0 0 12px}.mg-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.mg-actions .btn{padding:10px 14px;min-height:44px}.mg-actions [data-guide-skip]{margin-right:auto}.mg-progress{display:flex;gap:5px;margin-top:18px}.mg-progress span{height:4px;flex:1;background:#e7edf6;border-radius:2px}.mg-progress span.done{background:#1261e8}.mg-highlight{outline:3px solid #175edf!important;outline-offset:5px;scroll-margin-top:135px;scroll-margin-bottom:330px}.mg-target-note:empty{display:none}.mg-target-note{color:#735818}.mg-dialog [disabled]{opacity:.45}
@media(max-width:650px){.mg-dialog{right:12px;bottom:12px;width:calc(100vw - 24px);padding:18px;max-height:55dvh}.mg-welcome{flex-wrap:wrap;padding:16px;gap:12px}.mg-welcome>div{flex-basis:calc(100% - 80px)}.mg-welcome>.btn{flex:1}.mg-help-card{gap:14px;flex-direction:column}.mg-title-row{gap:9px}.mg-info{width:36px;height:36px}.mg-highlight{scroll-margin-bottom:55dvh}}
@media(prefers-reduced-motion:reduce){.mg-dialog,.mg-avatar,.mg-highlight{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mg-avatar::before{background-size:82% 82%;background-position:center 15%}.mg-avatar .mg-face{display:block;position:absolute;inset:0;z-index:1}.mg-face b{display:none}.mg-face i{position:absolute;width:16px;height:8px;border:2px solid #173979;border-top:0;border-radius:0 0 18px 18px;bottom:7px;left:calc(50% - 8px);background:white}.mg-guide-shortcut{display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap}.mg-guide-shortcut .mg-avatar{width:30px;height:30px;flex-basis:30px;border-radius:11px}.mg-guide-shortcut .mg-avatar::before{border-radius:8px}.mg-guide-shortcut .mg-avatar::after{display:none}.mg-guide-shortcut .mg-face i{width:10px;height:5px;left:calc(50% - 5px);bottom:4px}.mg-anchored .mg-pointer-face{position:fixed!important;width:54px!important;height:54px!important;z-index:3;filter:drop-shadow(0 3px 5px #16316633);pointer-events:none}.mg-anchored .mg-dialog-head{min-height:32px}.mg-anchored .mg-dialog-head .soft-label{padding-right:8px}.mg-anchored{transition:top .18s ease,left .18s ease}.mg-anchored .mg-pointer-face::after{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:#175edf;left:-5px;right:auto;top:22px;border:0}.mg-anchored .mg-actions [data-guide-take]{margin-right:auto}
[data-device-focus]{flex-wrap:wrap}
[data-device-focus] .device-focus-actions{flex-wrap:wrap;min-width:0}
[data-device-focus] .mg-guide-shortcut{flex-shrink:0}
[class].mg-avatar{border-radius:50%;background:transparent url("mosaeli-guide-avatar.png?v=42.1") center/contain no-repeat;box-shadow:none}
[class].mg-avatar::before,[class].mg-avatar .mg-face{display:none}
[class].mg-avatar:not(.mg-pointer-face)::after{display:none}