.auth-page.auth-split{background:var(--ui-surface);min-height:100svh;color:var(--ui-text);grid-template-columns:minmax(380px,43%) minmax(0,1fr);padding:0;display:grid;position:relative}.auth-split .auth-entry{flex-direction:column;justify-content:center;min-width:0;padding:64px clamp(32px,5.5vw,88px);display:flex}.auth-split .auth-header{justify-content:center;width:100%;max-width:360px;height:auto;min-height:0;margin:0 auto 66px;padding:0;display:flex}.auth-split .auth-header .brand img{filter:none;width:146px;height:auto}.auth-split .auth-form-wrap{width:100%;max-width:360px;margin:0 auto;padding:0}.auth-split .auth-form-wrap h1{letter-spacing:-1.15px;text-align:center;color:var(--ui-text);margin:0 0 36px;font-size:clamp(28px,2.5vw,36px);font-weight:600;line-height:1.2}.auth-split .auth-description{color:var(--ui-text-secondary);text-align:center;margin:-16px 0 28px;font-size:14px;line-height:1.65}.auth-split .auth-cover{background:var(--ui-cover-paper);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:24px;flex-direction:column;justify-content:center;min-width:0;min-height:calc(100svh - 32px);margin:16px 16px 16px 0;display:flex;position:relative;overflow:hidden}.auth-split .auth-cover-art{width:120%;margin:0 0 0 -14%;position:relative}.auth-split .auth-cover-still{aspect-ratio:2742/1568;-o-object-fit:contain;object-fit:contain;width:100%;display:block}.auth-split .auth-cover-art:has(iframe[data-ready=true]) .auth-cover-still{opacity:0}.auth-split .auth-cover-art iframe{aspect-ratio:2742/1568;pointer-events:none;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.auth-split .google-sign-in{background:var(--ui-surface);border:1px solid var(--ui-border);width:100%;min-height:52px;color:var(--ui-text);box-shadow:none;border-radius:999px;justify-content:center;gap:12px;font-size:17px;font-weight:500}.auth-split .google-sign-in svg{flex:none;width:22px;height:22px}.auth-split .google-sign-in:hover:not(:disabled){background:var(--ui-surface-hover);border-color:var(--ui-border-strong)}.auth-split .auth-divider{color:var(--ui-text-secondary);align-items:center;gap:16px;margin:28px 0;font-size:15px;display:flex}.auth-split .auth-divider:before,.auth-split .auth-divider:after{content:"";background:var(--ui-surface-hover);flex:1;height:1px}.auth-split .form-stack{gap:16px}.auth-split .field-label{color:var(--ui-text);gap:8px;font-size:13px;font-weight:500}.auth-split .field-label input{background:var(--ui-surface-soft);width:100%;min-height:54px;color:var(--ui-text);box-shadow:none;border:1px solid #0000;border-radius:16px;padding:14px 17px;font-size:17px;font-weight:400}.auth-split .field-label input::placeholder{color:var(--ui-text-secondary);opacity:1}.auth-split .field-label input:focus{border-color:var(--ui-focus);outline:2px solid var(--ui-focus);outline-offset:-2px}.auth-split .field-label input:-webkit-autofill{caret-color:var(--ui-text);filter:none;border-color:#0000;transition:background-color 99999s ease-out;-webkit-text-fill-color:var(--ui-text)!important;box-shadow:0 0 0 1000px var(--ui-surface-soft) inset!important;background-color:var(--ui-surface-soft)!important;background-image:none!important}.auth-split .field-label input:-webkit-autofill:hover{caret-color:var(--ui-text);filter:none;border-color:#0000;transition:background-color 99999s ease-out;-webkit-text-fill-color:var(--ui-text)!important;box-shadow:0 0 0 1000px var(--ui-surface-soft) inset!important;background-color:var(--ui-surface-soft)!important;background-image:none!important}.auth-split .field-label input:-webkit-autofill:focus{caret-color:var(--ui-text);filter:none;border-color:#0000;transition:background-color 99999s ease-out;-webkit-text-fill-color:var(--ui-text)!important;box-shadow:0 0 0 1000px var(--ui-surface-soft) inset!important;background-color:var(--ui-surface-soft)!important;background-image:none!important}.auth-split .field-label input:-webkit-autofill:active{caret-color:var(--ui-text);filter:none;border-color:#0000;transition:background-color 99999s ease-out;-webkit-text-fill-color:var(--ui-text)!important;box-shadow:0 0 0 1000px var(--ui-surface-soft) inset!important;background-color:var(--ui-surface-soft)!important;background-image:none!important}.auth-split .field-label input:focus-visible{outline-color:var(--ui-focus)}.auth-split .password-field input{padding-right:48px}.auth-split .password-field .icon-button{color:var(--ui-text-secondary);top:10px;right:8px}.auth-split .auth-submit{background:var(--ui-action);border-color:var(--ui-focus);width:100%;min-height:52px;color:var(--ui-surface);border-radius:999px;justify-content:center;margin-top:0;font-size:17px;font-weight:500}.auth-split .auth-submit:hover:not(:disabled){background:var(--ui-action-hover);border-color:var(--ui-focus)}.auth-split button:focus-visible,.auth-split a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px}.auth-split button:disabled{opacity:.55;cursor:wait}.auth-split .field-hint{color:var(--ui-text-secondary);font-size:12px;font-weight:400}.auth-split .auth-switch{color:var(--ui-text-secondary);text-align:center;margin:32px 0 0;font-size:14px;line-height:1.6}.auth-split .auth-switch a{color:var(--ui-action);text-underline-offset:3px;font-weight:500}.auth-split .auth-switch a:hover{color:var(--ui-action)}.auth-split .auth-error{text-align:left;overflow-wrap:anywhere;margin:0 0 20px;font-size:13px}.auth-split .auth-email-summary{color:var(--ui-text-secondary);justify-content:center;align-items:center;gap:12px;margin:-20px 0 28px;font-size:14px;display:flex}.auth-email-summary span{overflow-wrap:anywhere;min-width:0}.auth-email-summary button{text-underline-offset:3px;color:var(--ui-text);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:4px;text-decoration:underline}.auth-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1024px){.auth-page.auth-split{grid-template-columns:minmax(340px,46%) minmax(0,1fr)}.auth-split .auth-entry{padding:48px 36px}.auth-split .auth-cover-art{width:125%;margin-left:-18%;position:relative}}@media (max-width:760px){.auth-page.auth-split{flex-direction:column;justify-content:center;padding:44px 26px;display:flex}.auth-split .auth-entry{width:100%;padding:24px 0}.auth-split .auth-header{margin-bottom:52px}.auth-split .auth-cover{display:none}.auth-split .auth-form-wrap h1{font-size:32px}}@media (max-height:650px) and (min-width:761px){.auth-split .auth-entry{padding-top:32px;padding-bottom:32px}.auth-split .auth-header{margin-bottom:32px}}.auth-split .auth-glare{isolation:isolate;position:relative;overflow:hidden}.auth-split .auth-glare:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(115deg,transparent 34%,color-mix(in srgb, var(--ui-surface) 20%, transparent) 48%,transparent 62%);opacity:0;transition:transform .55s,opacity .25s;position:absolute;inset:-20% -40%;transform:translate(-70%)skew(-12deg)}.auth-split .auth-glare:hover:not(:disabled):after,.auth-split .auth-glare:focus-visible:not(:disabled):after{opacity:1;transform:translate(40%)skew(-12deg)}.auth-split .google-sign-in.auth-glare:after{background:linear-gradient(115deg,transparent 34%,color-mix(in srgb, var(--ui-action) 7.84%, transparent) 48%,transparent 62%)}.auth-split .auth-glare>*{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.auth-split .auth-glare:after{opacity:0;transition:none}.auth-split .auth-glare:hover:not(:disabled):after,.auth-split .auth-glare:focus-visible:not(:disabled):after{opacity:0;transform:none}.auth-page.auth-split *{animation:none!important}}
