html:has(.signupPage){color:#000;background-color:#f5f5f7!important}html:has(.loginPage){color:#000;background-color:#f5f5f7!important}html:has(.signupPage) body{color:#000;background-color:#f5f5f7!important}html:has(.loginPage) body{color:#000;background-color:#f5f5f7!important}.signupPage{z-index:1;background:linear-gradient(135deg,#f5f5f7 0%,#f0f0f2 25%,#fafafa 50%,#f0f0f2 75%,#f5f5f7 100%) 0 0/400% 400%;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;min-height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden auto}.signupPage:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 20%,#eef55926 0%,#0000 40%),radial-gradient(circle at 90% 80%,#eef5591f 0%,#0000 40%),radial-gradient(circle,#eef55914 0%,#0000 50%),radial-gradient(circle at 30% 70%,#eef5591a 0%,#0000 40%);position:absolute;inset:0}.signupPage:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#eef5591a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.signupPage>*{z-index:1;position:relative}.signupImageCard{display:none}@media (min-width:1024px){.signupImageCard{display:flex}}.signupImageCard{background:#fff;border-radius:16px;flex-shrink:0;align-self:center;width:40%;max-width:500px;height:fit-content;max-height:90vh;transition:box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.signupImageCard:hover{box-shadow:0 4px 16px #0000000f}.signupImageContainer{aspect-ratio:3/4;width:100%;min-height:400px;max-height:600px;position:relative}.signupImage{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.signupFormCard{background:#fffbfa;border-radius:16px;justify-content:center;align-self:center;align-items:center;width:100%;max-width:600px;height:fit-content;max-height:100vh;padding:24px;transition:box-shadow .3s;display:flex;box-shadow:0 2px 8px #0000000a}.signupFormCard:hover{box-shadow:0 4px 16px #0000000f}.signupFormContainer{width:100%;max-width:500px}.signupHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.signupStepIndicator{color:#868686;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.signupLogo{align-items:center;gap:12px;display:flex}.signupLogoIcon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:visible}.signupLogoIcon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.signupLogoText{flex-direction:column;display:flex}.signupLogoTitle{color:#000;font-family:Inter Tight,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:24px}.signupLogoSubtitle{color:#868686;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.signupTitleSection{margin-bottom:32px}.signupTitle{color:#000;margin:0 0 8px;font-family:Inter Tight,sans-serif;font-size:clamp(24px,4vw,32px);font-style:normal;font-weight:600;line-height:1.2}.signupSubtitle{color:#868686;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.5}.signupForm{flex-direction:column;gap:12px;display:flex}.signupFormRow{flex-direction:row;gap:16px;display:flex}.signupFormRow .signupFormField{flex:1}@media (max-width:768px){.signupFormRow{flex-direction:column;gap:20px}.signupFormRow .signupFormField{flex:100%}}.signupFormField{flex-direction:column;gap:8px;display:flex}.signupAccountsHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.signupAccountsHeaderActions{align-items:center;gap:16px;display:flex}.signupAddAccountButton{color:#0245f4;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px;text-decoration:none;transition:opacity .2s}.signupAddAccountButton:hover{opacity:.8}.signupAccountRemoveHeader{color:#868686;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:15px;text-decoration:none;transition:opacity .2s}.signupAccountRemoveHeader:hover{opacity:.8}.signupFormLabel{color:#000;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.signupFormInput,.signupFormSelect{color:#000;box-sizing:border-box;background:#fff;border:1px solid #d7d7d7;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px;transition:all .2s}.signupFormInput:focus,.signupFormSelect:focus{border-color:#0245f4;transform:translateY(-1px);box-shadow:0 0 0 3px #0245f41a}.signupFormInput::placeholder{color:#a1a1a1}.signupFormInputError{border-color:#e23939}.signupFormSelectWrapper{position:relative}.signupFormSelect{appearance:none;padding-right:40px}.signupFormSelectIcon{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));color:#868686;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;right:.75rem}.signupFormError{color:#e23939;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.signupAccountCard{background:linear-gradient(135deg,#eef559 0%,#ff6b6b 50%,#9b59b6 100%);border-radius:12px;padding:2px;position:relative}.signupAccountContent{background:#fff;border-radius:10px;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.signupAccountIcon{background:linear-gradient(135deg,#eef559 0%,#ff6b6b 50%,#9b59b6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.signupAccountIconSvg{color:#fff;width:24px;height:24px}.signupAccountInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.signupAccountName{color:#000;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:17px}.signupAccountUsername{color:#666;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.signupAccountFollowers{color:#000;white-space:nowrap;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:15px}.signupFormCheckbox{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.signupFormCheckboxInput{cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.signupFormCheckboxText{color:#000;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.5}.signupFormLink{color:#0245f4;text-decoration:underline;transition:opacity .2s}.signupFormLink:hover{opacity:.8;color:#0245f4}.signupFormLink:visited{color:#0245f4}.signupPasswordInputWrapper{align-items:center;display:flex;position:relative}.signupPasswordInputWrapper .signupFormInput{padding-right:48px}.signupPasswordToggle{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.signupPasswordToggle:hover{color:#000}.signupPasswordToggle:focus{color:#000;outline:none}.signupPasswordToggleIcon{stroke-width:1.5px;width:20px;height:20px}.signupFormSubmit{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;margin-top:8px;padding:14px 24px;font-family:Inter Tight,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:20px;transition:all .3s;position:relative;overflow:hidden}.signupFormSubmit:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signupFormSubmit:hover:not(:disabled):before{width:300px;height:300px}.signupFormSubmit:hover:not(:disabled){background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.signupFormSubmit:active:not(:disabled){transform:translateY(0)}.signupFormSubmit:disabled{opacity:.6;cursor:not-allowed}.signupFormStepFooter{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.signupFormSignInLink{color:#868686;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px;text-decoration:none;transition:opacity .2s}.signupFormSignInLink:hover{opacity:.8}.signupFormNextButton,.signupFormSubmitButton{color:#000;cursor:pointer;background:#eef559;border:none;border-radius:8px;padding:14px 24px;font-family:Inter Tight,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:20px;transition:all .3s;position:relative;overflow:hidden}.signupFormNextButton:hover:not(:disabled),.signupFormSubmitButton:hover:not(:disabled){background:#d3d94a;transform:translateY(-2px);box-shadow:0 4px 12px #eef5594d}.signupFormNextButton:active:not(:disabled),.signupFormSubmitButton:active:not(:disabled){transform:translateY(0)}.signupFormNextButton:disabled,.signupFormSubmitButton:disabled{opacity:.6;cursor:not-allowed}.signupFormBackButton{color:#000;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:14px 24px;font-family:Inter Tight,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s}.signupTermsAgreement{align-items:flex-start;gap:12px;display:flex}.signupTermsCheckbox{cursor:pointer;accent-color:#0245f4;flex-shrink:0;width:18px;height:18px;margin-top:2px}.signupTermsLabel{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.5}.signupTermsLink{color:#0245f4;text-decoration:none;transition:opacity .2s}.signupTermsLink:hover{opacity:.8;text-decoration:underline}.signupFormBackButton:hover{background:#e5e5e5}.signupFormBackButton:active{transform:translateY(1px)}.signupMentionsContainer{background:#fff;border:1px solid #d7d7d7;border-radius:8px;align-items:center;gap:12px;min-height:60px;padding:12px 16px;display:flex}.signupMentionsContainer:focus-within{border-color:#0245f4;box-shadow:0 0 0 3px #0245f41a}.signupMentionsContent{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.signupMentionsList{flex-wrap:wrap;gap:8px;display:flex}.signupMentionPill{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;display:flex}.signupMentionPillAvatar{background:linear-gradient(135deg,#eef559 0%,#ff6b6b 50%,#9b59b6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.signupMentionPillAvatar svg{color:#fff;width:14px;height:14px}.signupMentionPillInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.signupMentionPillName{color:#000;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:15px}.signupMentionPillHandle{color:#666;font-family:Inter Tight,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:13px}.signupMentionPillFollowers{color:#000;white-space:nowrap;font-family:Inter Tight,sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:13px}.signupMentionPillRemove{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background-color .2s;display:flex}.signupMentionPillRemove:hover{background:#e5e5e5}.signupMentionPillRemoveIcon{color:#666;width:14px;height:14px}.signupMentionsPlaceholder{color:#a1a1a1;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px}.signupMentionsAddButton{color:#0245f4;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px;text-decoration:none;transition:opacity .2s}.signupMentionsAddButton:hover{opacity:.8}.signupFormFooter{justify-content:center;align-items:center;margin-top:8px;display:flex}.signupFormFooterText{color:#868686;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px}.signupFormFooterLink{color:#0245f4;font-weight:500;text-decoration:none;transition:opacity .2s}.signupFormFooterLink:hover{opacity:.8;color:#0245f4}.signupFormFooterLink:visited{color:#0245f4}.loginPage{z-index:1;background:linear-gradient(135deg,#f5f5f7 0%,#f0f0f2 25%,#fafafa 50%,#f0f0f2 75%,#f5f5f7 100%) 0 0/400% 400%;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden auto}.loginPage:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 20%,#eef55926 0%,#0000 40%),radial-gradient(circle at 90% 80%,#eef5591f 0%,#0000 40%),radial-gradient(circle,#eef55914 0%,#0000 50%),radial-gradient(circle at 30% 70%,#eef5591a 0%,#0000 40%);position:absolute;inset:0}.loginPage:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#eef5591a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-30%;right:-10%}.loginPage>*{z-index:1;position:relative}.loginCard{background:linear-gradient(135deg,#fff 0%,#fffbfa 100%);border-radius:16px;width:100%;max-width:28rem;margin-top:auto;margin-bottom:auto;padding:20px 24px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014,0 0 0 1px #eef5591a}.loginCard:before{content:"";background:linear-gradient(90deg,#eef559 0%,#d3d94a 50%,#eef559 100%) 0 0/200% 100%;height:3px;position:absolute;top:0;left:0;right:0}.loginCard:hover{box-shadow:0 8px 30px #0000001f,0 0 0 1px #eef55933}.loginHeader{margin-bottom:20px}.loginLogo{align-items:center;gap:12px;display:flex}.loginLogoIcon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:visible}.loginLogoIcon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.loginLogoText{flex-direction:column;display:flex}.loginLogoTitle{color:#000;font-family:Inter Tight,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:24px}.loginLogoSubtitle{color:#868686;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.loginTitleSection{margin-bottom:20px}.loginTitle{color:#000;margin:0 0 8px;font-family:Inter Tight,sans-serif;font-size:28px;font-style:normal;font-weight:600;line-height:1.2}.loginSubtitle{color:#868686;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.5}.loginForm{flex-direction:column;gap:20px;display:flex}.loginFormField{flex-direction:column;gap:8px;display:flex}.loginFormLabel{color:#000;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.loginPasswordInputWrapper{position:relative}.loginPasswordInputWrapper .loginFormInput{padding-right:48px}.loginPasswordToggle{cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:48px;padding:0;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.loginPasswordToggle:hover{opacity:.7}.loginPasswordToggle:focus{outline:none}.loginPasswordToggleIcon{color:#868686;width:20px;height:20px}.loginPasswordFooter{justify-content:space-between;align-items:center;min-height:15px;margin-top:4px;display:flex}.loginPasswordFooter .loginFormError{flex:1}.loginForgotPassword{color:#0245f4;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:15px;text-decoration:none;transition:opacity .2s}.loginForgotPassword:hover{opacity:.8}.loginFormInput{color:#000;box-sizing:border-box;background:#fff;border:1px solid #d7d7d7;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px;transition:all .2s}.loginFormInput:focus{border-color:#0245f4;transform:translateY(-1px);box-shadow:0 0 0 3px #0245f41a}.loginFormInput::placeholder{color:#a1a1a1}.loginFormInputError{border-color:#e23939}.loginFormError{color:#e23939;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.loginFormErrorGeneral{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px}.loginFormSubmit{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;margin-top:8px;padding:14px 24px;font-family:Inter Tight,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:20px;transition:all .3s;position:relative;overflow:hidden}.loginFormSubmit:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loginFormSubmit:hover:not(:disabled):before{width:300px;height:300px}.loginFormSubmit:hover:not(:disabled){background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.loginFormSubmit:active:not(:disabled){transform:translateY(0)}.loginFormSubmit:disabled{opacity:.6;cursor:not-allowed}.loginFormFooter{justify-content:center;align-items:center;margin-top:8px;display:flex}.loginFormFooterText{color:#868686;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px}.loginFormFooterLink{color:#0245f4;font-weight:500;text-decoration:none;transition:opacity .2s}.loginFormFooterLink:hover{opacity:.8;color:#0245f4}.loginFormFooterLink:visited{color:#0245f4}@media (max-width:1024px){.signupPage{flex-direction:column;gap:0}.signupImageCard{display:none}.signupFormCard{width:100%;max-width:100%;padding:20px 24px}}@media (max-width:640px){.signupFormContainer,.loginCard{padding:20px}.signupFormCard{padding:20px 16px}.signupPage,.loginPage{padding:16px}.signupTitle,.loginTitle{font-size:24px}}.signupModalOverlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.signupModal{background:#fff;border-radius:16px;width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #00000026}.signupModalHeader{border-bottom:1px solid #e2e2e2;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.signupModalTitle{color:#000;margin:0;font-family:Instrument Serif,serif;font-size:24px;font-style:normal;font-weight:400;line-height:1.2}.signupModalClose{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .2s;display:flex}.signupModalClose:hover{background:#f5f5f5}.signupModalCloseIcon{color:#000;width:20px;height:20px}.signupModalDescription{color:#868686;margin:0;padding:16px 24px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.5}.signupModalForm{flex-direction:column;gap:20px;padding:0 24px 24px;display:flex}.signupModalField{flex-direction:column;gap:8px;display:flex}.signupModalLabel{color:#000;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.signupModalInputGroup{align-items:center;gap:12px;display:flex}.signupModalInputGroup .signupFormInput{flex:1}.signupModalFetchButton{color:#0245f4;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0245f4;border-radius:8px;flex-shrink:0;padding:12px 20px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px;transition:all .2s}.signupModalFetchButton:hover{color:#fff;background:#0245f4}.signupModalSuggestedCard{background:linear-gradient(135deg,#eef559 0%,#ff6b6b 50%,#9b59b6 100%);border-radius:12px;padding:2px;position:relative}.signupModalSuggestedCard>.signupAccountContent{background:#fff;border-radius:10px;width:100%;height:100%;margin:0;padding:16px}.signupModalActions{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.signupModalCancelButton{color:#000;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:12px 24px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px;transition:background-color .2s}.signupModalCancelButton:hover{background:#e5e5e5}.signupModalAddButton{color:#000;cursor:pointer;background:#eef559;border:none;border-radius:8px;padding:12px 24px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:17px;transition:background-color .2s}.signupModalAddButton:hover:not(:disabled){background:#d3d94a}.signupModalAddButton:disabled{opacity:.5;cursor:not-allowed}