/* Source registration geometry, shared by sign-in and recovery. */
#groove-auth{--ga-sage:#5d7b5e;--ga-muted:#5c665d;--ga-line:#dce5dc;--ga-ink:#232c23;width:100%;height:100%;min-width:0;overflow-y:auto;background:#fff;color:var(--ga-ink);font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:20px}
#groove-auth *{box-sizing:border-box}
#groove-auth :is(p,h1){margin:0}
#groove-auth .ga-main{width:100%;max-width:672px;margin-inline:auto;padding:48px 20px 60px}
#groove-auth .ga-heading{text-align:center}
#groove-auth .ga-eyebrow{color:var(--ga-muted);opacity:.7;font-size:12px;line-height:16px;letter-spacing:1.2px;text-transform:uppercase}
#groove-auth h1{margin-top:8px;color:var(--ga-sage);font-weight:600;font-size:36px;line-height:40px;letter-spacing:0}
#groove-auth .ga-description{margin-top:8px;color:var(--ga-muted);font-size:14px;line-height:20px}
#groove-auth .ga-panel{margin-top:32px;padding:24px;border-radius:16px;background:linear-gradient(160deg,oklch(.99 .008 100),oklch(.93 .075 98))}
#groove-auth :is(button,input,select){font:inherit}
#groove-auth .ga-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:7px 16px;border:1px solid rgba(93,123,94,.25);border-radius:2px;font-size:12px;font-weight:500;line-height:20px;letter-spacing:1.44px;text-transform:uppercase;cursor:pointer}
#groove-auth .ga-google{background:transparent;color:var(--ga-sage);cursor:not-allowed}
#groove-auth .ga-primary{background:linear-gradient(135deg,oklch(.40 .055 146),oklch(.50 .06 145) 55%,oklch(.62 .06 130));border-color:transparent;color:#fff}
#groove-auth .ga-primary:disabled{opacity:.6;cursor:wait}
#groove-auth .ga-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--ga-muted);font-size:12px;line-height:16px;letter-spacing:1.2px;text-transform:uppercase}
#groove-auth .ga-divider span{height:1px;flex:1;background:var(--ga-line)}
#groove-auth fieldset{min-width:0;display:flex;flex-direction:column;gap:20px;margin:0;padding:0;border:0}
#groove-auth .ga-field{display:flex;min-width:0;flex-direction:column;gap:8px}
#groove-auth .ga-field label{color:var(--ga-sage);font-weight:500;font-size:14px;line-height:16px}
#groove-auth :is(input,select){width:100%;min-width:0;height:36px;padding:7px 12px;border:1px solid var(--ga-line);border-radius:2px;background:transparent;color:var(--ga-ink);font-size:14px;line-height:20px;box-shadow:0 1px 2px #2a402b26}
#groove-auth input::placeholder{color:var(--ga-muted);opacity:1}
#groove-auth select{color:var(--ga-muted)}
#groove-auth option{background:white;color:var(--ga-ink)}
#groove-auth .ga-location{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
#groove-auth .ga-account-switch{display:flex;align-items:center;flex-direction:column;gap:8px;margin-top:20px;text-align:center;color:var(--ga-muted)}
#groove-auth .ga-account-switch button{border:0;background:transparent;color:var(--ga-sage);font-weight:500;cursor:pointer;padding:4px 2px;text-underline-offset:4px}
#groove-auth .ga-account-switch button:hover{text-decoration:underline}
#groove-auth .ga-account-switch button:disabled{opacity:.5;cursor:wait}
#groove-auth :is(input,select):disabled{opacity:.6;cursor:wait}
#groove-auth :is(input,select,button,a,[tabindex]):focus-visible{outline:3px solid var(--ga-sage);outline-offset:3px}
#groove-auth .ga-message{margin-top:20px;padding:14px 16px;border:1px solid var(--ga-line);background:#fff;border-radius:8px;color:var(--ga-sage);overflow-wrap:anywhere}
#groove-auth .ga-error{color:#983b32;border-color:#d9aba3}
#groove-auth .ga-connection-note{margin-top:16px;color:var(--ga-muted);font-size:12px;line-height:18px;text-align:center}
#groove-auth .ga-footer{margin-top:24px;color:var(--ga-muted);text-align:center;font-size:12px;line-height:18px}
#groove-auth .ga-back{display:block;width:fit-content;max-width:100%;margin:12px auto 0;padding:6px;color:var(--ga-sage);font-size:12px;text-underline-offset:4px}
#groove-auth .ga-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:640px){#groove-auth .ga-panel{padding:32px}#groove-auth .ga-location{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){#groove-auth .ga-main{padding-top:32px}#groove-auth :is(input,select){height:44px;font-size:16px}#groove-auth :is(.ga-button,.ga-account-switch button,.ga-back){min-height:44px}#groove-auth .ga-back{display:flex;align-items:center}#groove-auth .ga-account-switch p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}}