.profile-img{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--ui-input-background);color:var(--ui-text);text-transform:uppercase;box-shadow:var(--ds-shadow-raised,0px 1px 1px #091e421f,0px 0px 1px #091e425e);border-radius:50%;justify-content:center;align-items:center;font-weight:400;display:flex}.profile-img.has-avatar{color:#0000}.profile-img.profile-img-small{border:1px solid var(--ui-border);width:26px;height:26px;font-size:10px}.profile-img.profile-img-medium{border:2px solid #fff;width:50px;height:50px;font-size:16px}.profile-img.profile-img-large{border:2px solid #fff;width:86px;height:86px;font-size:20px}.login-block{border-top:1px solid var(--ui-border);flex-direction:column;width:100%;max-width:300px;padding:20px 0 0;display:flex}.login-block .login-link-text{text-align:center;margin:5px 0;font-size:12px;line-height:1.3}.login-block .login-link-text.opacity{opacity:.5}.login-block .toggle-btn-wrap{flex-direction:column;align-items:center;display:flex}.login-block .form-link{text-align:center;margin:5px 0;font-size:12px;line-height:1.3}.login-block .form-link:link,.login-block .form-link:visited,.login-block .form-link:hover,.login-block .form-link:active{color:inherit;text-decoration:none}.auth-message-text-wrap{justify-content:center;align-items:center;gap:12px;width:100%;max-width:300px;margin-block:14px;display:flex}.auth-message-text-wrap svg{width:24px;color:var(--ui-text-muted);flex:none}.auth-message-text-wrap .auth-message-icon{background-position:50%;background-repeat:no-repeat;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-message-text-wrap .auth-message-text-content{flex-direction:column;flex:auto;margin:0;display:flex}.auth-message-text-wrap .auth-message-text-content p.auth-message-text{color:var(--ui-text-muted);max-width:29ch;font-size:12px;line-height:1.3}.auth-header{z-index:2;box-sizing:border-box;will-change:transform;flex:none;justify-content:space-between;align-items:flex-start;width:100%;padding:15px 25px;display:flex}.auth-header .auth-back-btn{color:var(--ui-clr-200);cursor:pointer;z-index:1;background:0 0;border:1px solid #0000;border-radius:8px;flex:100px;font-size:.9rem;transition:all .2s}.auth-header .auth-title-wrap{text-align:center;will-change:contents;flex-direction:column;flex:100px;justify-content:center;gap:3px;min-height:3rem;margin:0;display:flex}.auth-header .auth-title-wrap h1.auth-title{color:var(--ui-text);text-align:center;margin:0;font-size:14px;font-weight:400;line-height:21px}.auth-header .auth-title-wrap p.auth-subtitle{color:var(--ui-text-muted);margin:0;font-size:12px;line-height:18px}.auth-header .auth-header-ui{box-sizing:border-box;flex:100px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.auth-page-wrap{flex-direction:column;min-height:100dvh;display:flex}.auth-page-wrap .passkey-login{flex-direction:column;align-items:center;width:100%;display:flex}.auth-page-wrap .passkey-login .auth-method-btn{margin-bottom:15px}.auth-form{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:300px;margin-block:0 10px;display:flex}.auth-form .message-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.auth-form-title{text-align:center;color:var(--ui-text-bold);margin:0;font-size:1.75rem;font-weight:600}.auth-method-btn{background-color:var(--ui-clr-50);height:56px;color:var(--ui-clr-950);box-sizing:border-box;cursor:pointer;border:none;border-radius:5px;flex:none;justify-content:flex-start;align-items:center;gap:25px;width:100%;max-width:300px;padding:0 40px;font-size:14px;line-height:1.4;transition:all .2s;display:flex}.auth-method-btn.passkey{background-color:var(--ui-success-background);color:var(--ui-success-text)}.auth-method-btn.centered{justify-content:center}.auth-method-btn.centered:before{background-image:none;display:none}.auth-method-btn.view-projects{justify-content:center;gap:12px}.auth-method-btn.view-projects:before{background-image:url(/assets/svg/view-projects.svg);background-size:15px}.auth-method-btn.secondary{background-color:var(--ui-clr-900);color:var(--ui-clr-300)}.auth-method-btn:hover{opacity:.9}.divider{border-top:1px dashed var(--ui-clr-700);width:100%;max-width:300px;height:1px;margin-block:15px;display:flex}.auth-mode-toggle{border-top:1px solid var(--ui-border);flex-direction:column;align-items:center;gap:.5rem;padding-top:1rem;display:flex}.auth-mode-toggle .auth-toggle-text{color:var(--ui-text-muted);margin:0;font-size:.875rem}.auth-mode-toggle .auth-toggle-btn{color:var(--ui-blue);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500;text-decoration:underline}.auth-mode-toggle .auth-toggle-btn:hover{color:#2563eb}.auth-close-btn{border:1px solid var(--ui-border);color:var(--ui-text-muted);cursor:pointer;background:0 0;border-radius:6px;margin-top:1rem;padding:.5rem 1rem;font-size:.875rem}.auth-close-btn:hover{background:var(--ui-background)}.form-back-btn-wrap{border-top:1px dashed var(--ui-border);flex-direction:column;width:100%;max-width:300px;display:flex}.form-back-btn-wrap .form-back-btn{color:var(--ui-text-bold);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:.5rem;font-size:12px}.form-back-btn-wrap .form-back-btn:hover{color:var(--ui-text-bold)}.authenticated-state{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.authenticated-state .auth-status-card{border:1px solid var(--ui-border);background:var(--ui-input-background);border-radius:12px;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:2rem;display:flex;box-shadow:0 1px 3px #0000001a}.authenticated-state .auth-status-card .auth-status-content{flex-direction:column;gap:.5rem;display:flex}.authenticated-state .auth-status-card .auth-status-content .profile-section{flex-direction:column;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.authenticated-state .auth-status-card .auth-status-content .auth-status-title{color:var(--ui-text-bold);margin:0;font-size:1.25rem;font-weight:600}.authenticated-state .auth-status-card .auth-status-content .auth-status-email{color:var(--ui-text-muted);margin:0;font-size:.875rem;font-weight:500}.authenticated-state .auth-status-card .auth-status-content .auth-status-message{color:var(--ui-text-extra-muted);margin:0;font-size:.875rem;line-height:1.4}.authenticated-state .auth-status-card .auth-status-actions{flex-direction:column;gap:1rem;display:flex}.auth-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.auth-action-btn.primary{background:var(--ui-blue);color:#fff}.auth-action-btn.primary:hover{background:#2563eb}.auth-action-btn.secondary{color:var(--ui-text-muted);border:1px solid var(--ui-border);background:0 0}.auth-action-btn.secondary:hover{background:var(--ui-background);color:var(--ui-text-bold)}.auth-navigation-options{flex-direction:column;justify-content:center;gap:.75rem;width:100%;max-width:300px;display:flex}.auth-navigation-options .auth-action-btn{flex:1;min-width:120px}.popover-modal.auth-popover .auth-wrap{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;max-width:none;height:100%;margin:0 auto;padding:75px 75px 50px}.popover-modal.auth-popover .divider{border-top:1px solid var(--ui-border)}.popover-modal.auth-popover .form-title{text-align:center;font-size:21px;font-weight:400;line-height:1.4}.popover-modal.auth-popover .toggle-btn-wrap{flex-direction:column;align-items:center;display:flex}.popover-modal.auth-popover .login-block{border-top:1px solid var(--ui-border);flex-direction:column;width:100%;max-width:300px;padding:20px 0 0;display:flex}.popover-modal.auth-popover .login-block .form-link,.popover-modal.auth-popover .login-block p.login-link-text{text-align:center;margin:5px 0;font-size:12px;line-height:1.3}:is(.popover-modal.auth-popover .login-block .form-link,.popover-modal.auth-popover .login-block p.login-link-text).opacity{opacity:.5}.popover-modal.auth-popover a.form-link:link,.popover-modal.auth-popover a.form-link:visited,.popover-modal.auth-popover a.form-link:hover,.popover-modal.auth-popover a.form-link:active{color:inherit;text-decoration:none}.popover-modal.auth-popover .form-ui-btn{width:100%;max-width:300px}.popover-modal.auth-popover .credential-form{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:300px;display:flex}.popover-modal.auth-popover .credential-form label.auth-form-label{flex-direction:column;width:100%;margin-bottom:0;display:flex}.popover-modal.auth-popover .credential-form label.auth-form-label .auth-form-label-text{box-sizing:border-box;color:var(--ui-clr-400);padding:0 0 .2em;font-size:.9rem;line-height:1.4}.popover-modal.auth-popover .credential-form label.auth-form-label input{border:1px solid var(--ui-border);background-color:var(--ui-input-background);color:var(--ui-input-text);border-radius:8px;padding:1em;font-size:1rem;font-weight:300;line-height:1.4}.popover-modal.auth-popover .credential-form label.auth-form-label input::placeholder{color:var(--ui-input-placeholder)}.popover-modal.auth-popover .credential-form label.auth-form-label input:focus-within{border:1px solid var(--ui-clr-500);outline:none;box-shadow:0 0 12px #00000021}