.profile-avatar-wrap{position:relative;width:72px;height:72px;flex:0 0 auto}.profile-avatar-wrap .profile-avatar{width:72px;height:72px;border-radius:22px;transition:opacity .18s ease}.profile-avatar-image{position:absolute;inset:0;width:72px;height:72px;border:1px solid rgba(104,208,223,.3);border-radius:22px;object-fit:cover;background:#071219;box-shadow:0 14px 28px rgba(0,0,0,.24)}.profile-avatar-wrap.has-image .profile-avatar{opacity:0}.profile-top-actions{display:flex;align-items:center;gap:9px}.profile-identity-copy{min-width:0}.profile-name-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.profile-name-line h1{min-width:0}.profile-status-display{max-width:220px;padding:5px 9px;border:1px solid rgba(104,208,223,.24);border-radius:999px;color:#bfeef4;background:rgba(104,208,223,.055);font-size:.68rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-bio-display{max-width:610px;margin:9px 0 0!important;color:#b3c3c9!important;font-size:.8rem!important;line-height:1.55!important}.profile-settings{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.profile-settings-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.profile-settings-heading h2{margin:0;font-size:1.55rem;letter-spacing:-.035em}.profile-settings-heading p{max-width:430px;margin:0;color:var(--muted);font-size:.76rem;line-height:1.55;text-align:right}.profile-settings-feedback[hidden]{display:none}.profile-settings-feedback{margin-bottom:13px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.78rem;line-height:1.5}.profile-settings-feedback.success{border-color:rgba(139,207,155,.35);color:#b8ebc1;background:rgba(139,207,155,.055)}.profile-settings-feedback.error{border-color:rgba(239,123,118,.38);color:#ffb7b3;background:rgba(239,123,118,.055)}.profile-settings-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:12px}.profile-setting-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.023),transparent),rgba(5,18,24,.58)}.profile-setting-card h3{margin:0 0 7px;font-size:1rem;letter-spacing:-.02em}.profile-setting-card>p{margin:0 0 16px;color:var(--muted);font-size:.74rem;line-height:1.55}.profile-about-card{grid-column:1/-1}.avatar-setting-row{display:flex;align-items:center;gap:14px}.avatar-setting-preview{position:relative;width:76px;height:76px;flex:0 0 auto;border:1px solid rgba(104,208,223,.24);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(104,208,223,.13),rgba(139,207,155,.08))}.avatar-setting-preview img{width:100%;height:100%;object-fit:cover}.avatar-setting-preview::after{content:"PFP";position:absolute;right:6px;bottom:6px;padding:3px 5px;border-radius:6px;color:#dffaff;background:rgba(3,12,17,.74);font-size:.53rem;font-weight:950;letter-spacing:.07em}.avatar-setting-buttons{display:flex;flex-wrap:wrap;gap:8px}.settings-button{min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:rgba(255,255,255,.025);cursor:pointer;font-size:.75rem;font-weight:850}.settings-button.primary{border-color:rgba(104,208,223,.42);color:#051116;background:linear-gradient(145deg,#80dce6,#56bfd0);box-shadow:0 10px 24px rgba(72,186,208,.16)}.settings-button:disabled{cursor:not-allowed;opacity:.46}.settings-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.settings-form .field{min-width:0}.settings-form .field input{min-height:46px}.username-cooldown{margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.018);font-size:.71rem;line-height:1.45}.username-cooldown.ready{border-color:rgba(139,207,155,.28);color:#afe9b9;background:rgba(139,207,155,.045)}.username-cooldown.locked{border-color:rgba(242,199,92,.25);color:#e8d58f;background:rgba(242,199,92,.04)}.profile-details-form{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr) auto;gap:10px;align-items:end}.profile-details-form .field{min-width:0}.profile-details-form input,.profile-details-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;color:var(--text);background:rgba(1,9,13,.67);box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.profile-details-form input{min-height:46px;padding:0 13px}.profile-details-form textarea{min-height:96px;padding:12px 13px;resize:vertical;line-height:1.5}.profile-details-form input::placeholder,.profile-details-form textarea::placeholder{color:#68808a}.profile-details-form input:focus,.profile-details-form textarea:focus{border-color:var(--line-strong);background:rgba(4,17,23,.8);box-shadow:0 0 0 4px rgba(104,208,223,.07);outline:0}.field-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-title-row>small{color:#718993;font-size:.64rem;font-weight:700}.setting-note{margin:11px 0 0!important;color:#738a93!important;font-size:.66rem!important}.records-heading{padding-top:26px;border-top:1px solid var(--line)}@media(max-width:900px){.profile-details-form{grid-template-columns:1fr 1fr}.profile-details-form .settings-button{grid-column:1/-1;width:100%}}@media(max-width:760px){.profile-settings-grid{grid-template-columns:1fr}.profile-about-card{grid-column:auto}.settings-form,.profile-details-form{grid-template-columns:1fr}.settings-form .settings-button,.profile-details-form .settings-button{grid-column:auto;width:100%}.profile-settings-heading{align-items:flex-start;flex-direction:column}.profile-settings-heading p{text-align:left}.profile-top-actions{width:100%;justify-content:flex-start}.profile-name-line{align-items:flex-start;flex-direction:column;gap:7px}}@media(max-width:520px){.avatar-setting-row{align-items:flex-start;flex-direction:column}.avatar-setting-buttons{width:100%}.avatar-setting-buttons .settings-button{flex:1}.profile-setting-card{padding:15px}.profile-avatar-wrap,.profile-avatar-wrap .profile-avatar,.profile-avatar-image{width:64px;height:64px;border-radius:19px}.profile-status-display{max-width:100%}}@media(prefers-reduced-motion:reduce){.profile-avatar-wrap .profile-avatar,.profile-details-form input,.profile-details-form textarea{transition:none}}
