/* Profile surfaces and their persistent, compact navigation. */
.mp-profile-view{box-sizing:border-box;position:fixed;inset:0;width:min(1080px,calc(100% - 48px));height:calc(100dvh - 40px);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #dcdde2;border-radius:24px;background:#f5f5f7;color:#1d1d1f;box-shadow:0 24px 100px #18202c26;font-family:var(--velho-font);opacity:0;transform:translateY(22px) scale(.986);transition:opacity 200ms ease,transform 260ms cubic-bezier(.2,.75,.2,1)}
.mp-profile-view[open]{display:flex;flex-direction:column}
.mp-profile-view.is-open{opacity:1;transform:none}
.mp-profile-view.is-closing{opacity:0;transform:translateY(12px) scale(.994);transition-duration:180ms}
.mp-profile-view::backdrop{background:#1a213644;backdrop-filter:blur(4px);opacity:0;transition:opacity 200ms}
.mp-profile-view.is-open::backdrop{opacity:1}
.profile-view-top{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:56px;padding:6px 12px 6px 36px;border-bottom:1px solid #dedee3;background:#f5f5f7;z-index:2}
.profile-view-top>span{font-size:12px;color:#737378;font-weight:500;letter-spacing:.015em}
.profile-view-close{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#e9e9ed;color:#555860;line-height:1;cursor:pointer}
.profile-view-close:hover{background:#dedee4;color:#1d1d1f}
.profile-view-close svg,.profile-float svg,.profile-name-input svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.profile-view-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;flex:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9cbd1 transparent;scroll-padding-top:12px}
.profile-view-host{min-height:100%;display:block}
.profile-float{box-sizing:border-box;position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 32px);padding:6px;background:#24262bed;color:#f9f9fb;border:1px solid #ffffff24;border-radius:23px;box-shadow:0 6px 24px #11182724;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font:500 12px/1.2 var(--velho-font)}
.mp-profile-view .profile-float{position:absolute}
.profile-float>a,.profile-float>button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;width:98px;min-height:44px;margin:0;padding:9px 12px;border:0;border-radius:17px;background:transparent;color:inherit;text-decoration:none;font:inherit;cursor:pointer;transition:background 150ms}
.profile-float>a:hover,.profile-float>button:hover,.profile-float>button[aria-expanded=true]{background:#ffffff16;color:white}
.profile-float>a:focus-visible,.profile-float>button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.profile-name-search{box-sizing:border-box;position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:21;display:flex;flex-direction:column;width:min(440px,calc(100% - 28px));max-height:min(470px,calc(100dvh - 176px));padding:0;overflow:hidden;background:#fff;color:#1d1d1f;border:1px solid #dedee3;border-radius:18px;box-shadow:0 12px 40px #18202c24;font:400 14px/1.4 var(--velho-font);animation:profile-search-in 160ms ease-out}
.mp-profile-view .profile-name-search{position:absolute}
.profile-name-search[hidden]{display:none}
.profile-name-search.is-closing{animation:profile-search-out 120ms ease-in forwards;pointer-events:none}
.profile-name-input{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 16px;border-bottom:1px solid #e8e9ed;flex:none}
.profile-name-input>svg{width:18px;height:18px;color:#7a808a}
.profile-name-input input{box-sizing:border-box;width:0;min-width:0;flex:1;min-height:32px;padding:0;border:0;outline:none;background:transparent;color:inherit;font:400 16px/1.4 var(--velho-font)}
.profile-name-input button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;margin:0;padding:0;border:0;border-radius:50%;background:#f0f1f4;color:#777d86;line-height:1;cursor:pointer}
.profile-search-status{flex:none;font-size:11px;color:#737b88;margin:0;padding:10px 16px 6px}
.profile-name-results{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:0 6px 6px;scrollbar-width:thin}
.profile-name-results a{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px;border-radius:8px;color:inherit;text-decoration:none}
.profile-name-results a:hover,.profile-name-results a:focus-visible{background:#f1f3f7;color:inherit;outline:none}
.profile-name-results a[aria-current]{background:#f1f3f7}
.profile-name-results a>span{min-width:0;overflow-wrap:anywhere}
.profile-name-results small{font-size:10px;color:#76808e;flex:none}
.profile-search-empty{padding:16px;color:#737378;font-size:13px}
.profile-share-status{position:fixed;z-index:22;bottom:88px;left:50%;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100% - 36px);padding:8px 14px;border-radius:12px;background:#24262b;color:white;text-align:center;font:400 12px/1.4 var(--velho-font);pointer-events:none}
.profile-share-status:empty{display:none}
.mp-profile-view .profile-share-status{position:absolute}
.profile-float{bottom:calc(max(18px,env(safe-area-inset-bottom)) + var(--profile-keyboard,0px))}
.profile-name-search{bottom:calc(88px + var(--profile-keyboard,0px));max-height:min(470px,calc(var(--profile-visible-height,100dvh) - 176px))}
.profile-share-status{bottom:calc(88px + var(--profile-keyboard,0px))}
body[data-person]>.profile-shell{padding-bottom:112px}
body[data-person] h1:focus{outline:none}
@keyframes profile-search-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes profile-search-out{from{opacity:1;translate:0 0}to{opacity:0;translate:0 4px}}
@media(max-width:600px){
  .mp-profile-view{width:100%;height:calc(100dvh - 10px);margin:10px 0 0;border-width:1px 0 0;border-radius:20px 20px 0 0;transform:translateY(28px)}
  .profile-view-top{min-height:56px;padding:5px 10px 5px 18px}
  .profile-float{bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--profile-keyboard,0px));padding:5px;border-radius:21px}
  .profile-float>a,.profile-float>button{width:88px;gap:8px;min-height:44px;padding:9px 10px}
  .profile-name-search{bottom:calc(78px + env(safe-area-inset-bottom) + var(--profile-keyboard,0px));max-height:calc(var(--profile-visible-height,100dvh) - 155px)}
  .profile-share-status{bottom:calc(78px + env(safe-area-inset-bottom) + var(--profile-keyboard,0px))}
}
@media(prefers-reduced-motion:reduce){
  .mp-profile-view,.mp-profile-view::backdrop,.profile-float>a,.profile-float>button{transition:none;transform:none}
  .profile-name-search,.profile-name-search.is-closing{animation:none}
}