.user-profile-page{width:100%;min-width:0;color:var(--app-color)}.user-profile-heading{border-bottom:1px solid var(--app-border-color);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.user-profile-heading h1{margin:0;font-size:1.25rem;font-weight:600}.user-profile-heading p,.user-profile-muted{color:var(--app-muted-color);font-size:.875rem}.user-profile-page>section{padding:1rem}.user-profile-card{border:1px solid var(--app-border-color);background:var(--editor-surface);width:100%;max-width:48rem;margin:0 auto;overflow:hidden;box-shadow:none!important;padding:0!important}.user-profile-card .tabs-header{background:var(--app-secondary-color);flex-wrap:wrap;padding:.5rem .75rem}.user-profile-tab{padding:1.25rem 1rem 2rem}.user-profile-form{flex-direction:column;gap:1rem;width:100%;min-width:0;max-width:28rem;display:flex}.user-profile-form>*{min-width:0;max-width:100%}.user-profile-auth{margin-inline:auto}.user-profile-actions{flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.user-profile-section-title{font-size:.875rem;font-weight:600}.user-profile-separator{background:var(--sidebar-border);width:100%;height:1px;margin-top:.25rem}.user-account-bar{border-radius:var(--radius-md,8px);color:var(--sidebar-text);align-items:center;gap:.5rem;margin:.25rem .5rem .5rem;padding:.5rem;display:flex}.user-account-bar:hover{background:var(--sidebar-item-hover)}.user-account-link{min-width:0;min-height:44px;color:inherit;border-radius:var(--radius-md,8px);flex:1;align-items:center;gap:.625rem;text-decoration:none;display:flex}.user-account-link>svg{color:var(--sidebar-text-muted);flex-shrink:0}.user-account-label{min-width:0;font-size:.875rem;font-weight:500}.user-account-label>*{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-account-label small{color:var(--sidebar-text-muted);font-size:.75rem}.user-account-bar button{flex-shrink:0;min-width:44px;min-height:44px}.user-account-bar-collapsed{flex-direction:column;margin-inline:.125rem;padding:.25rem}.user-account-bar-collapsed .user-account-link{justify-content:center;width:44px}@media (min-width:768px){.user-profile-tab{padding-inline:2rem}}@media (max-width:767px){.user-profile-actions button,.user-profile-card .tabs-header button,.user-profile-form input{min-height:44px}}