.profile-header{display:flex;align-items:center;gap:var(--space-4)}.profile-header__avatar-container{position:relative;flex-shrink:0;align-self:flex-end}.profile-header__avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-accent);flex-shrink:0;cursor:pointer;transition:transform .15s ease;background:none;padding:0;overflow:hidden}.profile-header__avatar:hover{transform:scale(1.05)}.profile-header__avatar--editing{background:var(--color-accent);color:var(--color-background)}.profile-header__avatar--editing:hover{transform:scale(1.05)}.profile-header__avatar-emoji{font-size:20px;line-height:1;margin-bottom:-4px}.profile-header__name-section{display:flex;align-items:flex-start;gap:var(--space-2);flex:1;min-width:0}.profile-header__name-edit{flex:1;min-width:0;height:48px}.profile-header__username{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-ultrabold);color:var(--color-accent);margin:0;cursor:pointer;transition:opacity .15s ease;border-bottom:2px solid rgba(0,0,0,0);height:48px;display:flex;align-items:center}.profile-header__username:hover{opacity:.7}.profile-header__username-row{display:flex;align-items:center;gap:var(--space-2);height:48px}.profile-header__username-wrapper{position:relative;flex:1;min-width:0}.profile-header__username-input{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-ultrabold);color:var(--color-accent);background:rgba(0,0,0,0);border:none;border-bottom:2px solid var(--color-accent);outline:none;padding:0 60px 0 0;width:100%;min-width:0}.profile-header__char-count{position:absolute;right:0;bottom:4px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);opacity:.4;pointer-events:none}.profile-header__save-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;opacity:.7;transition:opacity .15s ease;flex-shrink:0}.profile-header__save-btn:hover{opacity:1}.profile-header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;color:var(--color-accent);cursor:pointer;opacity:.5;transition:opacity .15s ease;flex-shrink:0}.profile-header__icon-btn:hover{opacity:1}.profile-header__lock-container{position:relative;flex-shrink:0;margin-left:auto}.profile-header__error{font-family:var(--font-sans);font-size:var(--text-sm);color:#ff6b6b;margin:var(--space-2) 0 0}.profile-header__avatar-modal{position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;margin-top:var(--space-6)}.profile-header__avatar-modal-wrapper{background:var(--color-accent);max-height:0;overflow:hidden;transition:max-height .4s ease}.profile-header__avatar-modal--open .profile-header__avatar-modal-wrapper{max-height:400px}.profile-header__avatar-modal-content{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile-header__avatar-controls{display:flex;gap:var(--space-3)}.profile-header__color-grid{flex:0 0 50%;max-width:calc(50% - var(--space-3)/2);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);align-content:start;height:200px}.profile-header__color-btn{aspect-ratio:1;border-radius:50%;border:3px solid rgba(0,0,0,0);cursor:pointer;transition:transform .15s ease,border-color .15s ease;display:flex;align-items:center;justify-content:center}.profile-header__color-btn:hover{transform:scale(1.1)}.profile-header__color-btn--selected{border-color:var(--color-background)}.profile-header__color-emoji{font-size:36px;line-height:1;margin-bottom:-8px}.profile-header__emoji-box{flex:0 0 50%;max-width:calc(50% - var(--space-3)/2);border-radius:var(--radius-md);overflow:hidden}.profile-header__emoji-box .EmojiPickerReact{--epr-bg-color:var(--color-accent);--epr-category-label-bg-color:var(--color-accent);--epr-search-input-bg-color:rgba(255,255,255,0.15);--epr-hover-bg-color:rgba(255,255,255,0.15);--epr-focus-bg-color:rgba(255,255,255,0.2);--epr-highlight-color:var(--color-background);--epr-search-input-text-color:var(--color-background);--epr-search-input-placeholder-color:rgba(217,205,191,0.5);--epr-text-color:var(--color-background);--epr-category-icon-active-color:var(--color-background);--epr-emoji-size:24px;font-size:12px;border:none}.profile-header__emoji-box .EmojiPickerReact .epr-category-nav,.profile-header__emoji-box .EmojiPickerReact .epr-emoji-category:first-child,.profile-header__emoji-box .EmojiPickerReact .epr-preview{display:none}.profile-header__pin-modal{position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;margin-top:0}.profile-header__pin-modal-wrapper{background:var(--color-accent);max-height:0;overflow:hidden;transition:max-height .4s ease}.profile-header__pin-modal--open .profile-header__pin-modal-wrapper{max-height:600px}.profile-header__pin-modal-content{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile-header__pin-field{margin-bottom:var(--space-4)}.profile-header__pin-label{display:block;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-background);margin-bottom:var(--space-2)}.profile-header__pin-row{display:flex;align-items:center;gap:var(--space-3)}.profile-header__pin-inputs{display:flex;gap:var(--space-2);flex:1}.profile-header__pin-input{width:100%;max-width:48px;aspect-ratio:1;padding:0;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-accent);text-align:center;background:var(--color-background);border:none;border-radius:var(--radius-md);outline:none}.profile-header__pin-input:focus{box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.profile-header__pin-check{color:var(--color-background)}.profile-header__pin-check,.profile-header__pin-x{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.profile-header__pin-x{color:#ff6b6b}.profile-header__pin-error{font-family:var(--font-sans);font-size:var(--text-sm);color:#ff6b6b;margin:var(--space-2) 0 0}.profile-header__pin-submit{width:100%;height:48px;margin-top:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-background);border:none;border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:opacity .15s ease}.profile-header__pin-submit:hover{opacity:.85}.profile-header__pin-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.profile-header__pin-input{max-width:40px}}