.account-settings-container{max-width:600px;margin:0 auto;padding:16px}.account-settings-form{flex-direction:column;gap:20px;display:flex}.settings-profile-preview{background:var(--content-color);border:1px solid var(--border-color);border-radius:24px;margin-bottom:60px;position:relative;overflow:visible;box-shadow:0 4px 20px #00000014}.settings-banner-wrapper{cursor:pointer;border-radius:24px;height:140px;position:relative;overflow:hidden}.settings-banner-image{object-fit:cover;width:100%;height:100%;display:block}.settings-banner-placeholder{background:linear-gradient(135deg,hsl(var(--primary-hue,200),70%,50%)0%,hsl(calc(var(--primary-hue,200) + 30),60%,40%)50%,hsl(calc(var(--primary-hue,200) + 60),50%,30%)100%);width:100%;height:100%}.settings-banner-overlay{color:#fff;opacity:0;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:500;transition:opacity .2s;display:flex;position:absolute;inset:0}.settings-banner-wrapper:hover .settings-banner-overlay{opacity:1}.settings-icon-wrapper{cursor:pointer;border:4px solid var(--content-color);background:var(--inconspicuous-background-color);border-radius:50%;width:100px;height:100px;position:absolute;bottom:-50px;left:20px;overflow:hidden;box-shadow:0 4px 12px #00000026}.settings-icon-image{object-fit:cover;width:100%;height:100%}.settings-icon-placeholder{background:linear-gradient(135deg,var(--inconspicuous-background-color)0%,var(--hover-color)100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.settings-icon-overlay{color:#fff;opacity:0;background:#0006;justify-content:center;align-items:center;font-size:1.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.settings-icon-wrapper:hover .settings-icon-overlay{opacity:1}.settings-upload-icon{font-size:1.5rem}.settings-file-input-hidden{display:none}.settings-form-card{background:var(--content-color);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 4px 20px #00000014}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--font-color);font-size:.875rem;font-weight:600}.form-input,.form-textarea{border:1px solid var(--border-color);background:var(--background-color);color:var(--font-color);border-radius:12px;padding:12px 16px;font-size:1rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--link-color);outline:none;box-shadow:0 0 0 3px #46be1b1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--inconspicuous-font-color)}.form-input-with-prefix{align-items:stretch;display:flex}.form-input-prefix{background:var(--inconspicuous-background-color);border:1px solid var(--border-color);color:var(--inconspicuous-font-color);border-right:none;border-radius:12px 0 0 12px;align-items:center;padding:12px 12px 12px 16px;font-weight:500;display:flex}.form-input-no-border-left{border-radius:0 12px 12px 0}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.submit-btn{background:linear-gradient(135deg,var(--link-color)0%,hsl(calc(var(--primary-hue,200) + 20),60%,45%)100%);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #00000026}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-messages{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:12px;padding:16px}.error-message{color:#ff3b30;margin:0;font-size:.875rem}.error-message+.error-message{margin-top:8px}@media (max-width:480px){.account-settings-container{padding:12px}.settings-banner-wrapper{height:120px}.settings-icon-wrapper{width:80px;height:80px;bottom:-40px}.settings-form-card{margin-top:30px;padding:50px 20px 20px}.settings-icon-placeholder{font-size:32px}}