.profile-fixed-header{z-index:1000;background-color:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;width:642px;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}@media (max-width:1200px){.profile-fixed-header{width:calc(100vw - 568px);left:280px;transform:none}}@media (max-width:1024px){.profile-fixed-header{width:calc(100vw - 236px);left:236px}}@media (max-width:768px){.profile-fixed-header{width:100%;left:0}}.header-back-button{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.header-back-button:hover{background-color:#f3f4f6}.header-title{flex-direction:column;flex:1;justify-content:center;display:flex}.header-name{color:#1f2937;font-size:17px;font-weight:600;line-height:1.2}.header-handle{color:#6b7280;font-size:13px;line-height:1.2}.header-menu-button{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.header-menu-button:hover{background-color:#f3f4f6}.settings-overlay{z-index:2000;background-color:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel{z-index:2001;background-color:#fff;flex-direction:column;width:320px;max-width:85vw;animation:.3s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-2px 0 8px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.settings-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.settings-close:hover{color:#374151;background-color:#f3f4f6}.settings-content{flex:1;padding:8px 0;overflow-y:auto}.settings-item{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:16px 20px;font-size:16px;transition:background-color .2s;display:flex}.settings-item:hover{background-color:#f9fafb}.settings-item svg{color:#6b7280;flex-shrink:0}.settings-item span{flex:1}.profile-page{padding-top:56px}.header-avatar-button{padding:4px}.header-avatar-img{object-fit:cover;border-radius:50%;width:28px;height:28px;display:block}.header-avatar-placeholder{color:#6b7280;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.settings-sheet-backdrop{z-index:2000;background-color:#0006;animation:.2s fadeIn;position:fixed;inset:0}.settings-sheet{z-index:2001;padding-bottom:env(safe-area-inset-bottom,20px);background-color:#fff;border-radius:16px 16px 0 0;animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-sheet-item{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:16px 24px;font-size:16px;transition:background-color .2s;display:flex}.settings-sheet-item:hover{background-color:#f9fafb}.settings-sheet-item:active{background-color:#f3f4f6}.settings-sheet-item svg{color:#6b7280;flex-shrink:0}.settings-sheet-item span{flex:1}