.auth-page[data-auth-variant=profile-picker]{padding:clamp(2rem,6vw,4rem);align-items:flex-start;align-items:safe center;overflow-x:hidden;overflow-y:auto}.auth-container[data-auth-variant=profile-picker]{width:100%;max-width:none;padding:0;background:rgba(0,0,0,0);box-shadow:none;gap:0;overflow:visible}.auth-container[data-auth-variant=profile-picker]:before{display:none}.auth-profile-picker{--auth-profile-stage-width:80vw;--auth-profile-stage-height:50vh;--auth-profile-stage-radius:1.4rem;--auth-profile-compact-column-width:clamp(12.5rem,15vw,15.5rem);--auth-profile-stage-edge-shadow-strong:color-mix(in srgb,black 78%,var(--shell-bg-start));--auth-profile-stage-edge-shadow-soft:color-mix(in srgb,black 48%,transparent);--auth-profile-card-label-bg:color-mix(in srgb,black 94%,var(--shell-bg-start));--auth-profile-card-gradient-start:color-mix(in srgb,var(--surface-1) 84%,white 16%);--auth-profile-card-gradient-mid:color-mix(in srgb,var(--surface-2) 90%,white 10%);--auth-profile-card-gradient-end:color-mix(in srgb,var(--surface-2) 86%,black 14%);--auth-profile-card-hover-glow:color-mix(in srgb,var(--accent) 18%,transparent);display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,4vw,3rem);width:100%;position:relative;text-align:center}.auth-profile-picker__toolbar{position:fixed;top:clamp(1.5rem,4vw,3rem);right:clamp(1.5rem,4vw,3rem);display:flex;justify-content:flex-end;align-items:center;z-index:3}.auth-profile-picker__header{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:34rem}.auth-profile-picker__title{margin:0;font-size:clamp(2.1rem,5vw,4rem);font-weight:500;letter-spacing:-.04em;color:var(--text-strong)}.auth-profile-picker .auth-field-error{margin:0;text-align:center}.auth-profile-picker__stage-shell{width:var(--auth-profile-stage-width)}.auth-profile-picker__logout-button{--pill-radius:999px;--pill-border:color-mix(in srgb,var(--border-strong) 86%,transparent);--pill-bg:transparent;--pill-color:var(--text-muted);--pill-border-hover:var(--sheet-button-danger-hover-border);--pill-bg-hover:var(--sheet-button-danger-hover-bg);--pill-color-hover:var(--sheet-button-danger-hover-text);--pill-border-active:var(--sheet-button-danger-hover-border);--pill-bg-active:var(--sheet-button-danger-hover-bg);--pill-color-active:var(--sheet-button-danger-hover-text)}.auth-profile-picker__logout-button svg{width:.9rem;height:.9rem}.auth-profile-picker__stage{width:var(--auth-profile-stage-width);height:var(--auth-profile-stage-height);padding:0;border-radius:var(--auth-profile-stage-radius);border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);box-shadow:none}.auth-profile-picker__scroll-shell{width:100%;height:100%;position:relative;overflow:hidden;border-radius:var(--auth-profile-stage-radius);background:rgba(0,0,0,0)}.auth-profile-picker__grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.85rem,1.45vw,1.1rem);width:100%;height:100%;padding:.4rem;margin:0;overflow-y:auto;overflow-x:hidden;align-content:start;background:rgba(0,0,0,0)}.auth-profile-picker__grid[data-layout=compact]{width:fit-content;max-width:100%;margin-inline:auto;justify-content:center;grid-template-columns:repeat(var(--auth-profile-compact-columns,1),minmax(0,var(--auth-profile-compact-column-width)))}.auth-profile-picker__edge-fade{--edge-fade-color:transparent;--edge-fade-size:2.35rem;z-index:2}.auth-profile-picker__edge-fade [data-edge=top]{background:rgba(0,0,0,0);box-shadow:inset 0 1.65rem 2rem -1.3rem var(--auth-profile-stage-edge-shadow-strong),inset 0 2.5rem 2.9rem -2rem var(--auth-profile-stage-edge-shadow-soft)}.auth-profile-picker__edge-fade [data-edge=bottom]{background:rgba(0,0,0,0);box-shadow:inset 0 -1.65rem 2rem -1.3rem var(--auth-profile-stage-edge-shadow-strong),inset 0 -2.5rem 2.9rem -2rem var(--auth-profile-stage-edge-shadow-soft)}.auth-profile-picker__entry{display:block}.auth-profile-picker__item{border:1px solid rgba(0,0,0,0);border-radius:1rem;background:rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%;min-height:10.75rem;padding:0;overflow:hidden;transition:color .2s ease,transform .2s ease}.auth-profile-picker__item-main{flex:1 1 auto;padding:clamp(.75rem,1.4vh,1rem) .75rem;transition:background .2s ease}.auth-profile-picker__avatar-shell,.auth-profile-picker__item-main{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0)}.auth-profile-picker__avatar-shell{width:7rem;height:7rem;border-radius:999px;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.auth-profile-picker__avatar{font-weight:500;box-shadow:0 10px 24px color-mix(in srgb,var(--shell-bg-start) 45%,transparent)}.auth-profile-picker__label-row{display:flex;align-items:center;justify-content:center;padding:.72rem .75rem;background:rgba(0,0,0,0);transition:background .2s ease}.auth-profile-picker__name{font-size:.95rem;font-weight:500;line-height:1.3;color:var(--text-strong);max-width:100%;overflow-wrap:anywhere}.auth-profile-picker__item:focus-visible:not(:disabled),.auth-profile-picker__item:hover:not(:disabled){color:var(--text-strong);outline:none;transform:translateY(-2px)}.auth-profile-picker__item:focus-visible:not(:disabled) .auth-profile-picker__item-main,.auth-profile-picker__item:hover:not(:disabled) .auth-profile-picker__item-main{background:rgba(0,0,0,0)}.auth-profile-picker__item:focus-visible:not(:disabled) .auth-profile-picker__avatar-shell,.auth-profile-picker__item:hover:not(:disabled) .auth-profile-picker__avatar-shell{background:rgba(0,0,0,0);box-shadow:0 0 0 4px var(--focus-ring);transform:scale(1.03)}.auth-profile-picker__item:focus-visible:not(:disabled) .auth-profile-picker__label-row,.auth-profile-picker__item:hover:not(:disabled) .auth-profile-picker__label-row{background:rgba(0,0,0,0)}.auth-profile-picker__item:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:1024px){.auth-profile-picker__stage,.auth-profile-picker__stage-shell{width:var(--auth-profile-stage-width)}.auth-profile-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-profile-picker__grid[data-layout=compact]{width:fit-content;max-width:100%;margin-inline:auto;grid-template-columns:repeat(var(--auth-profile-compact-columns,1),minmax(0,var(--auth-profile-compact-column-width)))}}@media(max-width:760px){.auth-profile-picker__stage,.auth-profile-picker__stage-shell{width:var(--auth-profile-stage-width)}.auth-profile-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-profile-picker__grid[data-layout=compact]{width:100%;margin-inline:0;grid-template-columns:repeat(var(--auth-profile-compact-columns-tablet,1),minmax(0,1fr))}.auth-profile-picker__item{min-height:9.5rem}.auth-profile-picker__avatar-shell{width:5.6rem;height:5.6rem}}@media(max-width:480px){.auth-profile-picker__grid{grid-template-columns:minmax(0,1fr);gap:.72rem;padding:.3rem}.auth-profile-picker__grid[data-layout=compact]{width:100%;grid-template-columns:minmax(0,1fr)}.auth-profile-picker__item{min-height:8.6rem}.auth-profile-picker__label-row{padding:.62rem}.auth-profile-picker__avatar-shell{width:4.6rem;height:4.6rem}.auth-profile-picker__name{font-size:.88rem}}@media(prefers-reduced-motion:reduce){.auth-profile-picker__avatar-shell,.auth-profile-picker__item,.auth-profile-picker__logout-button{transition:none}}@keyframes auth-controlled-autofill{0%{opacity:1}to{opacity:1}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem);font-family:var(--workbench-font-family);background:linear-gradient(145deg,var(--shell-bg-start) 0,var(--shell-bg-mid) 65%,var(--shell-bg-end) 100%);position:relative;overflow:hidden}.auth-page button,.auth-page input,.auth-page select,.auth-page textarea{font-family:inherit}.auth-page:after,.auth-page:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(65,132,224,.18),rgba(65,132,224,0));filter:blur(2px);pointer-events:none}.auth-page:before{top:-200px;right:-160px}.auth-page:after{bottom:-220px;left:-180px}.auth-container{width:min(420px,100%);background:var(--surface-1);border-radius:18px;padding:clamp(1.5rem,4vw,2.25rem);box-shadow:var(--shadow-signin-card);display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0,rgba(255,255,255,0) 70%)}.auth-container h1{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:600;color:var(--text-strong);margin:0}.auth-heading{display:flex;flex-direction:column;gap:.35rem}.auth-intro{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.4}.auth-form{gap:1rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:.35rem}.auth-field label{font-size:.9rem;font-weight:600;color:var(--text-strong)}.auth-field input{padding:.75rem .9rem;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface-2);font-size:1rem;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-field input:-webkit-autofill,.auth-field input:autofill,.auth-password-input input:-webkit-autofill,.auth-password-input input:autofill{animation-name:auth-controlled-autofill;animation-duration:.01s}.auth-field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}.auth-password-input{position:relative;display:flex;align-items:center}.auth-password-input input{width:100%;padding-right:2.75rem}.auth-password-toggle{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:999px;background:rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;transition:color .2s ease,background .2s ease}.auth-password-toggle svg{width:1.1rem;height:1.1rem}.auth-password-toggle:focus-visible,.auth-password-toggle:hover{color:var(--text-strong);background:var(--surface-1);outline:none}.auth-hint{color:var(--warning)}.auth-field-error,.auth-hint{margin:.35rem 0 0;font-size:.85rem;font-weight:600}.auth-field-error{color:var(--danger)}.auth-assist{margin:.45rem 0 0}.auth-assist,.auth-helper{color:var(--text-muted);font-size:.85rem}.auth-helper{margin:-.35rem 0 0}.auth-field input:focus-visible{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--focus-ring);background:var(--surface-1)}.auth-submit{padding:.75rem 1rem;border-radius:12px;border:none;background:var(--accent);color:var(--on-accent);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .18s ease,box-shadow .18s ease}.auth-submit[data-disabled=true]{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.auth-submit:focus-visible:not(:disabled),.auth-submit:hover:not(:disabled){background:var(--accent-strong);box-shadow:var(--shadow-signin-button);outline:none}.auth-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-feedback{min-height:1.2rem}.auth-error{color:var(--danger);font-size:.9rem;font-weight:600;margin:0}.auth-security{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.4}.auth-profiles{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.auth-profiles h2{font-size:1rem;font-weight:600;margin:0;color:var(--text-strong)}.auth-profile-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.auth-profile-list button{width:100%;text-align:start;padding:.65rem .9rem;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.auth-profile-list button:focus-visible:not(:disabled),.auth-profile-list button:hover:not(:disabled){background:var(--surface-1);border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.auth-profile-list button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media(prefers-reduced-motion:reduce){.auth-field input,.auth-password-toggle,.auth-profile-list button,.auth-submit{transition:none}}@media(prefers-contrast:more){.auth-container{border:1px solid var(--border-strong)}.auth-field input{border-color:var(--text-strong)}.auth-field input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-strong) 60%,transparent)}.auth-submit{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}}