.sauth-wrap{place-items:center;min-height:100dvh;padding:2rem 1rem;display:grid}.sauth-card{border:1px solid var(--color-edge,#ffffff24);border-radius:var(--radius-lg,1rem);background:#ffffff08;gap:1.5rem;width:100%;max-width:26rem;padding:2rem;display:grid}.sauth-card--panel{max-width:40rem}.sauth-head{gap:.4rem;display:grid}.sauth-title{font-family:var(--font-display,Georgia, serif);font-size:var(--text-h3,1.5rem);color:var(--color-light,#f8fafc);line-height:1.15}.sauth-sub{font-size:var(--text-body,1rem);color:var(--color-light-dim,#f8fafcb8)}.sauth-form{gap:1.1rem;display:grid}.sauth-remember{font-size:var(--text-fine,.875rem);color:var(--color-light-dim,#f8fafcb8);min-height:var(--tap-min,44px);align-items:center;gap:.6rem;display:flex}.sauth-remember input{width:1.1rem;height:1.1rem;accent-color:var(--color-azure,#4aa8ff)}.sauth-submit{width:100%}.sauth-submit:disabled{opacity:.6;cursor:progress}.sauth-alert{font-size:var(--text-fine,.875rem);color:var(--color-danger,#ff6b6b)}.sauth-inline-link{color:var(--color-azure,#4aa8ff);text-decoration:underline}.sauth-inline-link:hover{text-decoration:none}.sauth-oauth{gap:1rem;display:grid}.sauth-divider{color:var(--color-light-mute,#f8fafc8c);font-size:var(--text-fine,.875rem);align-items:center;gap:.75rem;display:flex}.sauth-divider:before,.sauth-divider:after{content:"";background:var(--color-edge,#ffffff24);flex:1;height:1px}.sauth-google{width:100%;min-height:var(--tap-min,44px);color:var(--color-light,#f7f4ee);border:1px solid var(--color-edge,#ffffff24);border-radius:var(--radius-sm,6px);font-size:var(--text-body,1rem);background:#ffffff0a;justify-content:center;align-items:center;gap:.75rem;padding:.65rem 1rem;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.sauth-google:hover{border-color:var(--color-azure,#4d8dff);background:#ffffff14}.sauth-google:focus-visible{outline:2px solid var(--color-azure,#4d8dff);outline-offset:2px}.sauth-google__icon{background:#fff;border-radius:2px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.sauth-google__icon svg{display:block}.sauth-links{font-size:var(--text-fine,.875rem);gap:.6rem;display:grid}.sauth-links a{color:var(--color-azure,#4aa8ff);text-decoration:none}.sauth-links a:hover{text-decoration:underline}.sauth-empty{text-align:center;border:1px dashed var(--color-edge,#ffffff24);border-radius:var(--radius-md,.75rem);color:var(--color-light-dim,#f8fafcb8);gap:.4rem;padding:2rem 1rem;display:grid}.sauth-empty-hint{font-size:var(--text-fine,.875rem);color:var(--color-light-mute,#f8fafc8c)}.sauth-panel-bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.sauth-panel-actions{align-items:center;gap:.6rem;display:flex}.sauth-list{gap:.75rem;list-style:none;display:grid}.sauth-banner{border:1px solid var(--color-azure,#4d8dff);border-radius:var(--radius-md,.75rem);background:#4d8dff14;gap:.6rem;margin:0 0 1.25rem;padding:.9rem 1.1rem;display:grid}.sauth-banner__text{font-size:var(--text-fine,.875rem);color:var(--color-light,#f7f4ee);line-height:1.45}.sauth-banner__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.sauth-banner__resend{min-height:var(--tap-min,44px);font-size:var(--text-fine,.875rem);color:var(--color-azure,#4d8dff);border:1px solid var(--color-azure,#4d8dff);border-radius:var(--radius-sm,.5rem);cursor:pointer;background:0 0;padding:.4rem 1rem}.sauth-banner__resend:hover:not(:disabled){color:var(--color-azure-bright,#7aa9ff);border-color:var(--color-azure-bright,#7aa9ff)}.sauth-banner__resend:disabled{opacity:.6;cursor:default}.sauth-banner__note{font-size:var(--text-fine,.875rem);color:var(--color-ok,#6bd49a)}.sauth-banner__note--error{color:var(--color-danger,#ff6b6b)}