.mg-section{--brand:#1e66ff;--bg:transparent;--card:#ffffff;--ink:#ffffff;--muted:#9ba4b4;--ring:540px;--radius:220px;--center:220px;--icon:64px;--spin-dur:28s;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);display:grid;place-items:center;padding:50px 10px 80px;border-radius:0;position:relative;overflow:hidden}.mg-stage{position:relative;width:min(92vw,var(--ring));height:min(92vw,var(--ring));border-radius:50%;display:grid;place-items:center;background:none;box-shadow:inset 0 0 10px 20px #2563eb73}.mg-center{position:absolute;width:var(--center);height:var(--center);border-radius:50%;background:var(--card);display:grid;place-items:center;text-align:center;box-shadow:0 0 20px 20px #2563eb5c;z-index:3;padding:8px}.mg-center h3{margin:0 10px;font-size:22px;letter-spacing:.3px;color:#121417}.mg-center small{margin-top:4px;color:var(--muted);display:block}.mg-orbit{position:absolute;inset:0;animation:mg-spin var(--spin-dur) linear infinite;will-change:transform}@keyframes mg-spin{to{transform:rotate(360deg)}}@keyframes mg-counter{to{transform:rotate(-360deg)}}.mg-item{--angle:0deg;position:absolute;left:50%;top:50%;transform-origin:0 0;transform:rotate(var(--angle)) translate(var(--radius))}.mg-item-inner{display:grid;place-items:center;text-align:center;width:120px;translate:-50% -50%;animation:mg-counter var(--spin-dur) linear infinite}.mg-btn{all:unset;display:grid;place-items:center;width:var(--icon);height:var(--icon);border-radius:50%;background:var(--card);box-shadow:0 8px 22px rgb(0 0 0 / .12);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.mg-item[aria-current="true"] .mg-btn,.mg-btn:hover{transform:translateY(-2px);background:#eef4ff;box-shadow:0 14px 28px rgb(30 102 255 / .27)}.mg-btn svg{width:28px;height:28px;fill:var(--brand)}.mg-label{display:block;margin-top:6px;font-weight:700;font-size:16px;color:var(--card)}.a0{--angle:-90deg}.a45{--angle:-45deg}.a90{--angle:0deg}.a135{--angle:45deg}.a180{--angle:90deg}.a225{--angle:135deg}.a270{--angle:180deg}.a315{--angle:225deg}.mg-face{display:grid;place-items:center;transform:rotate(calc(-1 * var(--angle)))}.mg-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card);color:#121417;width:min(680px,90vw);min-width:280px;border-radius:14px;box-shadow:0 12px 24px rgb(0 0 0 / .12);padding:14px 44px 14px 16px;z-index:9999;opacity:0;transition:opacity .22s ease-out;display:none}.mg-toast.visible{display:block;opacity:1;animation:mg-pop .22s ease-out}@keyframes mg-pop{from{opacity:0;transform:translate(-50%,-40%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mg-toast h4{margin:0 0 4px 0;font-size:18px}.mg-toast p{margin:0;color:#606a7a;line-height:1.55}.mg-toast .mg-x{position:absolute;right:8px;top:8px;width:28px;height:28px;border:none;background:#fff0;cursor:pointer;border-radius:6px}.mg-toast .mg-x:hover{background:#f0f3f8}.mg-toast .mg-x svg{width:18px;height:18px;fill:#556074}.mg-toast::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;border:10px solid #fff0;border-top-color:var(--card);filter:drop-shadow(0 4px 4px rgb(0 0 0 / .08))}@media (prefers-reduced-motion:reduce){.mg-orbit,.mg-item-inner{animation:none!important}}@media (max-width:680px){.mg-section{--ring:380px;--radius:150px;--center:170px;--icon:56px}.mg-center h3{font-size:18px}.mg-label{font-size:15px}.mg-item-inner{width:140px}.mg-toast{width:min(92vw,520px)}}