/* Header brand truly centered independently of the left + and right controls. */
#app-root:not(.hidden)>.mobile-header{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px;box-sizing:border-box}
#app-root:not(.hidden)>.mobile-header>.pati-header-share{flex:0 0 37px!important;position:relative;z-index:2;margin-right:auto!important}
#app-root:not(.hidden)>.mobile-header>.brand{
 position:absolute!important;left:50%!important;top:50%!important;
 transform:translate(-50%,-50%)!important;z-index:1!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:none!important;width:max-content!important;max-width:calc(100% - 130px)!important;
 padding:0!important;margin:0!important;min-width:0!important;gap:7px!important;
 pointer-events:none;
}
#app-root:not(.hidden)>.mobile-header>.brand>.brand-icon{flex:none!important;transform:none!important;width:35px!important;height:35px!important;min-width:35px!important;border-radius:11px!important}
#app-root:not(.hidden)>.mobile-header>.brand .brand-word{font-size:clamp(19px,2.6vw,26px)!important;line-height:1.15!important;letter-spacing:-.055em!important;white-space:nowrap!important}
#app-root:not(.hidden)>.mobile-header>.brand .brand-caption{display:none!important}
#app-root:not(.hidden)>.mobile-header>.pati-header-actions{margin-left:auto!important;position:relative;z-index:2;flex:0 0 auto!important}
@media(max-width:400px){
 #app-root:not(.hidden)>.mobile-header>.brand{gap:4px!important;max-width:calc(100% - 136px)!important}
 #app-root:not(.hidden)>.mobile-header>.brand>.brand-icon{width:29px!important;min-width:29px!important;height:29px!important}
 #app-root:not(.hidden)>.mobile-header>.brand .brand-word{font-size:19px!important}
 #app-root:not(.hidden)>.mobile-header>.pati-header-share{flex-basis:34px!important;width:34px!important;min-width:34px!important}
}
@media(max-width:740px){#app-root:not(.hidden)>.mobile-header{position:fixed!important;top:0!important;left:0!important;right:0!important}}
@media(min-width:741px){#app-root:not(.hidden)>.mobile-header{position:sticky!important;top:0!important}}
/* One circular profile avatar, no protruding inner image or odd ring; only the story + overlaps intentionally. */
#main-content .pati-ig-profile .pati-ig-summary .pati-ig-avatar{
 position:relative!important;isolation:isolate;display:block!important;
 flex:none!important;align-self:center!important;
 width:clamp(74px,21vw,104px)!important;height:clamp(74px,21vw,104px)!important;
 min-width:0!important;max-width:none!important;aspect-ratio:1!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
 background:transparent!important;overflow:visible!important;
 box-shadow:none!important;box-sizing:border-box!important;
}
#main-content .pati-ig-profile .pati-ig-summary .pati-ig-avatar>.avatar,
#main-content .pati-ig-profile .pati-ig-summary .pati-ig-avatar>.avatar.l{
 position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;
 width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;
 flex:none!important;aspect-ratio:1!important;margin:0!important;padding:0!important;
 border:2px solid #ededf0!important;border-radius:50%!important;
 overflow:hidden!important;box-sizing:border-box!important;background:#e8e8ec!important;
 font-size:clamp(21px,5vw,33px)!important;
}
#main-content .pati-ig-profile .pati-ig-summary .pati-ig-avatar>.avatar img{
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;max-width:100%!important;
 border-radius:50%!important;object-fit:cover!important;object-position:center!important;
 transform:none!important;margin:0!important;padding:0!important;
}
#main-content .pati-ig-profile .pati-profile-story-plus{
 position:absolute;z-index:3;bottom:-2px;right:-4px;
 display:grid;place-items:center;width:29px;height:29px;min-width:29px;
 padding:6px;border:2px solid #fff;background:#18181d;color:#fff;
 border-radius:50%;box-shadow:0 1px 6px #0002;cursor:pointer;touch-action:manipulation;
}
#main-content .pati-ig-profile .pati-profile-story-plus .icon{width:16px;height:16px;stroke-width:2.7}
#main-content .pati-ig-profile .pati-profile-story-plus:focus-visible{outline:3px solid #777;outline-offset:3px}
@media(max-width:740px){
 #main-content .pati-ig-profile .pati-ig-summary .pati-ig-avatar{
  width:clamp(72px,21vw,88px)!important;height:clamp(72px,21vw,88px)!important;
 }
}
@media(max-width:370px){
 #main-content .pati-ig-profile .pati-ig-summary .pati-ig-avatar{width:70px!important;height:70px!important}
 #main-content .pati-ig-profile .pati-profile-story-plus{width:27px;height:27px;right:-2px}
}
/* DM image is an edge-to-edge photo; natural aspect ratio, no blank sidebars or forced square. */
#main-content .pati-dm-layout .bubble-chat.pati-dm-image-message{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 flex:0 1 auto!important;width:max-content!important;max-width:min(76%,370px)!important;
 min-width:0!important;box-sizing:border-box!important;
 padding:0!important;margin-top:5px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-radius:16px!important;overflow:visible!important;color:#54555d!important;
}
#main-content .pati-dm-layout .bubble-chat.pati-dm-image-message.mine{color:#53545b!important}
#main-content .pati-dm-layout .pati-dm-image-open{
 display:block!important;width:100%!important;max-width:100%!important;
 min-width:0!important;max-height:70dvh;overflow:hidden;
 padding:0!important;margin:0!important;border:0!important;
 border-radius:16px!important;background:transparent!important;
 box-shadow:none!important;cursor:zoom-in;line-height:0;
}
#main-content .pati-dm-layout .pati-dm-image-open>.pati-dm-image{
 display:block!important;position:static!important;
 width:auto!important;height:auto!important;max-width:100%!important;
 max-height:min(65dvh,520px)!important;min-width:0!important;
 border:0!important;border-radius:16px!important;object-fit:contain!important;
 object-position:center!important;box-shadow:none!important;margin:0!important;padding:0!important;
}
#main-content .pati-dm-layout .bubble-chat.pati-dm-image-message>small{
 display:block!important;margin-top:5px!important;padding:0 3px!important;
 font-size:10px!important;color:#777!important;opacity:1!important;
 line-height:1.4!important;white-space:normal!important;
}
#main-content .pati-dm-layout .bubble-chat.pati-dm-image-message .pati-dm-msg-tools{padding-top:3px!important}
#main-content .pati-dm-layout .pati-dm-image-open:focus-visible{outline:3px solid #555!important;outline-offset:3px}
/* Large authenticated image preview when tapped, with click-to-dismiss outside. */
#modal-root .modal.pati-dm-photo-modal{
 width:min(96vw,900px)!important;max-width:900px!important;
 max-height:96dvh!important;height:auto!important;
 padding:0!important;border-radius:17px!important;overflow:hidden!important;
 background:#0b0b0f!important;
}
#modal-root .pati-dm-photo-modal .modal-header{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex:0 0 auto!important;padding:12px 16px!important;
 border-bottom:1px solid #34343b!important;background:#17171c!important;color:#fff!important;
}
#modal-root .pati-dm-photo-modal .modal-header h2{color:#fff!important;font-size:15px!important}
#modal-root .pati-dm-photo-modal .modal-header .close-modal{color:#fff!important}
#modal-root .pati-dm-photo-modal .modal-content{display:grid!important;place-items:center!important;padding:0!important;background:#0b0b0f!important;max-height:calc(95dvh - 58px)!important;overflow:auto!important}
#modal-root .pati-dm-photo-modal .pati-dm-photo-view{width:100%;min-width:0;display:grid;place-items:center;background:#0b0b0f}
#modal-root .pati-dm-photo-modal .pati-dm-photo-view img{
 display:block!important;width:auto!important;height:auto!important;
 max-width:100%!important;max-height:calc(93dvh - 72px)!important;
 object-fit:contain!important;margin:auto!important;border:0!important;box-shadow:none!important;
}
@media(max-width:740px){
 #modal-root .modal.pati-dm-photo-modal{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 #modal-root .pati-dm-photo-modal .modal-content{max-height:calc(100dvh - 61px)!important}
 #modal-root .pati-dm-photo-modal .pati-dm-photo-view img{max-height:calc(100dvh - 70px)!important}
 #main-content .pati-dm-layout .bubble-chat.pati-dm-image-message{max-width:85%!important}
}
@media(prefers-reduced-motion:reduce){#main-content .pati-profile-story-plus{transition:none!important}}