:root{--bg:#f7f5fa;--card:#fff;--ink:#251b2d;--muted:#817789;--line:#ece6f0;--brand:#6f38d6;--brand2:#9a45d8}
*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at top,#fcfaff 0,#f7f4fa 34%,#f4f1f7 100%)!important;color:var(--ink)}
.shell{width:min(100%,760px)!important;max-width:760px!important;min-width:0!important;margin:0 auto!important;overflow:clip!important;background:transparent!important}
main,.page-title,.inbox-head,.profile-top,.flow-head,.public-profile,.chat-head,.messages{min-width:0!important;max-width:100%!important}
.page-title,.inbox-head,.profile-top,.flow-head{padding:18px 16px 12px!important}.page-title h1,.inbox-head h1,.profile-top h1,.flow-head h1{letter-spacing:-.035em}
.search{margin:0 12px 16px!important;width:calc(100% - 24px)!important}.search input{min-width:0!important}
.online-strip{padding:0 12px 14px!important;scrollbar-width:none}.online-strip::-webkit-scrollbar{display:none}
.people{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0 12px 100px!important;width:100%!important;max-width:100%!important;margin:0!important}
.people article{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;padding:14px!important;border:1px solid rgba(89,57,112,.08)!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 30px rgba(41,25,55,.06)!important;overflow:hidden!important}
.people article>div{min-width:0!important;width:auto!important}.people article .person-name,.people article span,.people article p{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.people article p{margin:5px 0 0!important}
.people .chat{flex:0 0 auto!important;min-width:60px!important;max-width:74px!important;padding:10px 12px!important;border-radius:13px!important;text-align:center!important}
.profile-card.modern,.public-profile .profile-main{width:calc(100% - 24px)!important;max-width:none!important;margin:0 12px 96px!important;padding:20px 16px!important;border:1px solid rgba(89,57,112,.08)!important;border-radius:24px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 14px 40px rgba(41,25,55,.07)!important;overflow:hidden!important}
.profile-card.modern>*{max-width:100%!important}.profile-gallery{width:100%!important;max-width:100%!important;overflow:hidden!important}.profile-gallery img{max-width:100%!important}
.profile-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important}.profile-stats span{min-width:0!important;text-align:center!important}
.edit-profile .form,.edit-profile label,.edit-profile input,.edit-profile textarea{width:100%!important;max-width:100%!important;min-width:0!important}
.chat-head{width:100%!important;padding:10px 12px!important;display:grid!important;grid-template-columns:30px 42px minmax(0,1fr) 36px!important;gap:8px!important;align-items:center!important}.chat-head>div{min-width:0!important}.chat-head b,.chat-head span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.privacy-chip{width:max-content!important;max-width:calc(100% - 24px)!important;margin:8px auto 10px!important;text-align:center!important;white-space:normal!important}
.messages{width:100%!important;padding:10px 12px 178px!important;overflow-x:hidden!important;overscroll-behavior:contain!important;min-height:calc(100dvh - 240px)!important}.bubble{max-width:min(84%,480px)!important;overflow:hidden!important;overflow-wrap:anywhere!important}.message-photo{max-width:min(72vw,300px)!important}.message-photo img{width:100%!important;height:auto!important}.message-audio{width:min(72vw,300px)!important;max-width:100%!important}
.composer{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(calc(100vw - 16px),744px)!important;max-width:min(calc(100vw - 16px),744px)!important;min-width:0!important;margin:0!important;padding:9px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;border:1px solid rgba(89,57,112,.1)!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;box-shadow:0 14px 45px rgba(38,20,52,.2)!important;z-index:50!important}
.composer-tools{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important}.attach-button,.record-button{flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:12px!important}.record-button{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}.record-button.recording{background:#ffe4ea!important;color:#d62f51!important;box-shadow:0 0 0 5px rgba(214,47,81,.1)!important}
.composer-tools select{display:none!important;min-width:0!important;max-width:190px!important;height:38px!important;margin-left:auto!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#f8f5fa!important;padding:0 10px!important}.composer-tools select.visible{display:block!important}
.composer-main{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:7px!important;width:100%!important;min-width:0!important}.composer-main input{width:100%!important;min-width:0!important;max-width:100%!important;height:46px!important;border-radius:15px!important;font-size:16px!important}.send-button{width:46px!important;height:46px!important;border-radius:15px!important}
.media-preview{width:100%!important;max-width:100%!important;min-width:0!important;padding:7px 9px!important;white-space:normal!important}.media-preview audio{display:block!important;width:100%!important;max-width:320px!important;height:34px!important;margin-top:6px!important}
.chat-list{padding:0 12px 96px!important}.chat-list>a{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:52px minmax(0,1fr) auto!important}.chat-list>a>div{min-width:0!important}
.shell>nav{width:min(100%,760px)!important;max-width:760px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
@media(max-width:520px){.page-title,.inbox-head,.profile-top,.flow-head{padding-left:14px!important;padding-right:14px!important}.people{padding-left:10px!important;padding-right:10px!important}.people article{grid-template-columns:52px minmax(0,1fr) 58px!important;padding:13px 11px!important;gap:8px!important}.people .chat{min-width:58px!important;padding:10px 8px!important}.profile-card.modern,.public-profile .profile-main{width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important}.composer{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;bottom:calc(70px + env(safe-area-inset-bottom))!important}.messages{padding-left:10px!important;padding-right:10px!important}.bubble{max-width:88%!important}.composer-tools select{max-width:165px!important;font-size:12px!important}}

/* v11 — mobile layout consolidation */
html,body,.shell,main{max-width:100%!important;overflow-x:hidden!important}
body{overscroll-behavior-x:none!important}
.shell{min-height:100dvh!important}
.search{display:none!important}
.chat-head{position:sticky!important;top:64px!important;z-index:20!important;box-sizing:border-box!important}
.messages{box-sizing:border-box!important;height:auto!important;min-height:calc(100dvh - 206px)!important;padding:12px 12px calc(170px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;gap:7px!important}
.bubble{position:relative!important;display:block!important;width:max-content!important;min-width:0!important;max-width:min(82%,480px)!important;padding:9px 11px 7px!important;overflow:visible!important;align-self:flex-start!important;box-sizing:border-box!important}
.bubble.mine{align-self:flex-end!important;margin-left:auto!important}
.bubble-text{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.bubble>small{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;margin-top:4px!important;min-height:13px!important;font-size:9px!important;line-height:1.15!important;opacity:.76!important;white-space:normal!important;overflow:visible!important}
.bubble.mine>small{color:rgba(255,255,255,.86)!important}
.message-photo{position:relative!important;display:block!important;width:min(68vw,300px)!important;max-width:100%!important;overflow:hidden!important;border-radius:14px!important}
.message-photo img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:390px!important;object-fit:cover!important;border-radius:inherit!important}
.media-once-photo{min-height:155px!important;background:#2b2035!important}
.media-once-photo img{min-height:155px!important;filter:blur(18px) brightness(.68)!important;transform:scale(1.12)!important;pointer-events:none!important}
.media-once-photo>span{position:absolute!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.4)!important;z-index:2!important}
.media-once-photo>span b{font-size:14px!important}.media-once-photo>span small{font-size:10px!important;margin-top:4px!important}
.media-expired{display:flex!important;align-items:center!important;min-width:150px!important;padding:12px 14px!important;border-radius:13px!important;background:rgba(255,255,255,.14)!important;font-weight:700!important}
.composer{box-sizing:border-box!important;left:50%!important;right:auto!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(calc(100vw - 12px),748px)!important;max-width:calc(100vw - 12px)!important;padding:8px!important;border-radius:22px!important;gap:7px!important;overflow:hidden!important}
.composer-tools{display:flex!important;width:100%!important;min-width:0!important;gap:7px!important;overflow:hidden!important}
.composer-main{width:100%!important;min-width:0!important}
.photo-mode{display:flex!important;min-width:0!important;gap:5px!important;margin-left:auto!important;padding:3px!important;border-radius:12px!important;background:#f2edf6!important}
.photo-mode[hidden]{display:none!important}
.photo-mode-btn{width:auto!important;height:32px!important;min-width:0!important;padding:0 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#675a72!important;font-size:11px!important;white-space:nowrap!important;box-shadow:none!important}
.photo-mode-btn.active{background:#fff!important;color:#6534bd!important;box-shadow:0 2px 8px rgba(45,27,58,.1)!important}
.media-preview{box-sizing:border-box!important;max-height:112px!important;overflow:auto!important}
.media-preview .preview-image{display:block!important;width:64px!important;height:64px!important;object-fit:cover!important;border-radius:11px!important;margin-top:6px!important}
.profile-card.modern,.public-profile,.public-profile .profile-main,.people,.people article,.chat-list,.chat-list>a{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
@media(max-width:520px){.chat-head{grid-template-columns:30px 40px minmax(0,1fr) 34px!important;padding:8px 10px!important}.messages{padding-left:9px!important;padding-right:9px!important}.bubble{max-width:86%!important}.message-photo{width:min(72vw,285px)!important}.composer{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important}.photo-mode-btn{padding:0 7px!important;font-size:10px!important}}