@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url('/_next/static/media/1b99372b3eaef0c8-s.0gx2haw2tmll8.woff2') format('woff2')}
:root{--mg-blue:#4375fe;--mg-pink:#ff4fb8;--mg-ink:#211b2b;--mg-muted:#766f81;--mg-surface:255 255 255;--mg-canvas:#f8f6fc;--mg-line:232 227 238;--mg-shadow:40 28 58}
[data-theme=dark]{--mg-ink:#f7f4fb;--mg-muted:#aaa3b5;--mg-surface:31 27 39;--mg-canvas:#15121b;--mg-line:75 67 87;--mg-shadow:0 0 0;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Outfit,Arial,sans-serif;color:var(--mg-ink)}body{min-height:100vh;background:var(--mg-canvas);transition:background .45s ease,color .35s ease}button,input,textarea,select{font:inherit}
.mg-header{position:relative;z-index:50;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));background:rgb(var(--mg-surface)/.72);border-bottom:1px solid rgb(var(--mg-line)/.6);box-shadow:0 8px 35px rgb(var(--mg-shadow)/.04);backdrop-filter:blur(24px) saturate(170%);animation:mgHeaderIn .65s cubic-bezier(.2,.8,.2,1) both}
.mg-brand{display:flex;align-items:center;gap:11px;color:var(--mg-ink);text-decoration:none;font-size:19px;font-weight:900;white-space:nowrap}.mg-brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px rgb(var(--mg-shadow)/.13);transition:transform .45s cubic-bezier(.2,.9,.2,1)}.mg-brand:hover img{transform:scale(1.07) rotate(-3deg)}
.mg-nav{display:flex;align-items:center;gap:5px}.mg-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;color:var(--mg-ink);text-decoration:none;font-weight:800;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.mg-nav a:hover{background:rgb(var(--mg-surface)/.9);box-shadow:0 8px 25px rgb(var(--mg-shadow)/.1);transform:translateY(-1px)}.mg-nav .active{background:linear-gradient(135deg,#5b83ff,#386bfb);color:#fff;box-shadow:0 8px 22px rgba(67,117,254,.27)}
.mg-liquid-bg{position:relative;isolation:isolate;overflow-x:hidden;overflow-y:auto}.mg-liquid-bg:before,.mg-liquid-bg:after{content:"";position:fixed;z-index:-1;width:520px;height:520px;border-radius:50%;filter:blur(4px);pointer-events:none;animation:mgFloat 12s ease-in-out infinite alternate}.mg-liquid-bg:before{left:-230px;top:-180px;background:radial-gradient(circle,rgba(255,79,184,.2),transparent 70%)}.mg-liquid-bg:after{right:-230px;bottom:-230px;background:radial-gradient(circle,rgba(67,117,254,.22),transparent 70%);animation-delay:-5s}
.mg-glass{background:rgb(var(--mg-surface)/.7);border:1px solid rgb(var(--mg-line)/.7);box-shadow:0 24px 65px rgb(var(--mg-shadow)/.13);backdrop-filter:blur(28px) saturate(165%)}
.mg-reveal{animation:mgReveal .75s cubic-bezier(.2,.8,.2,1) both}.mg-reveal-delay{animation-delay:.12s}
.mg-action{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease}.mg-action:hover{transform:translateY(-2px);filter:brightness(1.04)}.mg-action:active{transform:scale(.975)}.mg-action:after{content:"";position:absolute;inset:-80%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.32) 50%,transparent 58%);transform:translateX(-55%) rotate(8deg);transition:transform .7s ease}.mg-action:hover:after{transform:translateX(55%) rotate(8deg)}
.mg-role{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.mg-role.owner{color:#fff;background:linear-gradient(135deg,#ff9e2f,#ff4f87);box-shadow:0 5px 15px rgba(255,100,100,.25)}.mg-role.admin{color:#fff;background:linear-gradient(135deg,#765cff,#4375fe)}
.mg-avatar{overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent,#ff4fb8),#4375fe);color:#fff;font-weight:900}.mg-avatar img{width:100%;height:100%;object-fit:cover}
.hidden{display:none!important}.mg-theme-cycle{flex:none;width:38px;height:38px;margin-left:4px;border:1px solid rgb(var(--mg-line)/.8);border-radius:999px;background:rgb(var(--mg-surface)/.7);color:var(--mg-ink);font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 6px 17px rgb(var(--mg-shadow)/.1);transition:transform .22s ease,background .35s ease}.mg-theme-cycle:hover{transform:translateY(-1px) rotate(8deg);background:rgb(var(--mg-surface))}.mg-theme-cycle:active{transform:scale(.92)}
footer [role="radiogroup"][aria-label="Theme"]{display:none!important}
@keyframes mgHeaderIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes mgReveal{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}@keyframes mgFloat{from{transform:translate3d(-3%,-2%,0) scale(.92)}to{transform:translate3d(5%,7%,0) scale(1.08)}}
@media(max-width:680px){.mg-header{height:auto;min-height:70px;padding:9px 8px;gap:5px}.mg-brand span{display:none}.mg-brand img{width:39px;height:39px}.mg-nav{gap:0}.mg-nav a{padding:8px 6px;font-size:12px}.mg-theme-cycle{width:33px;height:33px;margin-left:1px;font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}