@layer pages{.mgd-auth{gap:var(--mgd-s6);padding-block:var(--mgd-s7);align-items:start;display:grid}@media (min-width:960px){.mgd-auth{grid-template-columns:1fr minmax(0,520px);align-items:center}}.mgd-auth__card{gap:var(--mgd-s4);width:100%;padding:var(--mgd-s6) var(--mgd-s5);background:var(--mgd-surface);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);box-shadow:var(--mgd-shadow-lg);display:grid}@media (min-width:640px){.mgd-auth__card{padding:var(--mgd-s7) var(--mgd-s6)}}.mgd-auth__side{justify-items:center;gap:var(--mgd-s4);text-align:center;display:none}@media (min-width:960px){.mgd-auth__side{display:grid}}.mgd-auth__magi{width:200px;filter:drop-shadow(6px 8px 0 var(--mgd-ink))}.mgd-auth__bubble{max-width:320px;padding:var(--mgd-s3) var(--mgd-s4);background:var(--mgd-yellow);color:var(--mgd-ink);border:var(--mgd-bw) solid var(--mgd-ink);box-shadow:4px 4px 0 var(--mgd-ink);font-family:var(--mgd-font-head);border-radius:18px;font-size:1.125rem;font-weight:600;position:relative;transform:rotate(-2deg)}.mgd-auth__bubble:after{content:"";background:var(--mgd-yellow);border-right:var(--mgd-bw) solid var(--mgd-ink);border-bottom:var(--mgd-bw) solid var(--mgd-ink);width:22px;height:22px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)rotate(45deg)}.mgd-auth__side-title{font-family:var(--mgd-font-head);font-size:1.5rem;font-weight:700}.mgd-auth__points{gap:var(--mgd-s2);text-align:left;margin:0;padding:0;font-weight:700;list-style:none;display:grid}.mgd-auth__points .mgd-icon{color:var(--mgd-success-fg);margin-right:6px}.mgd-form{gap:var(--mgd-s4);grid-template-columns:minmax(0,1fr);display:grid}.mgd-form .mgd-field+.mgd-field{margin-top:0}.mgd-pass{position:relative}.mgd-pass .mgd-input{padding-right:56px}.mgd-pass__toggle{width:var(--mgd-touch);height:var(--mgd-touch);color:var(--mgd-text-muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.mgd-pass__toggle[aria-pressed=true]{color:var(--mgd-text)}.mgd-meter{align-items:center;gap:var(--mgd-s3);display:flex}.mgd-meter__magi{width:44px;height:56px;position:relative}.mgd-meter__magi>span{opacity:0;transition:opacity .2s, transform .3s var(--mgd-ease-pop);position:absolute;inset:0;transform:scale(.7)}.mgd-meter[data-score="0"] [data-pose="1"],.mgd-meter[data-score="1"] [data-pose="1"],.mgd-meter[data-score="2"] [data-pose="2"],.mgd-meter[data-score="3"] [data-pose="3"],.mgd-meter[data-score="4"] [data-pose="4"]{opacity:1;transform:none}.mgd-meter[data-score="0"] [data-pose="1"]{opacity:.4}.mgd-meter__bars{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mgd-meter__bars i{border:2px solid var(--mgd-ink);background:var(--mgd-surface-2);border-radius:6px;height:12px;transition:background-color .2s}.mgd-meter[data-score="1"] i:nth-child(-n+1){background:var(--mgd-danger)}.mgd-meter[data-score="2"] i:nth-child(-n+2){background:var(--mgd-orange)}.mgd-meter[data-score="3"] i:nth-child(-n+3){background:var(--mgd-yellow)}.mgd-meter[data-score="4"] i{background:var(--mgd-mint)}.mgd-onboard form{gap:var(--mgd-s5);display:grid}.mgd-onboard__step{min-width:0;margin:0}.mgd-onboard__step legend{float:left;width:100%;margin-bottom:var(--mgd-s4)}.mgd-onboard__step legend+*{clear:both}.mgd-onboard__nav{justify-content:flex-end;gap:var(--mgd-s3);margin-top:var(--mgd-s5);display:none}.mgd-onboard.is-stepped .mgd-onboard__nav,.mgd-onboard:not(.is-stepped) [data-step="3"] .mgd-onboard__nav{display:flex}.mgd-onboard:not(.is-stepped) [data-step="3"] [data-prev]{display:none}.mgd-onboard__dots{justify-content:center;gap:var(--mgd-s3);margin-top:var(--mgd-s4);counter-reset:dot;padding:0;list-style:none;display:flex}.mgd-onboard__dots li{counter-increment:dot;border:2px solid var(--mgd-ink);background:var(--mgd-surface-2);border-radius:999px;padding:4px 14px;font-size:.875rem;font-weight:800}.mgd-onboard__dots li:before{content:counter(dot) ". "}.mgd-onboard__dots li[aria-current=step]{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-choices{gap:var(--mgd-s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.mgd-choices--avatars{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.mgd-choice{justify-items:center;gap:var(--mgd-s2);padding:var(--mgd-s4);border-radius:var(--mgd-r-btn);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface-2);text-align:center;cursor:pointer;transition:transform var(--mgd-dur-micro) var(--mgd-ease-pop);font-weight:800;display:grid;position:relative}.mgd-choice:hover{transform:translateY(-2px)}.mgd-choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.mgd-choice:has(input:checked){background:var(--mgd-yellow);color:var(--mgd-ink);box-shadow:4px 4px 0 var(--mgd-ink)}.mgd-choice:has(input:focus-visible){outline:3px solid var(--mgd-yellow);outline-offset:3px;box-shadow:0 0 0 3px var(--mgd-ink)}.mgd-avatar__magi{width:86%;height:auto;margin-bottom:-6%}.mgd-settings__grid{gap:var(--mgd-s5);grid-template-columns:minmax(0,1fr);display:grid}.mgd-settings fieldset{min-width:0}@media (min-width:960px){.mgd-settings__grid{grid-template-columns:220px minmax(0,1fr);align-items:start}.mgd-settings__nav{position:sticky;top:96px}}.mgd-settings__nav{gap:var(--mgd-s2);flex-wrap:wrap;display:flex}@media (min-width:960px){.mgd-settings__nav{flex-direction:column}}.mgd-settings__nav a{align-items:center;gap:var(--mgd-s2);min-height:var(--mgd-touch);padding:0 var(--mgd-s3);border-radius:var(--mgd-r-btn);border:2px solid var(--mgd-ink);background:var(--mgd-surface);font-weight:800;text-decoration:none;display:flex}.mgd-settings .mgd-card{scroll-margin-top:96px}.mgd-profile-head{align-items:center;gap:var(--mgd-s5);margin-top:var(--mgd-s7);flex-wrap:wrap;display:flex}.mgd-profile-head>.mgd-stack{flex:1;min-width:240px}.mgd-profile-head>*+*{margin-top:0}}
