.profile-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);padding:var(--spacing-4);background-color:#111111d9;justify-content:center;align-items:center;animation:.25s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.profile-modal-container{background-color:var(--color-surface-card);border:var(--border-width-thick) solid var(--color-border-default);border-radius:var(--radius-md);flex-direction:column;width:100%;max-width:380px;animation:.25s ease-out forwards modalZoomIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.profile-modal-close-btn{top:var(--spacing-3);left:var(--spacing-3);z-index:10;border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-white,#fff);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background-color:#1119;border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute}.profile-modal-close-btn:hover{background-color:var(--color-primary-500);border-color:var(--color-primary-500);transform:scale(1.08)}.profile-modal-content{flex-direction:column;align-items:center;width:100%;display:flex}.profile-modal-image-wrapper{aspect-ratio:1/1.1;background-color:var(--color-neutral-900);width:100%;position:relative;overflow:hidden}.profile-modal-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.profile-modal-info{width:100%;padding:var(--spacing-5) var(--spacing-4);text-align:center;align-items:center;gap:var(--spacing-1);background-color:var(--color-neutral-50);border-top:1px solid var(--color-border-default);flex-direction:column;display:flex}.profile-modal-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary-500)}.profile-modal-name{font-size:var(--font-size-md);font-weight:var(--font-weight-black);color:var(--color-text-primary);line-height:1.3}@media (max-width:480px){.profile-modal-overlay{padding:var(--spacing-3)}.profile-modal-container{max-width:320px}.profile-modal-close-btn{width:34px;height:34px;top:var(--spacing-2);left:var(--spacing-2)}.profile-modal-info{padding:var(--spacing-4) var(--spacing-3)}.profile-modal-name{font-size:var(--font-size-sm)}}