.auth-page{background:var(--bg);color:var(--text);font:var(--type-note-weight) var(--type-inspector-size)/var(--type-inspector-line) var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-rows:60px 1fr auto;display:grid;position:fixed;inset:0;overflow:auto}.auth-page a{color:inherit;text-decoration:none}.auth-page button,.auth-page input{font:inherit}.auth-page :is(a,button,input):focus-visible{outline:2px solid var(--orange);outline-offset:3px}.auth-page-header{background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.auth-page .auth-back{border-radius:var(--studio-control-radius);min-height:34px;color:var(--muted);background:#222428;align-items:center;gap:7px;padding:0 9px;display:flex}.auth-page .auth-back:hover{background:var(--control-hover);color:var(--text)}.auth-back svg{color:var(--orange)}.auth-content{place-items:center;padding:40px 16px;display:grid}.auth-panel{border-radius:var(--studio-control-radius);background:var(--surface);width:min(100%,400px);padding:24px}.auth-intro{margin:24px 0}.auth-intro:first-child{margin-top:0}.auth-intro h1{font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line);letter-spacing:-.02em;margin:0 0 9px}.auth-intro p{color:var(--muted);margin:0}.auth-panel form{gap:16px;display:grid}.auth-panel fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.auth-field{gap:7px;min-width:0;display:grid}.auth-field-heading{justify-content:space-between;align-items:center;gap:9px;display:flex}.auth-field label{color:var(--text)}.auth-page .auth-field-heading a,.auth-hint{color:var(--muted)}.auth-field input{border-radius:var(--studio-control-radius);background:var(--surface-2);width:100%;min-width:0;height:44px;color:var(--text);caret-color:var(--orange);border:0;padding:0 12px}.auth-field input:hover{background:var(--control-hover)}.auth-field input:focus{outline:2px solid var(--orange);outline-offset:1px}.auth-field input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--surface-2) inset}.auth-password{position:relative}.auth-password input{padding-right:48px}.auth-eye{border-radius:var(--studio-control-radius);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.auth-eye:hover{color:var(--orange)}.auth-page .auth-submit{border-radius:var(--studio-control-radius);background:var(--orange);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;padding:12px;display:flex}.auth-page .auth-submit:hover{background:var(--orange-2)}.auth-legal-consent{color:var(--muted);font:300 12px/17px var(--font-ui);text-align:center;margin:0}.auth-legal-consent a{color:var(--text)}.auth-divider{color:var(--dim);align-items:center;gap:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-google{border-radius:var(--studio-control-radius);background:var(--control);width:100%;min-height:44px;color:var(--text);cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;display:flex}.auth-google:hover{background:var(--control-hover)}.auth-google-icon{flex:0 0 18px;width:18px;height:18px}.auth-page button:disabled{cursor:wait;opacity:.6}.auth-secondary{text-align:center;color:var(--muted);margin-top:24px}.auth-secondary>span{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.auth-page .auth-secondary a{color:var(--text)}.auth-page :is(.auth-secondary,.auth-field-heading,.auth-page-footer) a:hover{color:var(--orange)}.auth-feedback{border-radius:var(--studio-control-radius);background:var(--control);color:var(--text);overflow-wrap:anywhere;padding:12px}.auth-feedback p{margin:0 0 16px}.auth-feedback>a:not(.auth-submit){color:var(--orange);margin-top:12px;display:block}.auth-error{color:#ffb9b7;background:#352322}.auth-resend{color:#fff;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;text-decoration:underline;display:block}.auth-page-footer{min-height:52px;padding:12px 16px max(12px,env(safe-area-inset-bottom));color:var(--muted);justify-content:center;align-items:center;gap:24px;display:flex}.auth-page-footer nav{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.auth-page-footer a{color:var(--muted);text-decoration:none}.auth-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}@media (width<=600px){.auth-page-header{padding:0 16px}.auth-content{padding:24px 16px}.auth-panel{padding:18px}.auth-page .auth-field input{font-size:16px}}.auth-page .auth-back{background:var(--surface-2)}.auth-page *,.auth-page :before,.auth-page :after{box-shadow:none!important}.auth-page .auth-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--surface-2) inset!important}
