:root{color-scheme:dark;--bg:#090e19;--panel:#111a2a;--line:#263247;--text:#f3f6ff;--muted:#8c9bb3;--mint:#70efcd;--purple:#a891ff;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#23305255,transparent 45%),var(--bg);min-height:100vh}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}header{height:80px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#090e19ef;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - 1240px)/2));gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:850;letter-spacing:-.5px}.brand-mark{width:38px;height:38px;border:1px solid #80f3d977;background:linear-gradient(140deg,#153f3c,#212448);border-radius:12px;display:grid;place-items:center;transform:rotate(-7deg);color:var(--mint);font-style:italic;font-weight:900}.brand b{color:var(--mint)}.preview-badge{color:var(--muted);font-size:9px;letter-spacing:1.3px;border:1px solid #3b4359;padding:4px 6px;border-radius:5px;margin-left:4px}.header-actions{display:flex;align-items:center;gap:18px}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #70efcd55;display:inline-block;margin-right:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:var(--mint);color:#09251d;padding:12px 18px;border-radius:12px;font-weight:750;font-size:13px}.btn.secondary{border-color:var(--line);color:#d6e0f4;background:#182236}.btn.ghost{background:transparent;color:var(--muted);padding:8px}.btn:hover{filter:brightness(1.1)}.shell{max-width:1240px;margin:auto;display:grid;grid-template-columns:210px minmax(0,640px) 250px;gap:28px;padding:34px 26px 70px}.side{position:sticky;top:114px;align-self:start}.side-caption{font-size:10px;letter-spacing:2px;color:#65778e;margin:4px 0 16px 14px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;gap:14px;align-items:center;border:1px solid transparent;background:none;padding:14px 16px;border-radius:12px;color:#9eacc2;text-align:left;font-weight:600;font-size:14px}.nav button.active{background:linear-gradient(100deg,#183b3755,#11292733);border-color:#305b4c;color:var(--mint)}.nav .post-button{margin:16px 0;background:linear-gradient(110deg,#9181f6,#b59aff);color:#170e38;justify-content:center;box-shadow:0 7px 25px #8063ff20}.side-note{margin:35px 14px;font-size:11px;color:#66768d;line-height:1.8}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;gap:15px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--mint);margin:0 0 8px}h1{font-size:29px;letter-spacing:-1px;margin:0}h2{font-size:19px;letter-spacing:-.4px;margin:0 0 10px}h3{margin:0;font-size:15px}.muted{color:var(--muted)}p{line-height:1.65}.small{font-size:12px}.feed-sort{font-size:11px;background:#121e30;color:#bfccdf;padding:9px 12px;border:1px solid var(--line);border-radius:9px;white-space:nowrap}.post,.card{border:1px solid var(--line);background:linear-gradient(135deg,#142034,#101725);border-radius:18px;overflow:hidden;margin-bottom:20px}.post-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px;gap:8px}.person{display:flex;align-items:center;gap:11px}.avatar{height:40px;width:40px;border-radius:13px;display:grid;place-items:center;color:#c7b6ff;background:linear-gradient(140deg,#473f77,#262848);font-weight:800;overflow:hidden;flex-shrink:0}.avatar.teal{color:#98ffe0;background:linear-gradient(140deg,#265f56,#182f3d)}.avatar img{width:100%;height:100%;object-fit:cover}.person small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.verified{display:inline-flex;align-items:center;gap:4px;color:var(--mint);font-size:10px;font-weight:650}.verified svg{width:13px;height:13px}.post-badge{font-size:9px;letter-spacing:1px;color:#a2b1c8;text-transform:uppercase;border:1px solid #36435c;padding:5px 7px;border-radius:6px}.post-content{padding:0 20px 18px}.post-content h2{font-size:20px;line-height:1.4;margin:4px 0 9px}.post-content p{font-size:13px;color:#a6b6ce;margin:0}.post-art{height:245px;margin:17px 0 0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 70% 50%,#6652cb55,transparent 60%),linear-gradient(130deg,#242246,#101b2d);border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff08}.post-art:before{content:'';position:absolute;width:195px;height:195px;border:1px solid #8f7eff55;transform:rotate(35deg);border-radius:28px;box-shadow:0 0 70px #9175ff15,inset 0 0 35px #7865df18}.post-art .art-icon{position:relative;width:65px;height:65px;color:#c4b3ff;filter:drop-shadow(0 0 18px #8d71ff66)}.post-art strong{position:relative;font-size:24px;font-weight:850;letter-spacing:6px;margin-top:22px}.post-art small{font-size:9px;color:#a7a1c4;letter-spacing:3px;margin-top:9px}.post-art.teal{background:radial-gradient(ellipse at 50% 50%,#1b826855,transparent 65%),linear-gradient(130deg,#172e37,#111c30)}.post-art.teal:before{border-color:#7deed344}.post-art.teal .art-icon{color:#a0f8df}.post-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #26324788;padding:15px 20px;gap:10px}.price{font-weight:800;font-size:21px;letter-spacing:-.6px}.price small{display:block;font-size:9px;color:#73859f;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px}.text-action{border:1px solid #3f3b62;background:#292443;color:#d7caff;border-radius:9px;padding:10px 13px;font-weight:650;font-size:11px}.card{padding:22px}.right .card{padding:20px}.right h3{font-size:13px;line-height:1.6}.right p{font-size:11px;color:var(--muted);line-height:1.8}.right .line{height:1px;background:var(--line);margin:20px 0}.number{font-size:26px;color:#d0c0ff;font-weight:800}.right-caption{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#798ba5;margin:7px 0}.right .accent-box{border-color:#39554f;background:linear-gradient(140deg,#15332d77,#141d2b)}.right .icon-box{width:37px;height:37px;border-radius:10px;background:#214a3d;color:var(--mint);display:grid;place-items:center;margin-bottom:15px}.page{min-width:0}.intro{color:var(--muted);font-size:12px;margin:-12px 0 23px;line-height:1.7}.search{position:relative;margin:0 0 22px}.input{display:block;width:100%;background:#0c1423;border:1px solid #33435b;border-radius:11px;color:white;padding:13px 14px;outline:none;font-size:13px}.input:focus{border-color:#8bdcca;box-shadow:0 0 0 3px #70efcd10}.input::placeholder{color:#6d7f99}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 28px}.admin-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:#131e30;text-align:left}.admin-card.selected{border-color:#65bfa5;box-shadow:0 0 0 1px #65bfa533}.admin-card .avatar{margin-bottom:14px}.admin-card h3{margin:8px 0}.admin-card p{font-size:11px;margin:7px 0;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:27px 0 17px}.pill{font-size:9px;border-radius:6px;background:#223247;color:#b2c1d5;padding:5px 7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:600;color:#c1cde0;margin:20px 0 8px}textarea{resize:vertical;min-height:120px}.upload-zone{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #576486;background:#161e32;border-radius:13px;padding:26px 12px;text-align:center;cursor:pointer;color:#d8d1f5;font-size:12px;margin-top:9px}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.hint{font-size:10px;color:#798ba5;line-height:1.8;margin:9px 0}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.media-item{position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#070e1b}.media-item img,.media-item video{display:block;width:100%;height:165px;object-fit:contain}.media-item button{position:absolute;right:6px;top:6px;background:#080e1de6;border:1px solid #687a94;color:white;width:27px;height:27px;border-radius:50%}.post-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-top:18px}.post-media>*{display:block;width:100%;height:240px;object-fit:contain;background:#080e18}.post-media>*:only-child{grid-column:1/-1}.empty{text-align:center;padding:45px 24px}.empty .empty-icon{width:65px;height:65px;border-radius:21px;background:#25213e;display:grid;place-items:center;color:#beabff;margin:0 auto 20px}.empty-icon svg{width:29px;height:29px}.empty p{font-size:12px;color:var(--muted);max-width:340px;margin:12px auto 24px}.profile-cover{height:115px;background:radial-gradient(ellipse at 75% 0,#a08aff66,transparent 65%),linear-gradient(120deg,#29385b,#1b1b36);margin:-22px -22px 0}.profile-avatar{width:76px;height:76px;border-radius:24px;margin-top:-38px;position:relative;border:5px solid #141d2f;background:#283b52}.profile-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.profile-info{margin:20px 0}.profile-info h2{font-size:24px}.profile-email{font-size:12px;color:var(--muted);word-break:break-all}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:13px;margin-top:24px}.stat{padding:19px 5px;text-align:center}.stat+.stat{border-left:1px solid var(--line)}.stat strong{display:block;font-size:23px;margin-bottom:5px}.stat small{font-size:10px;color:var(--muted)}.profile-details{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:12px}.bottom{display:none}#toast{position:fixed;z-index:60;bottom:30px;left:50%;transform:translateX(-50%);background:#23384b;border:1px solid #60837f;color:white;border-radius:12px;padding:13px 18px;font-size:12px;max-width:min(90vw,500px);box-shadow:0 10px 40px #0007}.modal{position:fixed;inset:0;background:#03070ed9;z-index:50;display:grid;place-items:center;padding:20px}.dialog{max-width:430px;width:100%;padding:29px;border:1px solid #3a4766;border-radius:19px;background:#152035}.dialog h2{font-size:23px}.dialog p{font-size:13px;color:var(--muted)}.dialog .btn{width:100%;margin-top:8px}.dialog .row{display:flex;justify-content:space-between;gap:10px;align-items:center}.dialog .close{border:0;background:none;font-size:22px;color:#a1b3ca}.tab-enter{animation:arrive .22s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.shell{padding-top:42px}}@media(max-width:1100px){.shell{grid-template-columns:185px minmax(0,640px);max-width:950px}.right{display:none}}@media(max-width:720px){header{height:66px;padding:0 18px}.brand{font-size:17px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:10px}.preview-badge{font-size:7px}.header-actions .small{display:none}.header-actions .btn{font-size:10px;padding:9px 11px}.shell{display:block;padding:26px 14px 110px;max-width:570px}.side{display:none}h1{font-size:25px}.page-heading{margin-bottom:22px}.post-head{padding:16px}.post-content{padding:0 16px 16px}.post-content h2{font-size:18px}.post-content p{font-size:12px}.post-art{height:220px}.post-footer{padding:14px 16px}.post-badge{font-size:8px}.bottom{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;align-items:center;border-top:1px solid #2e3b51;background:#101827f5;backdrop-filter:blur(18px);padding:11px 6px max(10px,env(safe-area-inset-bottom))}.bottom button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;color:#7f91ad;background:none;min-width:52px;font-size:9px;padding:5px 0}.bottom button.active{color:var(--mint)}.bottom svg{width:23px;height:23px}.bottom .post-button{position:relative;margin-top:-30px;color:#c7b7ff}.bottom .post-button>span:first-child{display:grid;place-items:center;width:53px;height:53px;border-radius:18px;background:linear-gradient(140deg,#a38aff,#8063e5);border:4px solid #151e31;box-shadow:0 5px 20px #8b66ff30;color:#140b2c}.bottom .post-button svg{width:25px;height:25px}.admin-grid{gap:10px}.admin-card{padding:16px 13px}.admin-card h3{font-size:13px}.card{padding:20px}.profile-cover{margin:-20px -20px 0}.media-item img,.media-item video{height:130px}.post-media>*{height:200px}#toast{bottom:100px}.form-row{gap:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}


.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.post-footer{flex-wrap:wrap}.post-footer .price{margin-right:auto}.chat-row{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#18253c;padding:15px;color:#dfeaff;border-radius:11px;margin:8px 0;line-height:1.6}.profile-result{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.card>.avatar{width:65px;height:65px;margin-bottom:15px;border-radius:20px}.card>.btn{margin:8px 8px 0 0}.card>h2{margin-top:10px}#marketSearch{margin-bottom:20px}#chatMessages{height:300px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:16px 0;margin:15px 0}.bubble{align-self:flex-start;background:#222c42;border:1px solid #33425d;border-radius:13px;padding:10px 14px;max-width:88%;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#203e3c;border-color:#3c6a60}.bubble small{font-size:9px;color:#a9b7cd}.bubble p{margin:5px 0 0;white-space:pre-wrap;font-size:13px}.bubble.mine small{color:#8bddca}#chatForm{flex-wrap:nowrap}#chatForm .input{min-width:0}#chatForm .btn{flex-shrink:0}.profile-dialog{max-width:650px;max-height:85svh;overflow:auto}.nav button>span:first-child{font-size:24px;width:24px;text-align:center}.right .btn{font-size:11px}.dialog{max-height:85svh;overflow:auto}.bottom .post-button>span:first-child{font-size:30px}.input{font:inherit;font-size:13px}#myPosts{margin-bottom:25px}.post-content p{white-space:pre-wrap;overflow-wrap:anywhere}.post-content h2{overflow-wrap:anywhere}#customGroupPrice{margin-top:10px}
@media(max-width:720px){.bottom button>span:first-child{font-size:24px;line-height:1}.bottom button>span:last-child{font-size:9px}.header-actions .btn{max-width:110px}.page-heading{flex-wrap:wrap}.profile-result{gap:5px}.profile-result .pill{font-size:8px}.post-footer .btn{font-size:10px;padding:10px}.stats .stat{min-width:0}.stat small{font-size:9px}#chatMessages{height:260px}.bubble{max-width:95%}}

.group-logo-preview{width:72px;height:72px;object-fit:cover;border:1px solid var(--line);border-radius:19px;margin-top:15px}.group-bar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:10px}.group-bar .person{min-width:0}.group-bar strong{overflow-wrap:anywhere}.range-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:thin}.range-chip{flex:none;border:1px solid #3c4964;border-radius:999px;padding:9px 14px;background:#182338;color:#bbc8dd;font-size:11px}.range-chip.active{background:#234b43;border-color:#70efcd99;color:#a3ffe3}.range-editor{border:1px solid #3f5568;border-radius:13px;padding:18px;margin:10px 0 20px;background:#101a2b}.range-edit-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:10px 0;align-items:center;font-size:12px}.group-chat-label{padding-top:18px;border-top:1px solid var(--line)}#groupListings .empty{padding:25px 15px;margin-top:8px}#groupListings .post{margin-top:12px}.group-bar .avatar{width:40px;height:40px;margin:0}.range-chips button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}@media(max-width:720px){.group-bar .action-row{width:100%}.group-bar .btn{padding:9px 12px;font-size:11px}.range-chip{padding:8px 12px;font-size:10px}}


/* Messenger: one list, then one viewport-sized conversation. */
.messenger-page>header{display:none}.messenger-page .right{display:none}.messenger-page .shell{grid-template-columns:210px minmax(0,1fr)}
#messengerInbox>.page-heading{margin-bottom:16px}#messengerInbox .section-title{margin:18px 0 8px}#messengerInbox .section-title h2{font-size:13px;color:var(--muted)}
#messengerInbox .chat-row{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;margin:0;padding:13px 0;min-height:68px}.chat-row-label{min-width:0;display:flex;flex-direction:column}.chat-row-label strong,.chat-row-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-label small{font-size:12px;color:var(--muted)}#messengerInbox .avatar{border-radius:50%;width:44px;height:44px}#messengerInbox .empty{border:0;background:none;padding:22px 8px}#messengerInbox .empty h2{font-size:14px;font-weight:500}#messengerInbox .empty p{display:none}
body.chat-open{overflow:hidden;height:100dvh}.chat-open>header,.chat-open .side,.chat-open .right,.chat-open .bottom{display:none!important}.chat-open .shell{display:block;padding:0;max-width:none}.chat-open #chatPanel{position:fixed;top:var(--chat-top,0px);left:0;right:0;height:var(--chat-height,100dvh);z-index:40;display:flex;flex-direction:column;border:0;border-radius:0;margin:0;padding:0;background:var(--bg);overflow:hidden}.chat-open #chatPanel>.page-heading{flex:none;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin:0;padding:8px 12px;border-bottom:1px solid var(--line);min-height:58px}.chat-open #chatTitle{font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-open #closeChat{font-size:25px;min-width:44px;min-height:44px;padding:4px}.chat-open #chatMessages{height:auto!important;min-height:0;flex:1;overflow-y:auto;margin:0;padding:16px;overflow-anchor:none;-webkit-overflow-scrolling:touch}.bubble{flex-shrink:0}.chat-open #chatForm{flex:none;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:#111a2a;border-top:1px solid var(--line);gap:8px}.chat-open #messageText{font-size:16px;border-radius:24px}.chat-open #chatActions:empty{display:none}.chat-open #chatActions{flex:none;padding:4px 12px}.chat-open #chatActions .btn{font-size:11px;padding:7px 10px}.chat-open #groupTools{flex:none;max-height:45%;overflow-y:auto;padding:0 12px}.chat-open .group-bar{padding:8px 0;gap:6px}.chat-open #groupIdentity{display:none}.chat-open .group-bar .action-row{width:auto;gap:8px}.chat-open .group-bar .btn{font-size:11px;padding:6px 10px}.chat-open .range-chips{padding:4px 0 8px;gap:6px}.chat-open .range-chip{padding:6px 10px}.chat-open #toast{bottom:85px;z-index:70}.chat-open.deal-editing #dealForm{display:block;position:fixed;inset:0;z-index:45;margin:0;border-radius:0;overflow:auto;padding:20px;background:var(--bg)}
@media(max-width:720px){.messenger-page .shell{display:block;padding:18px 16px 105px;max-width:none}.messenger-page h1{font-size:25px}}


/* Keep the conversation separate from inbox history and page navigation. */
.chat-open #page-messages{height:100%;min-height:0}.chat-open #chatPanel{overscroll-behavior:none}.chat-open #chatPanel>.page-heading{padding-top:max(8px,env(safe-area-inset-top))}.chat-open #chatMessages{touch-action:pan-y;scroll-behavior:auto}.chat-open #chatForm{position:relative;z-index:2}.chat-open #groupTools{max-height:38%;min-height:0}.chat-open #groupListings{max-height:220px;overflow:auto;overscroll-behavior:contain}.chat-open #rangeForm{max-height:240px;overflow:auto}.chat-open #chatTitle{flex:1;min-width:0}.messenger-page #messengerInbox{max-width:780px}.messenger-page .shell{padding-top:22px}.chat-row-label{flex:1}.messenger-page #groupList:empty{display:none}.chat-open #chatMessages:focus-visible{outline:1px solid var(--mint);outline-offset:-2px}@media(max-width:720px){.messenger-page .shell{padding-top:20px}.chat-open .shell{padding:0}.chat-open #chatForm{padding-bottom:max(10px,env(safe-area-inset-bottom))}}

#groupSettingsPanel{flex:none;max-height:55%;overflow:auto;padding:16px;border-bottom:1px solid var(--line)}#groupMembers .person{padding:12px 0}#groupMembers small{margin-left:auto;color:var(--muted)}.chat-attach{margin:0;font-size:27px;cursor:pointer;padding:5px}.chat-media{display:block;max-width:100%;max-height:260px;border-radius:9px;margin-top:8px}.chat-open #groupSettings{margin-left:auto}.chat-open #idRangeToggle{font-size:11px;padding:0;margin:0}.chat-open #groupTools .group-bar{display:none}

.chat-open #groupSettingsPanel{position:absolute;inset:0;z-index:12;max-height:none;height:100%;overflow-y:auto;background:#080d17;padding:0 22px 30px;overscroll-behavior:contain}.info-nav{display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:2;background:#080d17;padding:14px 0;border-bottom:1px solid #ffffff08}.info-nav button{font-size:27px;padding:3px 10px}.info-nav>span{font-size:14px;color:var(--muted)}#groupInfoHero{text-align:center;padding:32px 8px 20px}#groupInfoHero .avatar{width:108px;height:108px;border-radius:50%;margin:0 auto 22px;font-size:30px}#groupInfoHero h2{font-size:24px;line-height:1.35;max-width:480px;margin:auto;overflow-wrap:anywhere}.info-shortcuts{display:flex;justify-content:center;gap:28px;margin:10px 0 32px}.info-shortcut{border:0;background:none;color:#d5deed;font-size:11px;display:flex;align-items:center;flex-direction:column;gap:9px}.info-shortcut>span{display:grid;place-items:center;background:#1d2636;width:49px;height:49px;border-radius:50%;font-size:25px}.info-row{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid #ffffff08;color:#e1e7f1;padding:20px 0;text-align:left;font-size:15px}.info-row span{font-size:24px;color:var(--muted)}.info-caption{font-size:12px;color:var(--muted);margin-top:30px}#groupInfoMembers,#groupInfoRanges,#groupInfoMedia{padding-top:24px}.chat-open #groupInfoRanges #rangeForm{max-height:none;overflow:visible;margin:0;border:0;background:none;padding:0}#groupInfoHome,#groupInfoMembers,#groupInfoRanges,#groupInfoMedia{max-width:600px;margin:auto}#groupMediaGallery .chat-media{width:100%;height:180px;object-fit:contain}#groupMembers .person{border-bottom:1px solid #ffffff08;gap:12px}#groupMembers .person>span{flex:1;overflow-wrap:anywhere}#groupMembers small{font-size:10px}.chat-open #groupSettingsPanel #groupMemberCount{font-size:13px}

#postForm .upload-zone{min-height:130px;background:linear-gradient(130deg,#202b43,#152134);border:2px dashed #64877e;border-radius:16px;font-size:16px;color:var(--mint)}#postForm .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:25px}.group-post-search{padding:12px 0}.group-post-search .input{margin:9px 0}.group-post-search .hint{margin:6px 0}#groupEditSection{padding:24px 0;max-width:600px;margin:auto}#postRangeField select{display:none}#groupTools #groupRangeChips{display:none!important}


#groupInfoHero .avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;font-size:0}#groupInfoHero .avatar{overflow:hidden;line-height:1;font-size:27px}.info-shortcuts{gap:25px}.info-shortcut b{font-weight:400}.secondary-shortcuts{margin-top:-12px;opacity:.8}.secondary-shortcuts .info-shortcut>span{width:37px;height:37px;font-size:20px}#groupInfoSearch{max-width:600px;margin:auto;padding-top:22px}#groupSearchResults{margin-top:20px}#groupSearchResults .bubble{margin:12px 0}

#groupPostComposer{position:fixed;inset:0;z-index:90;background:var(--bg);overflow:auto;padding:0 15px 35px;overscroll-behavior:contain}#groupPostComposer>.info-nav{position:sticky;top:0;background:var(--bg);padding:15px 0;max-width:650px;margin:auto}#groupPostFormSlot{max-width:650px;margin:15px auto}#groupPostComposer #postForm>h2,#groupPostComposer #postForm>p.small{display:none}#groupPostComposer .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#groupInfoHero .avatar{background:#202939}#groupInfoHero .avatar img{object-fit:cover}

/* Entry, Messenger discovery and owner controls share the marketplace theme. */
.auth-pending .shell,.auth-pending .bottom{display:none!important}.logged-out #loginModal{background:radial-gradient(ellipse at 20% 10%,#224d494d,transparent 55%),radial-gradient(ellipse at 90% 90%,#7355cc33,transparent 55%),var(--bg);padding:24px}.logged-out #loginModal .dialog{border-color:#70efcd30;box-shadow:0 24px 100px #0006;padding:38px 28px}.logged-out #closeLogin{display:block}.logged-out #loginModal .page-heading{display:block}.logged-out #loginModal .brand-mark{width:58px;height:58px;font-size:30px;margin-bottom:30px}.logged-out #loginBrand{margin-bottom:12px}.logged-out #loginTitle{font-size:31px;line-height:1.2;max-width:330px}.logged-out #googleButton{margin:25px 0 15px;min-height:44px}.side{top:30px}.signout{margin-top:20px}.messenger-tabs{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:#111b2c;border-radius:13px;overflow-x:auto}.messenger-tabs button{flex:1;white-space:nowrap;border:0;padding:11px 14px;border-radius:10px;background:none;color:var(--muted);font-weight:650}.messenger-tabs button[aria-selected=true],.messenger-tabs button[aria-current=page]{background:#23413e;color:var(--mint)}#exploreSearch{margin-bottom:18px}.admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-stats .card{display:flex;flex-direction:column;gap:8px}.admin-stats strong{font-size:28px;color:var(--mint)}.admin-stats small{color:var(--muted)}.admin-tabs button{font-size:12px}.admin-person{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.admin-person>.avatar{width:44px;height:44px;margin:0;border-radius:50%}.admin-person h3{flex:1;min-width:100px;overflow-wrap:anywhere}.admin-person>.btn{margin:0}.admin-person p{font-size:12px;margin:0}.admin-person .pill{font-size:11px}@media(min-width:900px){.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){#page-admin .admin-person>.btn{width:100%;margin-top:5px}.admin-tabs{gap:0}.admin-tabs button{padding:10px}.logged-out #loginTitle{font-size:29px}}

.profile-settings{margin-top:24px}.profile-settings form>.btn{margin-top:16px}.profile-share-link{display:block;color:var(--mint);overflow-wrap:anywhere;margin:18px 0;font-size:13px}.profile-username{color:var(--mint);margin:0 0 14px}.suspension-notice{border-color:#e7a36877;background:#482d2033}.suspension-notice h2{color:#ffd2a0}#adminSetupModal{z-index:100}#profileContent>.btn{margin:12px 10px 0 0}
.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#c1cde0}.edit-profile{margin-top:24px}.edit-profile textarea{min-height:100px}.edit-profile form>.btn{margin-top:20px}.profile-photo-preview{display:block;width:84px;height:84px;object-fit:cover;border-radius:50%;margin:16px 0}.danger{color:#ffb3b3!important}.btn.danger:not(.ghost){background:#73323f;border-color:#9b4a57;color:white!important}.gallery-more{margin:8px 14px 12px}#postProgress{color:var(--mint);padding:10px;background:#1e433b44;border-radius:9px}#postMediaCount{color:var(--mint)}#deletePostModal{z-index:110}.post-footer .btn{min-height:36px}.input:disabled{opacity:.65}
/* Popup close controls stay at the top-right corner and never wrap under a title. */
.modal .dialog,.modal>form.card{position:relative}.modal .page-heading{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;padding-right:46px;min-width:0}.modal .page-heading>h2{min-width:0;overflow-wrap:anywhere;margin-right:0}.modal button[id^=close],.modal button[aria-label^="Close "],.modal #cancelCrop{position:absolute!important;left:auto!important;right:12px!important;top:12px!important;bottom:auto!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;padding:0!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;font:24px/1 system-ui!important;color:#c4d7ef!important;background:#17263d!important;border:1px solid #536787!important;z-index:5;flex:none!important}.modal button[id^=close]:hover,.modal button[aria-label^="Close "]:hover{background:#2b3b54!important}.modal .page-heading>h2{font-size:clamp(19px,5vw,26px)}
.suspension-notice .appeal-input{margin:6px 0 10px;min-height:90px}.suspension-notice label{display:block;margin-top:12px;font-weight:700}.suspension-notice .appeal-status{color:#c9b8ff;font-weight:600}.suspension-notice .appeal-text{margin:6px 0;padding:10px 12px;border-left:3px solid #a891ff;background:#a891ff14;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}
.trust-pill[hidden]{display:none!important}.owner-badge-setting{margin-top:16px}.owner-badge-setting .rule-switch{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.owner-badge-setting input{width:22px;height:22px;margin-top:2px;accent-color:#e3b341;flex:none}.owner-badge-setting strong{display:block}.owner-badge-setting small{display:block;margin-top:4px}
.terms-summary{margin:14px 0 6px;padding:12px 14px;border:1px solid #a891ff55;border-radius:14px;background:#a891ff12}.terms-summary ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}.terms-notice h2{scroll-margin-top:80px}

/* Wize Market: electric blue profile with violet actions, built from live account data. */
:root{--bg:#030913;--panel:#071223;--line:#16345a;--text:#f3f5ff;--muted:#9aafd0;--mint:#19e7ee;--purple:#a06dff}body{background:radial-gradient(ellipse at 75% 0,#0c1c3d55,transparent 48%),#030913}.profile-page .right,.home-page .right{display:none}.profile-page .shell,.home-page .shell{max-width:1320px;grid-template-columns:185px minmax(0,1fr);gap:28px}.profile-page .shell{padding-top:12px}.profile-page .page{min-width:0}.profile-page .nav button.active,.home-page .nav button.active{background:linear-gradient(100deg,#143e5e55,#20204344);border-color:#244b73;color:#54f7f9}.gaming-profile{overflow:visible;margin-bottom:20px}.gaming-cover{position:relative;height:224px;border:1px solid #173861;border-radius:22px 22px 0 0;overflow:hidden;background:#030d20}.profile-cover-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}.gaming-cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#030a16aa,transparent 45%),linear-gradient(90deg,#01081366,transparent 32%,transparent 72%,#01081377)}.cover-slogan{position:absolute;left:30px;top:25px;display:flex;flex-direction:column;gap:0;z-index:1;font-size:24px;line-height:1.14;transform:rotate(-8deg);font-style:italic;font-weight:850;letter-spacing:-1px;text-shadow:0 0 14px #1da4ef55;color:#36bafb}.cover-slogan span:nth-child(2){color:#a993ff}.cover-slogan span:nth-child(3){color:#7f75ff}.cover-wordmark{position:absolute;right:5%;top:24px;display:flex;flex-direction:column;line-height:.84;z-index:1;transform:skew(-12deg) rotate(-4deg);font-style:italic;filter:drop-shadow(0 0 12px #008aff33);font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}.cover-wordmark strong{font-size:80px;color:#1bb6ff;letter-spacing:-3px}.cover-wordmark>span{font-size:35px;color:#e4e5ff;text-align:right;margin-top:9px;letter-spacing:1px}.cover-edit,.profile-back{position:absolute;z-index:2;bottom:24px;right:20px;background:#081327db;border:1px solid #3c5290;border-radius:22px;padding:9px 14px;color:#e3e7ff;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.profile-back{right:auto;left:16px;top:16px;bottom:auto;padding:9px;border-radius:50%;background:#060b19d9}.gaming-profile-body{position:relative;margin-top:-20px;border:1px solid #173962;border-top-color:#1a3860;border-radius:26px;background:linear-gradient(130deg,#04101e,#020a16);padding:20px 25px 24px}.profile-top{display:grid;grid-template-columns:155px minmax(0,1fr) auto;gap:20px;align-items:center;min-height:118px}.gaming-portrait{width:154px;height:154px;position:relative;align-self:start;margin-top:-50px;border-radius:50%;padding:4px;background:linear-gradient(125deg,#dfb2ff 5%,#8c4cff 40%,#33dfff 85%);box-shadow:0 0 24px #8e52ff33}.gaming-portrait>.avatar{border-radius:50%;width:100%;height:100%;border:4px solid #081122;background:#17243c;font-size:32px;color:#c7c0ff}.gaming-portrait .avatar img{border-radius:50%;object-fit:cover}.portrait-camera{position:absolute;right:0;bottom:2px;width:39px;height:39px;background:#041025;border:1px solid #2e467a;border-radius:50%;display:grid;place-items:center;color:white;padding:8px;box-shadow:0 3px 12px #0007}.profile-identity{min-width:0;padding-bottom:8px}.profile-name{display:flex;align-items:center;gap:9px;min-width:0}.profile-name h1{font-size:28px;line-height:1.2;letter-spacing:-.8px;overflow-wrap:anywhere}.social-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:23px;height:23px}.social-icon svg{width:100%;height:100%;stroke-width:1.8}.verified-mark{width:23px;height:23px;filter:drop-shadow(0 0 6px #00baf033)}.verified-mark svg>path:first-child{fill:#06bdf8;stroke:#06bdf8}.verified-mark svg>path:last-child{stroke:white;stroke-width:2.3}.profile-handle{font-size:15px;color:#a8bee3;margin:6px 0 8px;line-height:1.3;overflow-wrap:anywhere}.trust-badge{display:inline-flex;align-items:center;gap:7px;color:#22fff1;background:linear-gradient(110deg,#005b5b88,#00766d66);border:1px solid #047d7d66;border-radius:11px;padding:7px 10px;font-size:12px;font-weight:650}.trust-badge .social-icon{width:17px;height:17px}.profile-actions{display:flex;align-items:center;gap:12px;align-self:start;padding-top:9px}.profile-edit-button{display:flex;gap:10px;align-items:center;background:linear-gradient(120deg,#111d37,#0b152b);color:#f2f3ff;border:1px solid #4c69bc;border-radius:30px;white-space:nowrap;font-weight:650;font-size:15px;padding:14px 21px}.profile-edit-button .social-icon{width:22px;height:22px}.profile-message-button{border-radius:50%;width:44px;height:44px}.gaming-bio{white-space:pre-wrap;overflow-wrap:anywhere;color:#d1dff7;font-size:16px;line-height:1.5;margin:8px 0 20px}.profile-add-bio{background:none;border:0;color:#8ba5cb;padding:0;margin:6px 0 20px;font-size:14px}.gaming-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gaming-stat{display:flex;gap:17px;align-items:center;padding:17px 18px;border:1px solid #183c6a;border-radius:17px;background:linear-gradient(135deg,#071831aa,#040e20);min-width:0}.gaming-stat>.social-icon{width:29px;height:29px;color:#a5b5f8}.gaming-stat strong{display:block;font-size:21px;color:#f3f3ff;line-height:1.2}.gaming-stat small{display:block;font-size:12px;color:#b2c8ee;margin-top:6px;line-height:1.2}.profile-tabs{display:flex;border:1px solid #193c66;border-radius:21px;margin:24px 0;background:linear-gradient(110deg,#07162a,#050e1d);padding:0;overflow:hidden;min-height:68px}.profile-tab{position:relative;display:flex;justify-content:center;align-items:center;gap:15px;flex:1;min-width:0;background:none;color:#acc1e6;border:1px solid transparent;border-radius:19px;padding:14px;font-size:17px;font-weight:600}.profile-tab>.social-icon{width:27px;height:27px}.profile-tab>.tab-lock{width:15px;height:15px;margin-left:-7px}.profile-tab[aria-selected=true]{background:linear-gradient(110deg,#07162a,#050e1d);border-color:#8e4fff;box-shadow:inset 0 0 24px #5930e655;color:#f4eaff}.profile-tab[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:4px;background:#bc72ff;box-shadow:0 0 15px #c862ff}.profile-tab:not([aria-selected=true])+ .profile-tab:not([aria-selected=true]):before{content:'';height:28px;width:1px;background:#24436977;position:absolute;left:0}.profile-feed{margin-top:0!important}.social-menu{position:relative;flex:none}.social-menu>summary{list-style:none;display:grid;place-items:center;width:41px;height:41px;border:1px solid #203e6a;border-radius:50%;color:#a9bcf0;background:#0d1d38;cursor:pointer}.social-menu>summary::-webkit-details-marker{display:none}.social-menu>summary:focus-visible{outline:2px solid #22ecf3;outline-offset:3px}.social-menu-items{position:absolute;right:0;top:calc(100% + 7px);min-width:200px;padding:7px;border:1px solid #2f4e81;border-radius:14px;background:#0c1529;box-shadow:0 14px 38px #0009;z-index:25}.menu-item{display:block;width:100%;text-align:left;padding:12px 13px;border:0;border-radius:8px;background:none;color:#d6e1f9;font-size:13px}.menu-item:hover{background:#263256}.social-post{border:1px solid #1b487d;border-radius:21px;background:linear-gradient(125deg,#061426,#020b18);margin-bottom:20px;overflow:visible;box-shadow:0 8px 28px #0002}.social-post-head{padding:17px 20px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.social-author{display:flex;align-items:center;gap:12px;min-width:0}.post-avatar-button{padding:0;background:none;border:0;border-radius:50%;flex:none}.post-avatar-button .avatar{width:48px;height:48px;border-radius:50%;padding:0;border:2px solid #33c4e0;background:#11253b;box-shadow:0 0 12px #00cdff15}.author-name-line{display:flex;align-items:center;gap:7px;min-width:0}.author-name-line .btn{padding:0;font-size:15px;font-weight:750;color:#f1f2ff;max-width:100%;text-align:left}.author-name-line>.verified-mark{width:17px;height:17px}.social-author-name{min-width:0}.post-time{display:block;color:#93b0dc;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}.social-post-head .social-menu>summary{border:0;background:none;width:29px}.social-post .post-content{padding:0 20px 12px}.social-post .post-content h2{font-size:17px;line-height:1.4;letter-spacing:0;margin:3px 0 3px;color:#f4f5ff;font-weight:650}.social-post .post-content p{font-size:14px;line-height:1.45;color:#bbceeb;margin:0;white-space:pre-wrap}.social-post .post-content .listing-price{display:inline-block;margin-top:6px;color:#31e2ee;font-size:16px;font-weight:750}.post-status{display:inline-block;color:#ffc394;background:#6f402840;padding:5px 8px;border-radius:8px;font-size:11px;margin-top:8px}.social-post .social-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 20px;background:none}.gallery-tile{position:relative;overflow:hidden;border-radius:13px;border:1px solid #384269;background:#010713;aspect-ratio:1.18}.gallery-tile>img,.gallery-tile>video{display:block;width:100%;height:100%;object-fit:cover}.social-gallery.count-1{grid-template-columns:1fr}.count-1>.gallery-tile{aspect-ratio:auto;border-radius:12px}.count-1>.gallery-tile>img,.count-1>.gallery-tile>video{height:auto;max-height:480px;object-fit:contain}.social-gallery.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.social-gallery.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-expand{position:absolute;inset:0;border:0;background:none;cursor:zoom-in;width:100%;height:100%;padding:0}.gallery-overflow{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;background:#010610a6;color:#fff;font-size:28px;font-weight:750;border:0}.listing-actions{display:flex;align-items:center;gap:12px;padding:15px 20px 10px}.social-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1px solid transparent;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:650;color:white}.social-action .social-icon{width:22px;height:22px}.message-seller{background:linear-gradient(115deg,#7b27ee,#5715e6);border-color:#9848ff;box-shadow:0 4px 18px #632bff26}.start-deal{background:linear-gradient(115deg,#095887,#033a67);border-color:#0b80a9;color:#e8f7ff}.listing-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.social-icon-button{display:grid;place-items:center;background:linear-gradient(125deg,#101e36,#061427);color:#b0c7ee;border:1px solid #183d67;border-radius:13px;width:43px;height:43px;padding:10px}.social-icon-button:hover{border-color:#568cd6}.social-icon-button.is-saved{color:#21f3f4;border-color:#1c8e9e;background:#073b4655}.is-saved svg{fill:#1de7f02b}.social-post-footer{display:flex;align-items:center;gap:21px;margin:0 20px;padding:11px 0 12px;border-top:1px solid #17345877;color:#7e9cc7;font-size:12px}.reaction-button{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:#8eacd7;font-size:12px;min-height:26px}.reaction-button .social-icon{width:21px;height:21px}.reaction-button.is-liked{color:#fa74a9}.is-liked .social-icon svg{fill:#f75590;stroke:#ff8bb6}.post-footer-time{margin-left:auto;font-size:11px}.social-modal{z-index:95;background:#01040bdd;backdrop-filter:blur(8px)}.social-modal .dialog{background:linear-gradient(135deg,#0c1930,#050d1d);border-color:#244977;max-width:660px;padding:22px;max-height:88dvh}.social-modal-head{display:flex;align-items:center;gap:15px;justify-content:space-between;position:sticky;top:-22px;padding:8px 0 16px;background:#0b1629;z-index:5}.social-modal-head h2{margin:0}.social-modal-head .btn{width:auto!important;margin:0!important;font-size:25px;padding:0 8px}.social-modal .card{background:none;border-color:#203e67}.social-modal .edit-profile{margin-top:0;border:0;padding:0}.social-modal .profile-settings{border-top:1px solid #203e67;border-left:0;border-right:0;border-bottom:0;border-radius:0;padding:22px 0 0}.social-modal form>.btn{margin-top:16px}.social-comment{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #21365966}.social-comment>.avatar{border-radius:50%;width:34px;height:34px}.social-comment>div:last-child{min-width:0}.social-comment .btn{width:auto;padding:0;margin:0;color:#dae7ff;font-size:13px}.social-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:5px 0}.social-comment small{color:#7a95be;font-size:10px}.comment-form{display:flex;gap:10px;align-items:center;position:sticky;bottom:-22px;background:#0b1629;padding:15px 0}.comment-form>.btn{width:auto;margin:0!important}.comment-form .input{min-width:0}.listing-dialog{max-width:1000px!important}.listing-dialog .social-post{margin:0}.full-gallery{display:grid;gap:18px}.full-gallery img,.full-gallery video{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;border-radius:12px;background:#010610}.review-summary{display:flex;align-items:center;gap:12px;border:1px solid #25446b;border-radius:16px;padding:18px;margin-bottom:20px;background:#0b1830;flex-wrap:wrap}.review-summary>.social-icon,.review-stars{color:#ffd270}.review-summary>span:last-of-type{font-size:12px;color:#a5bbdf}.review-summary>.btn{margin-left:auto}.deal-review{border:1px solid #1d3d65;border-radius:17px;background:#061224;padding:20px;margin-bottom:16px}.deal-review p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.deal-review .avatar{border-radius:50%}.deal-review .btn{padding:0;color:#dce8ff}.deal-review .hint{margin-left:auto}.saved-privacy-note{display:flex;align-items:center;gap:9px;color:#a7b8d8;font-size:12px;margin:0 2px 18px}.saved-privacy-note .social-icon{width:15px;height:15px}.profile-editing .bottom{display:none!important}.profile-page #myPosts .empty{background:linear-gradient(130deg,#08172b,#040c19);border-color:#203c65}.home-page .page-heading{margin-bottom:20px}.home-page .eyebrow{color:#65cffa}.home-page #marketSearch{background:#071329;border-color:#203b64;border-radius:15px}.home-page .side-note,.profile-page .side-note{color:#667b9f}
@media(max-width:1100px){.profile-page .shell,.home-page .shell{grid-template-columns:160px minmax(0,1fr);gap:20px;padding-left:18px;padding-right:18px}.profile-top{grid-template-columns:126px minmax(0,1fr);gap:14px}.gaming-portrait{width:124px;height:124px;margin-top:-40px}.profile-actions{grid-column:2;padding-top:0;align-self:start;margin-top:-3px}.profile-identity{padding-bottom:0}.profile-name h1{font-size:25px}.profile-top{min-height:130px}.gaming-stats{gap:10px}.gaming-stat{padding:14px 12px;gap:10px}.gaming-stat small{font-size:11px}.social-action{font-size:12px;padding:11px 13px}}
@media(max-width:720px){body{background:#030813}.profile-page .shell,.home-page .shell{display:block;max-width:none;gap:0;padding:0 13px 105px}.home-page .shell{padding-top:22px}.profile-page #page-profile{margin:0 -13px}.gaming-cover{height:160px;border-radius:0;border-left:0;border-right:0}.profile-cover-art{object-position:50% 35%}.cover-slogan{left:14px;top:21px;font-size:15px;letter-spacing:-.4px;line-height:1.2}.cover-wordmark{right:16px;top:35px}.cover-wordmark strong{font-size:45px;letter-spacing:-1.5px}.cover-wordmark>span{font-size:21px;margin-top:7px}.cover-edit{font-size:10px;gap:5px;border-radius:17px;padding:7px 10px;right:12px;bottom:22px}.cover-edit>.social-icon{width:14px;height:14px}.gaming-profile{margin-bottom:16px}.gaming-profile-body{padding:15px 14px 17px;margin-top:-15px;border-left:0;border-right:0;border-radius:22px 22px 0 0;background:linear-gradient(140deg,#061021,#030a16);border-bottom-color:#112744}.profile-top{grid-template-columns:104px minmax(0,1fr);gap:5px 14px;min-height:102px}.gaming-portrait{width:104px;height:104px;padding:3px;margin-top:-38px;grid-row:1/3}.gaming-portrait>.avatar{border-width:3px}.portrait-camera{width:29px;height:29px;padding:6px;right:0;bottom:0}.profile-identity{padding:0}.profile-name{gap:6px}.profile-name h1{font-size:21px;line-height:1.15;letter-spacing:-.4px}.profile-name .verified-mark{width:19px;height:19px}.profile-handle{font-size:12px;margin:5px 0 7px}.trust-badge{font-size:10px;padding:5px 8px;border-radius:8px;gap:4px}.trust-badge .social-icon{width:14px;height:14px}.profile-actions{grid-column:2;gap:8px;padding:0;margin:4px 0 0;align-items:center}.profile-edit-button{font-size:11px;padding:8px 12px;gap:6px;border-radius:24px}.profile-edit-button .social-icon{width:15px;height:15px}.profile-actions .social-menu>summary{height:30px;width:30px}.profile-actions .social-menu .social-icon{width:18px;height:18px}.profile-message-button{width:32px;height:32px;padding:7px}.gaming-bio{font-size:13px;line-height:1.5;margin:10px 0 16px}.profile-add-bio{font-size:12px;margin:8px 0 17px}.gaming-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gaming-stat{border-radius:13px;padding:13px 9px;gap:8px;background:linear-gradient(140deg,#0b1931,#061124)}.gaming-stat.stat-posts{display:none}.gaming-stat>.social-icon{width:24px;height:24px;color:#38dce4}.gaming-stat strong{font-size:17px}.gaming-stat small{font-size:9px;margin-top:4px;line-height:1.15}.profile-tabs{margin:0 13px 19px;min-height:54px;border-radius:16px}.profile-tab{padding:12px 7px;font-size:14px;gap:8px;border-radius:14px}.profile-tab>.social-icon{width:21px;height:21px}.profile-tab>.tab-lock{width:12px;height:12px;margin-left:-4px}.profile-tab[aria-selected=true]:after{height:3px;left:14%;right:14%}.profile-feed{padding:0 13px}.social-post{border-radius:17px;margin-bottom:16px;background:linear-gradient(130deg,#071329,#030b19);border-color:#1d3e6b}.social-post-head{padding:13px 13px 10px}.social-author{gap:9px}.post-avatar-button .avatar{width:40px;height:40px}.author-name-line .btn{font-size:13px;font-weight:700}.author-name-line>.verified-mark{width:16px;height:16px}.post-time{font-size:10px;margin-top:4px;max-width:58vw}.social-post .post-content{padding:0 13px 11px}.social-post .post-content h2{font-size:15px;margin:1px 0 4px}.social-post .post-content p{font-size:12px;line-height:1.45}.social-post .post-content .listing-price{font-size:14px;margin-top:6px}.social-post .social-gallery{gap:5px;margin:0 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.social-gallery.count-1{grid-template-columns:1fr}.social-gallery.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.count-3 .gallery-tile:first-child{grid-column:1/-1;aspect-ratio:1.9}.gallery-tile{border-radius:9px;aspect-ratio:1.2}.count-1>.gallery-tile>img,.count-1>.gallery-tile>video{max-height:410px}.listing-actions{padding:12px 12px 9px;gap:8px;flex-wrap:wrap}.social-action{font-size:11px;border-radius:11px;padding:10px 11px;gap:6px}.social-action .social-icon{width:17px;height:17px}.listing-tools{gap:6px}.social-icon-button{width:34px;height:34px;padding:8px;border-radius:11px}.social-post-footer{margin:0 13px;padding:10px 0;gap:19px;font-size:11px}.reaction-button{font-size:11px;gap:6px}.reaction-button .social-icon{width:19px;height:19px}.post-footer-time{font-size:10px}.bottom{border-radius:22px 22px 0 0;border-top-color:#1b3e66;background:#041020f5;padding-top:9px;box-shadow:0 -8px 30px #0004}.bottom button{font-size:10px;color:#99b2d9;gap:5px}.bottom button>span:last-child{font-size:10px}.bottom button.active{color:#0ff3f1}.bottom button.active:not(.post-button):after{content:'';height:3px;background:#10eeed;box-shadow:0 0 10px #0ed6e9;width:40px;border-radius:4px;position:absolute;bottom:3px}.bottom .post-button{margin-top:-28px}.bottom .post-button>span:first-child{border-radius:50%;width:58px;height:58px;background:linear-gradient(135deg,#a94eff,#5510eb);border:3px solid #0c1030;box-shadow:0 0 0 1px #9b45ff,0 0 20px #a538ff55;color:white}.bottom .post-button>span:last-child{color:#b76cff}.bottom svg{width:24px;height:24px}.social-modal{padding:10px}.social-modal .dialog{padding:17px;max-height:94dvh;border-radius:18px}.social-modal-head{top:-17px;padding:7px 0 14px}.social-modal-head h2{font-size:18px}.social-modal .profile-settings{margin-top:15px}.social-modal .card{padding:15px 0}.social-modal .listing-dialog{padding:12px}.listing-dialog .social-post .listing-actions{gap:6px}.comment-form{bottom:-17px;padding-bottom:10px}.review-summary{font-size:13px;padding:16px}.deal-review{padding:17px}.social-menu-items{min-width:185px}.profile-back{top:10px;left:10px;width:34px;height:34px;padding:8px}.profile-page .suspension-notice{margin:15px 13px}}
@media(max-width:360px){.profile-top{grid-template-columns:91px minmax(0,1fr);gap:5px 10px}.gaming-portrait{width:91px;height:91px}.profile-name h1{font-size:19px}.profile-actions{gap:5px}.gaming-stat{gap:5px;padding:12px 7px}.gaming-stat>.social-icon{width:20px;height:20px}.social-action{font-size:10px;padding:9px}.listing-tools{margin-left:auto}.message-seller+.start-deal+.listing-tools{width:100%;justify-content:flex-end}.cover-slogan{font-size:13px}.cover-wordmark strong{font-size:40px}}
/* Override the older fixed media heights so mobile album tiles stay compact. */
.social-post .social-gallery>.gallery-tile{height:auto;min-height:0;max-height:none}.social-post .social-gallery.count-1>.gallery-tile{height:auto}
/* Messenger inbox and private profile introduction */
.messenger-heading h1{font-size:30px;letter-spacing:-1px}.messenger-heading{align-items:center}.messenger-heading #messengerMenu{margin-left:auto}.messenger-heading .social-menu-items{min-width:205px;z-index:30}.inbox-tabs{gap:4px;padding:4px;margin-bottom:14px}.inbox-tabs button{font-size:12px;padding:11px 10px;flex-shrink:0}.inbox-tabs button[aria-selected=true]{background:linear-gradient(120deg,#432286,#17375c);color:#fff;box-shadow:inset 0 0 0 1px #a178ff45}#requestCount{font-size:10px;background:#8c4df4;color:white;padding:2px 5px;border-radius:10px;margin-left:5px}#messengerInbox #exploreSearch{border-radius:24px;font-size:14px;background:#111a2b;margin-bottom:10px}#messengerInbox .chat-row{width:100%;text-align:left;padding:15px 0;gap:13px;min-height:86px;border-color:#24314d55}#messengerInbox .chat-row:hover{background:#19243b66}#messengerInbox .avatar{width:58px;height:58px;flex-shrink:0;border:1px solid #5665a54d}#messengerInbox .chat-row-label strong{font-size:16px;font-weight:650}#messengerInbox .chat-row-label small{font-size:13px;margin-top:5px}.chat-row-meta{max-width:85px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:var(--muted);font-size:10px}.request-pill{color:#d7c4ff;background:#6339a94d;border-radius:20px;padding:3px 7px}.chat-admin-label{color:#72d9dc;font-size:10px}#groupCreateModal{z-index:80}#groupCreateModal .dialog{max-width:440px;width:100%;max-height:85dvh;overflow:auto;background:#101929;border-color:#6654ac66}#chatHeaderAvatar .avatar{width:38px;height:38px;border-radius:50%;margin:0}#chatHeaderAvatar{flex:none}.chat-heading-copy{flex:1;min-width:0}.chat-open #chatViewProfile{padding:0;margin:3px 0 0;font-size:11px;min-height:18px;color:#b5acf9}.private-chat-intro{align-self:stretch;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 14px 32px;margin:0 auto 18px;max-width:500px;width:100%}.private-chat-intro>.avatar{width:108px;height:108px;border-radius:50%;margin-bottom:18px;border:2px solid #8060d177;box-shadow:0 0 30px #7946ff18}.private-intro-name{display:flex;align-items:center;justify-content:center;gap:7px;max-width:100%}.private-intro-name h2{font-size:23px;overflow-wrap:anywhere;margin:0}.private-chat-intro p{margin:8px 0 0;font-size:13px}.private-intro-bio{max-width:360px;white-space:pre-wrap;overflow-wrap:anywhere;color:#b3bdd4}.private-view-profile{border-radius:22px!important;padding:10px 22px!important;margin-top:18px!important;font-size:13px!important;background:#25243d!important;border-color:#66588955!important}.chat-request-note{font-size:12px;color:#c5b4e8;margin:6px 0;width:100%}.chat-open #chatActions{flex-wrap:wrap}.chat-open #chatActions .btn{font-size:12px;padding:8px 14px}.chat-open #chatMessages .private-chat-intro~.hint{text-align:center}.chat-open #chatMessages{display:flex;flex-direction:column}.chat-open #chatPanel>.page-heading{align-items:center}.chat-open #chatTitle{line-height:1.35}@media(max-width:420px){.inbox-tabs{gap:0}.inbox-tabs button{font-size:11px;padding:10px 7px}.messenger-page .shell{padding-left:14px;padding-right:14px}.chat-row-meta{max-width:62px}#messengerInbox .chat-row-label strong{font-size:15px}.private-chat-intro{padding-top:22px}.private-intro-name h2{font-size:21px}}
/* Multi-game community feed */
.feed-heading{align-items:center;margin-bottom:16px}.feed-heading .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 6px;color:#8090b8}.feed-heading h1{font-size:30px;letter-spacing:-1px;margin:0}.feed-report-button{font:inherit;font-size:11px;border:1px solid #323e5b;background:#101a2a;color:#afbbd5;border-radius:20px;padding:9px 12px}.feed-search{display:flex;align-items:center;gap:10px;border:1px solid #344568;border-radius:16px;padding:0 16px;background:#0a1526;margin:0 0 16px}.feed-search>span{font-size:25px;color:#8090ba}.feed-search #marketSearch{border:0;background:none;padding:16px 0;margin:0;box-shadow:none;font-size:14px;min-width:0}.feed-search #marketSearch:focus{outline:none}.feed-search:focus-within{outline:2px solid #7251ba}.game-categories{display:flex;gap:8px;overflow:auto;padding:0 0 12px;scrollbar-width:thin}.game-chip{flex-shrink:0;white-space:nowrap;border:1px solid #2b3c60;border-radius:11px;background:#0e192b;color:#b8c5df;font:600 12px system-ui;padding:11px 16px}.game-chip[aria-pressed=true]{color:#fff;border-color:#9b6df4;background:linear-gradient(120deg,#5726ac,#293163);box-shadow:0 3px 18px #6926d124}.feed-filter-panel{border:1px solid #293859;border-radius:13px;background:#0c1627;margin-bottom:12px}.feed-filter-panel>summary{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;gap:10px;cursor:pointer;font-size:13px;font-weight:650;list-style:none}.feed-filter-panel>summary::-webkit-details-marker{display:none}#feedFilterSummary{font-size:11px;font-weight:400;color:#99aaca}.feed-filter-panel form{padding:0 16px 16px;border-top:1px solid #243554}.feed-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-bottom:16px}.feed-filter-grid .input{width:100%;min-width:0}.feed-filter-grid label{font-size:12px}.feed-status{font-size:11px;color:#8b9bb8;margin:14px 0}.social-post .post-copy-price{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.social-post .post-copy{min-width:0;flex:1}.social-post .post-copy h2{margin:8px 0 0;font-size:18px;line-height:1.4}.post-game-category{display:inline-block;color:#9eaece;font-size:10px;letter-spacing:.3px}.social-post .listing-price-box{flex:none;min-width:88px;max-width:45%;background:linear-gradient(140deg,#0e393b,#10233f);border:1px solid #30cccb77;border-radius:12px;padding:9px 12px;text-align:right;box-shadow:0 0 20px #00d5ce0a}.listing-price-box small{display:block;color:#8faaba;font-size:8px;letter-spacing:1.5px}.listing-price-box strong{display:block;color:#72f1ec;font-size:19px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}.listing-price-box>span{color:#8eb0ba;font-size:9px}.social-post .post-content>p{font-size:14px;line-height:1.65;margin-top:12px}.social-post .listing-actions{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 36px 36px;gap:8px;align-items:center;margin-top:16px;padding:0;width:100%}.social-post .listing-tools{display:contents!important}.social-post .listing-actions .social-action{padding:0 8px;min-width:0;height:42px;min-height:42px;font-size:12px;gap:6px;border-radius:12px;white-space:nowrap;justify-content:center;flex-wrap:nowrap}.social-post .listing-actions .social-action .social-icon{width:18px;height:18px;flex-shrink:0}.social-post .listing-actions .social-icon-button{width:36px;height:42px;min-width:0;margin:0;border-radius:11px;padding:8px}.social-post .listing-actions .social-icon-button .social-icon{width:20px;height:20px}.social-post .listing-actions .own-post-edit{grid-column:span 2}.social-post .social-post-footer{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:16px;padding-top:14px;margin-top:14px;font-size:12px}.post-views{display:flex;align-items:center;gap:6px;color:#91a5c7}.post-views .social-icon{width:18px;height:18px}.social-post-footer .reaction-button{font-size:12px;gap:6px;padding:3px 0;min-width:0}.social-post-footer .reaction-button .social-icon{width:20px;height:20px}.share-to-feed{display:flex;align-items:center;justify-self:end;gap:6px;border:0;background:transparent;color:#b0bde2;font:600 11px system-ui;padding:5px 0;white-space:nowrap}.share-to-feed[aria-pressed=true]{color:#7df0df}.share-to-feed .social-icon{width:17px;height:17px}.share-count{font-size:10px;font-weight:400;color:#8396b7}.shared-post-context{display:flex;align-items:center;gap:6px;font-size:11px;color:#99a9c8;border-bottom:1px solid #283556;padding-bottom:11px;margin-bottom:14px;flex-wrap:wrap}.shared-post-context .social-icon{width:14px;height:14px}.shared-post-context .profile-link{font-size:11px}.seller-badge{display:inline-flex;align-items:center;gap:4px;background:#10423199;color:#77e8ae;border:1px solid #348e6755;border-radius:6px;font-size:9px;padding:3px 6px;width:max-content;max-width:100%}.seller-badge .social-icon{width:12px;height:12px}.gaming-profile .seller-badge{font-size:11px;margin-top:6px}.social-author-name .seller-badge{margin-top:4px}.report-dialog{max-width:440px;width:100%;background:#111b2d}.report-dialog>button[type=submit]{margin-top:18px}.report-dialog textarea{min-height:120px}#reportModal{z-index:100}.social-post .post-status{display:inline-block;margin-top:10px}@media(max-width:420px){.feed-heading h1{font-size:27px}.social-post .listing-actions{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 32px 32px;gap:6px}.social-post .listing-actions .social-action{font-size:10px;height:39px;min-height:39px;padding:0 6px;gap:4px}.social-post .listing-actions .social-action .social-icon{width:15px;height:15px}.social-post .listing-actions .social-icon-button{width:32px;height:39px;padding:7px}.social-post .social-post-footer{gap:10px;font-size:11px}.share-to-feed{font-size:10px;gap:4px}.share-to-feed .social-icon{width:15px;height:15px}.listing-price-box strong{font-size:17px}.social-post .listing-price-box{min-width:76px;padding:8px 9px;border-radius:10px}.social-post .post-copy-price{gap:9px}.social-post .post-copy h2{font-size:16px}.feed-report-button{font-size:10px;padding:8px 10px}}
@media(max-width:355px){.social-post .listing-actions .social-action>.social-icon{display:none}.social-post .listing-actions .social-action{font-size:9px}.social-post .social-post-footer{gap:8px}.share-to-feed{font-size:9px}.share-count{display:none}}@media(min-width:1100px){.feed-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.social-post .listing-actions{--actions-inset:18px;width:calc(100% - var(--actions-inset) - var(--actions-inset));margin:16px var(--actions-inset) 0}.game-categories{scrollbar-width:none}.game-categories::-webkit-scrollbar{display:none}@media(max-width:720px){.social-post .listing-actions{--actions-inset:13px}}
@media(max-width:420px){.listing-price-box.long-price strong{font-size:13px}}
/* Reference layout: one filter row and compact gallery cards. */
.feed-heading{margin-bottom:15px}.feed-heading h1{font-size:31px;line-height:1.1}.feed-heading .eyebrow{letter-spacing:3px;font-size:10px;margin-bottom:5px}.feed-heading #feedOptions{margin-left:auto}.feed-heading #feedOptions summary{width:30px;height:30px;border:0;background:transparent;color:#7b8eb0}.feed-compact-bar{position:relative;display:grid;grid-template-columns:minmax(60px,1.1fr) minmax(78px,1.3fr) minmax(65px,1.12fr) minmax(58px,.96fr);align-items:center;border:1px solid #6672aa;border-radius:12px;background:linear-gradient(115deg,#0d1931,#061629);box-shadow:0 0 22px #4164bc0c;min-width:0;height:46px;margin-bottom:16px;z-index:12}.feed-compact-bar>label{margin:0;min-width:0;position:relative;height:27px;border-right:1px solid #54618f88}.feed-compact-bar .social-icon{width:17px;height:17px;color:#adbee8;display:flex}.compact-search>span,.compact-select>span{position:absolute;left:9px;top:5px;pointer-events:none}.compact-search input{display:block;background:none;border:0;color:#e6eaff;font:400 12px system-ui;width:100%;min-width:0;height:27px;padding:0 5px 0 31px;outline:none}.compact-search input::placeholder{color:#b6bfd6}.compact-search input::-webkit-search-cancel-button{display:none}.compact-search:focus-within{box-shadow:inset 0 -1px #a98bff}.compact-select select{width:100%;height:27px;background:transparent;border:0;color:#d5def4;font:400 11px system-ui;appearance:none;min-width:0;padding:0 19px 0 31px;border-radius:0;outline:none;text-overflow:ellipsis;cursor:pointer}.compact-select select option{background:#111c30;color:#dfe8ff}.compact-select::after,.compact-chevron{content:'';position:absolute;width:5px;height:5px;border:solid #9caed2;border-width:0 1px 1px 0;transform:rotate(45deg);right:8px;top:9px;pointer-events:none}.feed-compact-bar .compact-sort{border-right:0}.compact-price-control{height:27px;min-width:0;border-right:1px solid #54618f88}.compact-price-control>button{display:flex;align-items:center;gap:5px;position:relative;background:none;border:0;width:100%;height:27px;color:#cedaf2;padding:0 17px 0 8px;cursor:pointer;font:400 10px system-ui;white-space:nowrap;min-width:0}.compact-price-control>button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.compact-price-control>button>span:first-child{flex:none}.compact-price-control>button .compact-chevron{right:8px;top:9px}.compact-price-control>button.has-filter{color:#a9fff0}.price-filter-popover{position:absolute;right:0;top:calc(100% + 9px);width:min(330px,calc(100vw - 28px));border:1px solid #6073a2;border-radius:16px;background:#0c182c;box-shadow:0 20px 55px #000b;padding:17px;z-index:30}.price-popover-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.price-popover-heading>strong{font-size:15px}.price-popover-heading>button{background:none;border:0;color:#c4ceee;font-size:24px;cursor:pointer}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price-inputs label{font-size:11px}.price-inputs .input{font-size:13px;padding:11px;min-width:0;width:100%}.quick-price-ranges{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.price-preset{border:1px solid #3e4f75;background:#19243b;color:#c5d2ee;border-radius:15px;padding:6px 10px;font:400 10px system-ui}.price-preset:hover{border-color:#9d7cf0;color:white}.price-filter-actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.price-filter-actions .btn{font-size:12px;padding:9px 15px}.feed-status{font-size:12px;color:#acb9d0;margin:13px 0}.social-post{border-color:#60739e88;border-radius:13px;background:linear-gradient(120deg,#06162a,#031022);box-shadow:0 10px 30px #0001;margin-bottom:12px}.social-post-head{padding:13px 13px 9px}.social-author{gap:9px}.post-avatar-button .avatar{width:42px;height:42px;border:1px solid #1bc2df77}.post-meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:3px;margin-top:2px}.post-meta-line .post-time{font-size:10px;max-width:none;margin:0;color:#b0bfd8}.post-meta-line .seller-badge{padding:0;margin:0;background:none;border:0;color:#c6d5ea;font-size:9px;gap:4px}.post-meta-line .seller-badge .social-icon{width:12px;height:12px}.post-group-name{font-size:9px;color:#7b92b9;display:block;margin-top:2px}.social-post .post-content{padding:0 13px 9px}.social-post .post-copy-price{align-items:center;gap:9px}.social-post .post-copy h2{font-size:17px;margin:0 0 6px;line-height:1.3}.social-post .listing-price-box{background:linear-gradient(135deg,#073633,#04262c);border:1px solid #28c7c1;border-radius:8px;padding:9px 10px;min-width:83px;box-shadow:inset 0 0 15px #05ead70b,0 0 12px #08cfbb0a;text-align:right}.listing-price-box strong{font-size:18px;line-height:1.1}.listing-price-box>span{display:block;font-size:9px;color:#38e2da;line-height:1.3;margin-top:3px}.listing-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.listing-tag{color:#c9d6f0;background:#091d35;border:1px solid #425a7b;border-radius:5px;padding:3px 6px;font-size:9px;line-height:1.35;max-width:100%;overflow-wrap:anywhere}.listing-tag:first-child{color:#f0e5ff;border-color:#a866f0;background:linear-gradient(110deg,#6222aa,#381879)}.social-post .compact-post-details{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#a7bad7;font-size:11px;line-height:1.45;margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.social-post .compact-post-details.expanded{display:block;overflow:visible}.details-toggle{padding:0;background:none;border:0;font:400 10px system-ui;color:#b4a5f5;margin-top:3px;cursor:pointer}.listing-album{margin:0 12px 9px;min-width:0}.album-stage{position:relative;width:100%;aspect-ratio:16/7.3;border:1px solid #6877a477;border-radius:9px;overflow:hidden;background:#010916;touch-action:pan-y;outline-offset:3px}.album-asset{position:absolute;inset:0;display:grid;place-items:center}.album-asset>img,.album-asset>video{display:block;width:100%;height:100%;object-fit:contain;min-height:0;background:#010811}.album-open-photo{position:absolute;inset:0;width:100%;border:0;background:none;cursor:zoom-in}.album-counter{position:absolute;right:5px;top:4px;padding:3px 7px;z-index:2;color:#f7faff;background:#01070de0;border-radius:20px;font-size:11px;line-height:1.25;pointer-events:none;box-shadow:0 1px 8px #0005}.album-expand{position:absolute;left:6px;top:5px;display:grid;place-items:center;width:24px;height:24px;padding:5px;background:#01070dad;color:#d7e1ff;border:1px solid #7b8dbe55;border-radius:6px;z-index:3;cursor:pointer}.album-expand .social-icon{width:13px;height:13px}.album-nav{position:absolute;bottom:5px;width:25px;height:25px;display:grid;place-items:center;background:#05101cbf;border:1px solid #7184b955;border-radius:50%;color:#e2e7fb;font:22px/1 system-ui;z-index:3;cursor:pointer}.album-prev{left:6px}.album-next{right:6px}.album-thumbnails{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;margin-top:6px;width:100%;max-width:100%}.album-thumbnail{position:relative;min-width:0;width:100%;height:auto;aspect-ratio:1.6;border:1px solid #546583;border-radius:6px;overflow:hidden;padding:0;background:#07182b;color:#e2ebff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;font:600 9px system-ui}.album-thumbnail>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.album-thumbnail .social-icon{width:14px;height:14px}.album-thumbnail[aria-pressed=true]{border-color:#cf70ff;box-shadow:0 0 0 1px #8740b6,0 0 8px #803a9a33}.album-more{font-size:19px;text-shadow:0 1px 8px #000}.album-more>img{opacity:.27;z-index:0}.album-more{isolation:isolate}.album-more>img{z-index:-1}.social-post .social-post-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 22px;gap:5px;align-items:center;margin:0 13px;padding:0 0 10px;border:0;font-size:11px;color:#b3c6e9}.social-post-footer .reaction-button{font-size:11px;gap:6px;min-height:22px;color:#c2d0ee;justify-content:flex-start;white-space:nowrap}.social-post-footer .reaction-button .social-icon,.post-views .social-icon{width:19px;height:19px}.post-views{gap:5px;color:#b8ccec;font-size:11px}.social-post-footer .listing-tools{display:contents!important}.social-post-footer .save-post{width:22px;height:26px;border:0;background:none;color:#c68bff;padding:0;border-radius:3px;min-width:0}.social-post-footer .save-post .social-icon{width:20px;height:20px}.social-post-footer .share-to-feed{justify-self:start;font-size:11px;gap:6px;padding:0;min-height:26px}.share-to-feed .feed-share-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.share-to-feed .social-icon{width:20px;height:20px}.share-to-feed .share-count{font-size:11px;color:#b9c7e3;display:inline}.social-post .listing-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:calc(100% - 26px);gap:7px;margin:0 13px 12px;padding:0;align-items:stretch}.social-post .listing-actions .social-action{height:39px;min-height:39px;border-radius:7px;font-size:12px;font-weight:650;gap:8px;padding:0 8px;white-space:nowrap}.social-post .listing-actions .social-action .social-icon{width:19px;height:19px}.social-post .listing-actions .message-seller{border:1px solid #8a9bb8;background:#05101b;box-shadow:none;color:#e7edfb}.social-post .listing-actions .start-deal{border:1px solid #913af8;background:linear-gradient(110deg,#9628fc,#6513ed);box-shadow:inset 0 1px 0 #e3caff33,0 3px 15px #6513ed22;color:white}.social-post .listing-actions .own-post-edit{grid-column:1/-1}.social-post .listing-actions:empty{display:none}.social-post .reaction-button.is-liked{color:#ff315a}.social-post .reaction-button.is-liked svg{fill:#ff214d;stroke:#ff214d}.social-menu-items{z-index:20}#feedOptions .social-menu-items{right:0;min-width:180px}.social-post .author-name-line .profile-link{font-size:13px}.social-post .post-meta-line .seller-badge>span:last-child{white-space:nowrap}@media(min-width:900px){.feed-compact-bar{height:52px}.compact-search input,.compact-select select{font-size:13px}.compact-price-control>button{font-size:12px}.listing-album{margin-left:18px;margin-right:18px}.social-post .listing-actions{width:calc(100% - 36px);margin-left:18px;margin-right:18px}.social-post .post-content{padding-left:18px;padding-right:18px}.social-post-head{padding-left:18px;padding-right:18px}.social-post .social-post-footer{margin-left:18px;margin-right:18px}.social-post .post-copy h2{font-size:19px}.listing-tag{font-size:11px}.album-thumbnail{max-height:82px}.album-stage{max-height:330px}.social-post .listing-actions .social-action{height:44px;font-size:14px}.social-post .author-name-line .profile-link{font-size:15px}}@media(max-width:360px){.feed-compact-bar{grid-template-columns:minmax(53px,1fr) minmax(70px,1.25fr) minmax(61px,1.1fr) minmax(55px,1fr);height:43px}.compact-search input{font-size:10px;padding-left:25px}.compact-select select{font-size:10px;padding-left:25px;padding-right:15px}.compact-search>span,.compact-select>span{left:6px}.feed-compact-bar .social-icon{width:15px;height:15px}.compact-price-control>button{font-size:9px;padding-left:5px;gap:3px}.compact-price-control>button .compact-chevron{right:5px}.compact-select::after{right:6px}.social-post .listing-actions .social-action{font-size:10px;gap:5px}.social-post .post-copy h2{font-size:15px}.social-post .listing-price-box{min-width:75px;padding:8px}.listing-price-box strong{font-size:15px}.social-post .listing-price-box.long-price strong{font-size:12px}.post-meta-line{gap:5px}.post-meta-line .seller-badge{font-size:8px}.post-meta-line .post-time{font-size:9px}.listing-tag{font-size:8px;padding:3px 5px}}
@media(prefers-reduced-motion:no-preference){.album-thumbnail{transition:border-color .15s,box-shadow .15s}.social-post .start-deal:hover{filter:brightness(1.15)}}
.social-post .post-copy .compact-post-details{font-size:11px;line-height:1.45;margin:3px 0 0}.social-post .listing-actions .social-action>.social-icon{display:inline-flex!important}.album-stage img{user-select:none;-webkit-user-drag:none}
.feed-compact-bar .social-icon{width:14px;height:14px}.compact-search>span,.compact-select>span{left:7px;top:6px}.compact-search input{font-size:11px;padding-left:26px}.compact-select select{padding-left:25px;padding-right:13px;font-size:11px}.compact-select::after{right:6px}.compact-price-control>button{font-size:10px;gap:3px;padding-left:6px;padding-right:13px}.compact-price-control>button .compact-chevron{right:5px}.listing-tags{gap:4px}.listing-tag{font-size:8.5px;padding:3px 4px}@media(max-width:360px){.compact-select select{font-size:10px;padding-left:23px;padding-right:12px}.compact-search input{font-size:10px;padding-left:24px}.compact-search>span,.compact-select>span{left:6px}.compact-price-control>button{font-size:9px}.listing-tag{font-size:8px;padding:3px 4px}}
@media(max-width:360px){.feed-compact-bar{grid-template-columns:minmax(50px,1fr) minmax(82px,1.4fr) minmax(65px,1.05fr) minmax(59px,1fr)}.compact-sort select{font-size:9px;padding-left:21px;padding-right:10px}.compact-price-control>button.has-filter>span:first-child{display:none}}
/* Clear people search, chat controls and consistent profile geometry. */
.feed-heading{flex-wrap:nowrap;gap:10px;align-items:flex-end}.feed-header-search{display:flex;align-items:center;gap:7px;margin:0 0 1px auto;width:150px;min-width:90px;max-width:43%;height:35px;border:1px solid #3d5478;background:#09192c;border-radius:20px;padding:0 10px}.feed-header-search .social-icon{width:15px;height:15px;color:#a3b7df}.feed-header-search input{min-width:0;width:100%;height:32px;border:0;outline:none;background:none;color:#e5ecff;font:400 12px system-ui;padding:0}.feed-header-search:focus-within{border-color:#9e80e5;box-shadow:0 0 0 2px #8056c322}.feed-header-search input::placeholder{color:#a4b4d0}.feed-heading #feedOptions{margin-left:0}.feed-compact-bar{grid-template-columns:minmax(0,1.25fr) minmax(0,1.2fr) minmax(0,1fr)}.member-results-title{font-size:13px;color:#9caecc;margin:12px 0}.member-search-row{display:flex;align-items:center;gap:10px;border:1px solid #30466b;border-radius:12px;padding:12px;margin:8px 0;background:#09182a}.member-search-row>.avatar{width:40px;height:40px;border-radius:50%;flex:none}.member-search-identity{min-width:0;flex:1}.member-search-name{display:flex;gap:5px;align-items:center;min-width:0}.member-search-name .profile-link{padding:0;font-size:13px;text-align:left;overflow-wrap:anywhere}.member-search-name .verified-mark{width:15px;height:15px}.member-search-identity small{color:#8fa1c1;font-size:10px}.friend-action{font:600 11px system-ui;color:#d7c6ff;background:#502685;border:1px solid #9665d4;border-radius:18px;padding:9px 13px;white-space:nowrap;cursor:pointer}.friend-action:disabled{color:#aac6cf;background:#17353d;border-color:#3b6068;cursor:default}.friends-dialog{width:100%;max-width:480px;background:#101b2c}.friend-request-row{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #2b3b56;flex-wrap:wrap}.friend-request-row>.avatar{width:34px;height:34px;border-radius:50%;flex:none}.friend-request-row>.profile-link{flex:1;min-width:80px;font-size:12px;padding:0;text-align:left}.friend-decline{background:none;border:1px solid #4a4a67;color:#b3b9d3;font-size:11px;border-radius:16px;padding:8px 10px}#friendsModal{z-index:110}.social-post .social-post-footer{grid-template-columns:repeat(3,minmax(0,1fr)) 24px}.post-view-note{display:flex;justify-content:flex-end;margin:-4px 14px 6px;color:#7b93b9;font-size:9px}.post-view-note .post-views{font-size:9px;gap:4px}.post-view-note .social-icon{width:12px;height:12px}.post-link-share{color:#c4d3f1}.chat-list-item{position:relative;display:flex;align-items:center;min-width:0}.chat-list-item .chat-row{padding-right:31px!important}.chat-list-item>.social-menu{position:absolute;right:-3px;top:50%;transform:translateY(-50%)}.chat-list-item>.social-menu>summary{width:28px;height:32px;border:0;background:none}.chat-list-item .social-menu-items{min-width:170px;z-index:30}.bubble{position:relative}.bubble:has(.social-menu){padding-right:35px}.bubble>.social-menu{position:absolute;right:3px;top:5px}.bubble>.social-menu>summary{width:22px;height:22px;border:0;background:transparent;color:#9dacca}.bubble>.social-menu>summary .social-icon{width:14px;height:14px}.bubble>.social-menu .social-menu-items{min-width:145px;z-index:20}.bubble>.social-menu .menu-item{font-size:11px;padding:9px 11px}.bubble.message-removed{background:#141e2d!important;border-style:dashed;color:#8395ae}.message-removed p{font-style:italic}.gaming-cover{height:auto;aspect-ratio:3/1;min-height:128px;max-height:300px;position:relative}.profile-cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.gaming-profile-body{padding:10px 18px 18px}.profile-top{display:grid;grid-template-columns:122px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:0}.gaming-portrait{grid-row:auto;width:122px;height:122px;margin-top:-42px;align-self:start;padding:3px;position:relative;box-sizing:border-box}.gaming-portrait>.avatar{width:100%;height:100%;border:2px solid #071020;border-radius:50%;overflow:hidden;font-size:25px}.gaming-portrait .avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.portrait-camera{width:30px;height:30px;bottom:0;right:0;padding:6px;display:grid;place-items:center}.portrait-camera .social-icon{width:16px;height:16px}.profile-identity{padding:0;min-width:0}.profile-name h1{font-size:26px;margin:0;line-height:1.25}.profile-name .verified-mark{width:20px;height:20px;flex:none}.profile-handle{font-size:12px;margin:5px 0}.profile-actions{grid-column:auto;align-self:center;margin:0;padding:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.profile-actions .profile-edit-button{font-size:12px;padding:10px 14px;min-height:37px;display:flex;align-items:center;gap:6px}.profile-actions .profile-edit-button .social-icon{width:17px;height:17px}.profile-signout{background:#1d172a;border:1px solid #694660;color:#e4b8ce;border-radius:20px;font:500 11px system-ui;padding:10px 14px;min-height:37px;cursor:pointer}.profile-actions .social-menu>summary{width:32px;height:34px}.profile-actions .friend-action{height:37px}.gaming-bio{margin:16px 0}.cover-edit{position:absolute;right:12px;bottom:10px;font-size:10px;padding:7px 11px;min-height:28px;z-index:2;gap:5px}.cover-edit .social-icon{width:14px;height:14px}.profile-media-field{margin-top:20px;padding-top:14px;border-top:1px solid #2b3854}.profile-editor-avatar{display:block;width:96px;height:96px;object-fit:cover;border:2px solid #9268ca;border-radius:50%;margin:10px 0}.profile-editor-banner{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:10px;border:1px solid #375477;margin:10px 0}.profile-media-field input[type=file]{font-size:11px;padding:10px;max-width:100%}.profile-default-button{color:#a99bcf;font-size:11px;border:0;background:none;padding:3px 0;cursor:pointer}.profile-upload-status{font-size:10px;line-height:1.5}.edit-profile form>button[type=submit]{margin-top:22px;width:100%}#profileCropModal{z-index:150}.crop-dialog{width:100%;max-width:460px;background:#101a2d}.crop-dialog .page-heading h2{font-size:20px}.crop-dialog #cropPreviewFrame{overflow:hidden;border:1px solid #747b9f;border-radius:8px;margin:16px auto;max-width:100%;background:#030b17}.crop-dialog #cropPreviewFrame.crop-circle{border-radius:50%;width:min(260px,100%);aspect-ratio:1}.crop-dialog canvas{display:block;width:100%;height:auto}.crop-dialog label{font-size:12px;margin-top:12px}.crop-dialog input[type=range]{width:100%;accent-color:#a26cff;margin:9px 0;height:22px}.crop-position-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.crop-dialog #confirmCrop{width:100%;margin-top:18px}@media(max-width:850px){.profile-top{grid-template-columns:105px minmax(0,1fr);gap:9px 13px}.gaming-portrait{width:105px;height:105px;margin-top:-38px}.profile-actions{grid-column:1/-1;justify-content:flex-end}.profile-name h1{font-size:24px}}@media(max-width:720px){.gaming-profile-body{padding:10px 14px 16px}.profile-top{grid-template-columns:92px minmax(0,1fr);gap:8px 12px}.gaming-portrait{width:92px;height:92px;margin-top:-35px;padding:3px;grid-row:auto}.gaming-portrait>.avatar{border-width:2px}.portrait-camera{width:27px;height:27px;padding:5px}.portrait-camera .social-icon{width:15px;height:15px}.profile-name h1{font-size:22px}.profile-name .verified-mark{width:18px;height:18px}.profile-identity .trust-badge{font-size:9px;padding:5px 8px;margin-top:5px}.profile-identity .trust-badge .social-icon{width:12px;height:12px}.profile-identity .seller-badge{font-size:9px}.profile-actions{grid-column:1/-1;justify-content:flex-end;gap:7px}.profile-actions .profile-edit-button{font-size:11px;padding:8px 12px;min-height:34px}.profile-signout{font-size:10px;padding:8px 12px;min-height:34px}.profile-handle{font-size:11px}.gaming-bio{font-size:12px;line-height:1.5;margin-top:12px}.gaming-cover{aspect-ratio:3/1;min-height:128px;max-height:220px}.profile-actions .friend-action{height:34px}.feed-heading{gap:7px}.feed-header-search{max-width:43%;width:140px}.feed-heading #feedOptions summary{width:24px}.feed-heading h1{font-size:29px}}@media(max-width:360px){.profile-top{grid-template-columns:82px minmax(0,1fr);gap:8px 10px}.gaming-portrait{width:82px;height:82px;margin-top:-28px}.profile-name h1{font-size:19px}.gaming-profile-body{padding-left:12px;padding-right:12px}.feed-heading h1{font-size:26px}.feed-header-search{max-width:40%;width:115px;padding:0 8px;gap:4px}.feed-header-search input{font-size:11px}.feed-header-search .social-icon{width:13px;height:13px}.friend-action{font-size:10px;padding:8px 10px}.feed-compact-bar{grid-template-columns:minmax(0,1.25fr) minmax(0,1.2fr) minmax(0,1fr)}}
.feed-header-search input{appearance:none;-webkit-appearance:none;margin:0;box-shadow:none;height:100%;line-height:normal}.crop-dialog .page-heading,.friends-dialog .page-heading{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px}.crop-dialog .page-heading h2,.friends-dialog .page-heading h2{min-width:0;flex:1;font-size:18px;margin:0}.crop-dialog #cancelCrop,.friends-dialog #closeFriends{flex:none;min-width:28px;width:28px;height:28px;min-height:28px;padding:0;font-size:22px}
#profileEditModal .dialog>.page-heading{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px}#profileEditModal .dialog>.page-heading h2{flex:1;min-width:0;margin:0;font-size:20px}#closeProfileEditor{width:28px;height:28px;min-height:28px;padding:0;font-size:22px;flex:none}

/* Align the compact search field even when inherited label rules clip labels. */
.feed-heading .feed-header-search{position:relative!important;clip-path:none!important;overflow:visible!important;display:flex!important;align-items:center!important;align-self:flex-end;flex-shrink:1;height:36px!important;width:150px;min-width:100px;max-width:44%;margin:0 0 1px auto!important;padding:0 11px!important;box-sizing:border-box;white-space:normal;border:1px solid #40597c;line-height:normal}
.feed-heading .feed-header-search #feedSearchIcon{display:flex;position:static;flex:0 0 16px;align-items:center;transform:none}.feed-heading .feed-header-search input{position:static!important;display:block;clip-path:none;width:100%;height:32px!important;min-height:0!important;margin:0!important;padding:0!important;line-height:32px!important;box-sizing:border-box;transform:none;font-size:12px}
.social-profile .gaming-profile-body{display:flex;flex-direction:column;align-items:flex-start;padding:0 22px 22px;gap:14px}.social-profile .gaming-portrait{width:132px;height:132px;margin:-45px 0 0;flex:none}.social-profile .profile-identity{width:100%}.social-profile .profile-name h1{font-size:28px}.social-profile .profile-handle{margin:5px 0 12px;color:#a0b4d3}.profile-social-stats{display:flex;flex-wrap:wrap;align-items:center;gap:7px 19px}.profile-social-stat{display:flex;align-items:baseline;gap:5px;background:none!important;border:0!important;box-shadow:none;color:#adbdd6;padding:0;font:400 12px system-ui;cursor:pointer}.profile-social-stat strong{color:#f0f5ff;font-size:15px}.profile-social-stat:hover span{text-decoration:underline}.social-profile .profile-actions{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0;gap:8px;flex-wrap:nowrap}.social-profile .profile-actions>.social-menu{margin-left:auto}.social-profile .gaming-bio{margin:0;white-space:pre-wrap}.social-profile .trust-badge{margin:0}.social-profile .profile-message-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;background:#193854;border:1px solid #426285;border-radius:8px;color:#e2ecff;padding:9px 18px;font:600 12px system-ui}.social-profile .profile-message-button .social-icon{width:17px;height:17px}.social-profile .friend-action{border-radius:8px;min-width:120px}.social-profile .profile-edit-button{border-radius:8px;min-width:150px;justify-content:center}.social-profile .profile-signout{border-radius:8px}.connection-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #24354e}.connection-person{border:0;background:none;color:#e1eaff;display:flex;gap:12px;align-items:center;flex:1;text-align:left;cursor:pointer;padding:0;min-width:0}.connection-person .avatar{width:48px;height:48px;border-radius:50%;flex:none}.connection-person>span{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.connection-person small{color:#8da3c5}
#crosspostField{margin:20px 0;border:1px solid #324568;border-radius:12px;padding:14px}#crosspostField legend{font-size:13px;padding:0 6px}#crosspostField .crosspost-choice{display:flex;position:static;clip-path:none;overflow:visible;width:auto;height:auto;align-items:center;gap:10px;padding:10px 0;margin:0;cursor:pointer;font-size:13px;color:#d4e0f8}#crosspostField input{width:18px;height:18px;accent-color:#9c6cee}.crosspost-choice .avatar{width:30px;height:30px;flex:none;border-radius:50%}.listing-code{margin:0 16px 8px;color:#8d9fc5;font:500 10px ui-monospace,monospace;letter-spacing:1px}.deal-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.deal-toolbar [aria-pressed=true]{border-color:#b58aff;background:#372254}.deal-identifiers{display:flex;gap:10px;flex-wrap:wrap;font:13px ui-monospace,monospace;color:#bcb4ea;padding:10px 0;border-bottom:1px solid #2d3d56}.deal-card h2{margin-top:12px;font-size:20px}.deal-card .action-row{flex-wrap:wrap;margin-top:16px}.deal-card .btn{font-size:12px}.deal-price{font-size:19px;font-weight:650}.deal-history{margin-top:16px;border-top:1px solid #304164}.deal-room{width:min(640px,100%);height:min(780px,90dvh);max-height:92dvh;display:flex;flex-direction:column;padding:18px;background:#0b1525;border:1px solid #48577a;border-radius:16px}.deal-room>.page-heading{flex:none;margin-bottom:10px}.deal-room h2{font-size:19px}.deal-room #dealRoomSummary{flex:none;border-bottom:1px solid #30435e;padding-bottom:8px;overflow-wrap:anywhere}.deal-room #dealRoomMessages{flex:1;min-height:120px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:15px 0}.deal-room .bubble{max-width:85%;align-self:flex-start;margin:0}.deal-room .bubble.mine{align-self:flex-end}.deal-room .bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.deal-room form{flex:none;flex-wrap:nowrap}.deal-room form input{min-width:0;font-size:16px}.deal-room form button{flex:none}#dealRoomModal{z-index:120}#dealManagement{margin:20px 0;width:100%;font-size:12px}
@media(max-width:720px){.social-profile .gaming-profile-body{padding:0 16px 18px;gap:13px}.social-profile .gaming-portrait{width:118px;height:118px;margin-top:-38px}.social-profile .profile-name h1{font-size:25px}.profile-social-stats{gap:8px 15px}.profile-social-stat{font-size:11px}.profile-social-stat strong{font-size:14px}.social-profile .profile-actions .profile-edit-button{min-width:140px;font-size:12px}.social-profile .profile-actions .profile-message-button{flex:1}.social-profile .profile-actions .friend-action{flex:1}.deal-room{height:92dvh;padding:14px}.deal-room .page-heading{gap:8px}.deal-room .page-heading h2{font-size:16px}.feed-heading .feed-header-search{width:140px}}
@media(max-width:360px){.feed-heading .feed-header-search{width:115px;min-width:90px;padding:0 8px!important}.profile-social-stats{gap:8px 12px}.profile-social-stat{font-size:10px}.social-profile .profile-name h1{font-size:23px}}

/* Deal lifecycle filters and compact, touch-friendly mobile room. */
.deal-filter-tabs{display:flex;gap:7px;overflow:auto;padding:4px 0 12px;scrollbar-width:thin}.deal-filter-tab{border:1px solid #354766;background:#0c1a2d;color:#bbcae3;border-radius:20px;padding:8px 13px;white-space:nowrap;font:600 12px system-ui;cursor:pointer}.deal-filter-tab[aria-selected=true]{background:#513180;color:#fff;border-color:#ad82e6}#dealSearch{margin:0 0 12px;direction:ltr}.deal-cancel-notice{background:#382b14;color:#ffe1a0;border:1px solid #785b22;border-radius:9px;padding:11px;font-size:12px;white-space:pre-wrap}.deal-room-open{overflow:hidden}.deal-room.dialog{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:min(680px,100%);height:min(820px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);min-width:0;overflow:hidden;padding:18px;gap:0}.deal-room>.page-heading{position:relative;min-height:38px;flex:0 0 auto;padding:0 44px 10px 0;margin:0}.deal-room #dealRoomTitle{margin:0;font-size:21px;line-height:1.5}.deal-room #closeDealRoom{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;border:1px solid #4b6386;border-radius:50%;background:#17283e;font-size:25px;color:#fff}.deal-room #dealRoomSummary{flex:0 1 auto;max-height:35%;overflow:auto;padding:4px 0 11px}.deal-room-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;padding:2px 0 12px}.deal-info-item{min-width:0;display:flex;flex-direction:column;gap:4px}.deal-info-item small{color:#a2b5d1;font-size:10px}.deal-info-item strong{color:#f4f7ff;font-size:13px;font-weight:600;overflow-wrap:anywhere}.deal-participants{display:flex;gap:6px 14px;flex-wrap:wrap}.deal-participant{display:flex;align-items:center;gap:5px;color:#d5e3f8;font-size:11px;overflow-wrap:anywhere}.participant-badge{font:600 9px system-ui;color:#c9e4ff;background:#204568;border-radius:5px;padding:3px 6px;white-space:nowrap}.deal-room-controls{flex:none;border-bottom:1px solid #293d59;padding:8px 0;color:#bdd2f1;font-size:12px}.deal-room-controls summary{cursor:pointer}.deal-room-controls .action-row{gap:6px;padding:10px 0;max-height:120px;overflow:auto}.deal-room-controls .btn{font-size:11px;padding:8px 11px}.deal-room #dealRoomMessages{flex:1 1 0;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;gap:12px;padding:16px 0;box-sizing:border-box}.deal-room .bubble{max-width:90%;box-sizing:border-box;background:#20344d;border:1px solid #436484;color:#f4f7ff;line-height:1.6;padding:10px 12px;flex:none}.deal-room .bubble.mine{background:#154d49;border-color:#408b82;color:#fff}.bubble-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.bubble-heading strong{font-size:11px;font-weight:650;color:#e5efff}.bubble.mine .bubble-heading strong{color:#ddfff7}.message-time{display:block;font-size:9px;color:#bbc9dd;text-align:right;margin-top:6px;direction:ltr;font-variant-numeric:tabular-nums}.bubble.mine .message-time{color:#b9e6dd}.deal-room .bubble p{margin:6px 0 0;color:#f5f8ff;font-size:14px;line-height:1.65}.deal-room #dealRoomForm{display:flex;flex:0 0 auto;align-items:center;flex-wrap:nowrap;gap:8px;margin:0;padding:11px 0 0;border-top:1px solid #334967;min-width:0;width:100%;box-sizing:border-box}.deal-room #dealRoomForm[hidden]{display:none!important}.deal-room #dealRoomText{display:block;flex:1 1 0!important;width:0!important;min-width:80px!important;max-width:none!important;height:44px;min-height:44px;margin:0;padding:10px 13px;border-radius:22px;font-size:16px;box-sizing:border-box}.deal-room #dealRoomForm .deal-send{flex:0 0 auto!important;width:auto!important;min-width:64px;max-width:80px;height:42px;min-height:42px;margin:0;padding:0 12px;font-size:12px;border-radius:21px;white-space:nowrap}.deal-room #dealRoomMessages>.hint{font-size:12px;color:#acbed9}.deal-room #dealRoomSummary .deal-cancel-notice{font-size:10px;padding:7px;margin:9px 0 0}#dealCancelModal{z-index:140}#dealCancelForm{max-width:460px}#dealCancelForm textarea{min-height:100px}#dealCancelForm>.btn{margin-top:14px}
/* Keep typing/caret order stable; Bengali, English and numbers all read left-to-right. */
#messageText,#dealRoomText,#dealCancelReason{direction:ltr!important;unicode-bidi:normal!important;text-align:left!important;writing-mode:horizontal-tb!important;transform:none!important}.bubble p{direction:ltr!important;unicode-bidi:plaintext;text-align:start!important;writing-mode:horizontal-tb!important;transform:none!important}.bubble-heading,.message-time{direction:ltr;unicode-bidi:isolate}.deal-identifiers,.listing-code{direction:ltr;unicode-bidi:isolate}
@media(max-width:720px){#dealRoomModal{position:fixed;top:var(--deal-top,0px);bottom:auto;left:0;right:0;height:var(--deal-height,100dvh);padding:0;align-items:stretch;background:#091322}#dealRoomModal .deal-room.dialog{height:100%;max-height:100%;width:100%;max-width:100%;border:0;border-radius:0;padding:12px 12px max(12px,env(safe-area-inset-bottom));margin:0}.deal-room #dealRoomTitle{font-size:20px}.deal-room #dealRoomSummary{max-height:32%}.deal-room .deal-info-item strong{font-size:12px}.deal-room #dealRoomMessages{padding:14px 0}.deal-room #dealRoomText{min-width:80px!important}.deal-room .bubble{max-width:92%}}
/* The overlay must constrain its child instead of creating an auto-sized grid track. */
#dealRoomModal{display:flex;justify-content:center;align-items:center;min-width:0;width:100%;max-width:100vw;overflow:hidden}#dealRoomModal[hidden]{display:none!important}#dealRoomModal .deal-room.dialog{flex:0 1 680px;min-width:0}#dealRoomModal .deal-room-info,#dealRoomModal .deal-participants{max-width:100%;min-width:0}@media(max-width:720px){#dealRoomModal .deal-room.dialog{flex:1 1 0;width:100%;max-width:100vw}}

.post-price-area{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:94px;flex:none}.social-post .listing-top-tools{display:flex;align-items:center;justify-content:flex-end;gap:13px;min-height:30px;padding:0;margin:0}.social-post .listing-top-tools .post-views{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#c7d7f0;line-height:1}.social-post .listing-top-tools .post-views .social-icon{width:20px;height:20px}.social-post .listing-top-tools .save-post{width:30px;height:30px;padding:3px}.social-post .listing-top-tools .save-post .social-icon{width:23px;height:23px}.social-post .social-post-footer{grid-template-columns:repeat(3,minmax(0,1fr))}.own-profile-actions>.social-menu{margin-left:0!important;margin-right:auto}.own-profile-actions>.social-menu>summary{width:40px;height:36px;border-radius:9px}.own-profile-actions .social-menu-items{left:0;right:auto;min-width:190px}.previous-deals-toggle{border:1px solid #566a91;background:#152640;color:#e5edff;border-radius:11px;padding:12px 16px;font:600 13px system-ui;margin-bottom:15px;width:100%;text-align:left;cursor:pointer}.completed-admin-totals{display:flex;flex-direction:column;gap:9px;margin-bottom:15px}.completed-admin-row{display:flex;align-items:center;gap:8px;color:#c3d2ea;font-size:12px}.completed-admin-row>.avatar{width:32px;height:32px;border-radius:50%;flex:none;margin:0}.completed-admin-row>span:last-child{margin-left:auto}.completed-admin-row .verified-mark{width:16px;height:16px}.previous-deal-row{padding:16px}.previous-deal-row h3{font-size:17px;margin:8px 0}.previous-deal-people{display:flex;flex-direction:column;gap:9px;margin:14px 0}.previous-deal-people>div{display:flex;align-items:center;gap:8px;font-size:12px}.previous-deal-people .avatar{width:30px;height:30px;border-radius:50%;flex:none}.previous-deal-people .verified-mark{width:15px;height:15px}.previous-deal-row .btn{font-size:11px;margin:4px 7px 0 0}.deal-room .bubble-heading>.avatar{width:30px;height:30px;flex:none;border-radius:50%;overflow:hidden}.deal-message-name{display:inline-flex;align-items:center;gap:4px}.deal-message-name .verified-mark{width:15px;height:15px}.deal-participant .avatar{width:24px;height:24px;border-radius:50%;flex:none}.deal-participant .verified-mark{width:13px;height:13px}.deal-room .deal-participant{gap:5px}#directFinalModal{z-index:150}#directFinalForm{max-width:460px}#directFinalForm textarea{min-height:80px}.direct-final-ack{display:flex;position:static;clip-path:none;height:auto;width:auto;align-items:flex-start;gap:9px;white-space:normal;font-size:12px;line-height:1.5;margin:17px 0;color:#dbe6f8}.direct-final-ack input{width:18px;height:18px;flex:none;accent-color:#aa78ff}#saveProfileChanges{width:100%;margin-top:24px}.profile-settings{display:none}.logged-out #loginModal .page-heading{display:flex;gap:15px;align-items:flex-start}.logged-out #closeLogin{display:block;min-width:40px;max-width:40px;margin:0}.logged-out #loginModal .dialog{max-width:440px;max-height:90dvh;overflow:auto}.logged-out .shell,.logged-out .bottom{visibility:visible}.logged-out #loginModal[hidden]{display:none!important}
#directFinalForm>.page-heading,#dealCancelForm>.page-heading{display:flex;flex-wrap:nowrap;gap:12px;align-items:flex-start}#directFinalForm>.page-heading h2,#dealCancelForm>.page-heading h2{font-size:19px;flex:1;min-width:0;margin:0}#closeDirectFinal,#closeDealCancel{width:36px!important;min-width:36px;height:36px;flex:none;margin:0!important;padding:0;font-size:23px}

/* Post reactions share one row; Save is a post-menu action. */
.social-post .social-post-footer{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0}.social-post .social-post-footer>.post-views{display:flex;align-items:center;justify-content:center;gap:7px;color:#bed1ee;font-size:13px;font-weight:600;min-height:34px;white-space:nowrap}.social-post .social-post-footer>.post-views .social-icon{width:21px;height:21px}.post-price-area{gap:0;min-width:0}.social-post .social-post-footer .reaction-button{min-width:0}.post-price-area:empty{display:none}
/* Center the portrait and profile text instead of leaving a blank column beside it. */
.social-profile{overflow:hidden}.social-profile .gaming-cover{height:148px;min-height:0;max-height:180px;aspect-ratio:auto}.social-profile .gaming-profile-body{align-items:center;padding:0 18px 18px;gap:10px}.social-profile .gaming-portrait{align-self:center;width:116px;height:116px;margin:-44px auto 0;z-index:3}.social-profile .profile-identity{text-align:center;width:100%;padding:0}.social-profile .profile-name{justify-content:center;gap:6px}.social-profile .profile-name h1{font-size:25px;line-height:1.2;overflow-wrap:anywhere}.social-profile .profile-handle{margin:5px 0 10px}.social-profile .profile-social-stats{justify-content:center;gap:8px 17px}.social-profile .profile-actions{justify-content:center;width:100%;margin:0}.social-profile .gaming-bio{text-align:center;margin:0;max-width:520px;font-size:13px;line-height:1.55}.social-profile .profile-add-bio{margin:0}.social-profile .trust-badge{align-self:center;margin:0}.social-profile .cover-edit{right:12px;bottom:10px;max-width:120px}.social-profile .profile-menu-toggle{position:absolute;left:12px;top:12px;z-index:4;display:grid;place-items:center;width:39px;height:37px;padding:8px;background:#0a1529dc;border:1px solid #627596;border-radius:10px;color:#e6efff}.social-profile .profile-menu-toggle .social-icon{width:22px;height:22px}.profile-page #profileTabs{margin-top:12px;margin-bottom:14px}.profile-menu-open{overflow:hidden}.profile-menu-overlay{position:fixed;inset:0;z-index:145;background:#020914a6;display:flex;justify-content:flex-start;align-items:stretch}.profile-menu-overlay[hidden]{display:none!important}#profileMenuPanel{width:min(320px,86vw);height:100%;max-height:100dvh;overflow-y:auto;background:linear-gradient(155deg,#12243b,#071120);border-right:1px solid #405a7c;padding:20px 17px max(20px,env(safe-area-inset-bottom));box-shadow:15px 0 60px #0007;animation:profileDrawerIn .18s ease-out;box-sizing:border-box}.profile-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.profile-drawer-heading h2{font-size:19px;margin:0}#closeProfileMenu{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid #4c6689;border-radius:50%;background:#20344f;color:#fff;font-size:24px;padding:0}#profileMenuIdentity{display:flex;align-items:center;gap:10px;min-width:0;padding-bottom:20px;border-bottom:1px solid #324862;margin-bottom:10px}#profileMenuIdentity>.avatar{width:46px;height:46px;flex:none;border-radius:50%}#profileMenuIdentity>div:not(.avatar){min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}#profileMenuIdentity strong{font-size:14px}#profileMenuIdentity small{font-size:11px;color:#b4c5df}#profileMenuIdentity .verified-mark{width:17px;height:17px;flex:none}#profileMenuItems{display:flex;flex-direction:column;gap:4px}.profile-drawer-item{width:100%;text-align:left;border:0;border-radius:9px;background:transparent;color:#e0eaff;padding:13px 12px;font:500 13px system-ui;cursor:pointer}.profile-drawer-item:hover,.profile-drawer-item:focus-visible{background:#283c5b;outline:1px solid #6b8cb9}@keyframes profileDrawerIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){#profileMenuPanel{animation:none}}@media(max-width:720px){.social-profile .gaming-cover{height:132px}.social-profile .gaming-profile-body{padding:0 14px 15px;gap:9px}.social-profile .gaming-portrait{width:108px;height:108px;margin-top:-40px}.social-profile .profile-name h1{font-size:24px}.social-profile .profile-social-stats{gap:7px 13px}.social-profile .gaming-bio{font-size:12px}}@media(max-width:360px){.social-profile .gaming-cover{height:120px}.social-profile .gaming-portrait{width:100px;height:100px;margin-top:-36px}.social-profile .profile-name h1{font-size:22px}.social-profile .profile-social-stat{font-size:10px}.social-profile .profile-social-stat strong{font-size:13px}.social-post .social-post-footer>.post-views{font-size:12px;gap:5px}}
/* Installable app and compact Messenger deals */
.app-install-banner{position:relative;z-index:45;display:flex;align-items:center;gap:10px;padding:10px max(14px,env(safe-area-inset-left));background:#14253a;border-bottom:1px solid #35516f;max-width:100%;box-sizing:border-box}.app-install-banner[hidden]{display:none!important}.app-install-banner>img{flex:none;border-radius:10px}.app-install-banner>div{flex:1;min-width:0}.app-install-banner strong,.app-install-banner small{display:block}.app-install-banner strong{font-size:13px;color:#f2f6ff}.app-install-banner small{font-size:11px;color:#bdcce2;margin-top:3px}.app-install-banner .btn{font-size:12px;padding:9px 14px}.app-install-banner #dismissInstall{background:transparent;border:0;color:#c8d6ec;font-size:25px;padding:5px 8px;cursor:pointer}.chat-open .app-install-banner,.deal-room-open .app-install-banner{display:none}.feature-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.feature-shortcuts>.card{margin:0;padding:17px 13px;text-align:left;font:inherit;cursor:pointer;color:#e8f0ff;border:1px solid #3a4968;background:#101e33}.feature-shortcuts strong,.feature-shortcuts span{display:block}.feature-shortcuts strong{font-size:14px}.feature-shortcuts span{font-size:11px;color:#aabdd8;line-height:1.5;margin-top:6px}.public-deal-intro{margin:15px 0 20px}.public-deal-intro>strong{font-size:25px;color:#61e2d6}.public-deal-row{border:1px solid #2f4261;border-radius:15px;padding:15px;margin:12px 0;background:#0e1a2b}.public-deal-people{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0}.completed-profile{display:flex;align-items:center;gap:7px;color:#e0ebfb;font:600 12px system-ui;background:transparent;border:0;padding:0;min-width:0;text-align:left;cursor:pointer}.completed-profile>.avatar{width:34px;height:34px;border-radius:50%;flex:none;overflow:hidden;margin:0}.completed-profile>span{overflow-wrap:anywhere}.completed-profile .verified-mark{width:15px;height:15px;flex:none}.trade-between{color:#8095b7;flex:none}.public-deal-admin{display:flex;align-items:center;gap:12px;margin-bottom:10px}.public-deal-admin>small{font-size:10px;color:#aabbd2}.public-deal-admin .avatar{width:24px;height:24px}.compact-deal{padding:14px!important}.compact-deal-heading{display:flex;align-items:center;gap:10px}.compact-deal-heading>div:nth-child(2){flex:1;min-width:0}.compact-deal-heading strong{display:block;font-size:13px;overflow-wrap:anywhere}.compact-deal-heading small{display:block;font-size:11px;color:#a5b9d6;margin-top:5px}.compact-deal-avatars{display:flex;flex:none}.compact-deal-avatars>.avatar{width:32px;height:32px;border-radius:50%;border:2px solid #14253b;margin:0;overflow:hidden}.compact-deal-avatars>.avatar+ .avatar{margin-left:-10px}.compact-deal-heading>.pill{font-size:9px;max-width:95px;text-align:center;line-height:1.4;padding:6px 8px}.deal-request-details{margin-top:12px;border-top:1px solid #263953;padding-top:11px}.deal-request-details>summary,.deal-room-details>summary,.deal-room-controls>summary{cursor:pointer;color:#aebfda;font-size:12px;line-height:1.5}.deal-request-details .btn{font-size:11px;padding:9px 11px}.deal-chat-open{margin-top:13px!important;width:100%;font-size:12px;padding:10px}.deal-room-details{min-width:0}.deal-room-details>summary{font-weight:600;color:#e3efff;font-size:13px}.deal-room-details .deal-room-info{margin-top:12px}.deal-room-controls{padding:7px 15px;border-bottom:1px solid #293b55;flex:none;max-height:30vh;overflow:auto}.deal-room-controls[open]>summary{margin-bottom:9px}.deal-room #dealRoomActions{padding:0!important;border:0!important}.deal-room #dealRoomSummary{max-height:28vh;overflow:auto}.deal-room-controls .btn{font-size:11px;padding:8px 10px}.message-author{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#e9f1ff}.message-author>strong{font-size:11px;overflow-wrap:anywhere}.message-author>.verified-mark{width:15px;height:15px;flex:none}.message-avatar-link{border:0;background:transparent;padding:0;border-radius:50%;cursor:pointer}.message-avatar-link>.avatar{width:27px;height:27px;overflow:hidden;border-radius:50%;margin:0}.bubble.mine .message-author{color:#c4fff1}.bubble p{direction:ltr;unicode-bidi:plaintext;color:#f2f6ff}.bubble .message-time{display:block;margin-top:7px;font-size:9px;color:#a9bed9}.feature-shortcuts~#featureContent .chat-row{display:flex;align-items:center;gap:10px}.feature-shortcuts~#featureContent .chat-row .avatar{width:38px;height:38px;flex:none;overflow:hidden;border-radius:50%}.feature-shortcuts~#featureContent .chat-row small{margin-left:auto;font-size:11px}#messengerDealBox>.page-heading{margin:16px 0 10px}#messengerDealBox>.page-heading h2{font-size:20px;margin:0}#messengerDealBox>.deal-toolbar[hidden]{display:none!important}#messengerDealBox .deal-filter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}#messengerDealBox .deal-filter-tab{min-width:0;padding:10px 5px;font-size:12px}#messengerDealBox #dealSearch{margin:10px 0 16px}.inbox-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.inbox-tabs>button{min-width:0;white-space:normal;font-size:11px;padding:10px 4px;line-height:1.4}@media(max-width:450px){.feature-shortcuts{grid-template-columns:1fr}.feature-shortcuts>.card{padding:14px}.feature-shortcuts span{margin-top:4px}.compact-deal-heading{gap:7px}.compact-deal-heading>.pill{max-width:76px;font-size:8px}.public-deal-people .completed-profile{flex-direction:column;align-items:center;text-align:center;flex:1}.public-deal-people .avatar{width:42px;height:42px}.public-deal-people .verified-mark{position:static}.deal-room-controls{padding:6px 12px}}@media(display-mode:standalone){.app-install-banner{display:none!important}body{padding-top:env(safe-area-inset-top)}}
/* Messenger identity, personal inbox actions and conversation info */
.inbox-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-list-item .chat-row{display:flex!important;align-items:center;gap:12px;padding:15px 42px 15px 10px!important;min-width:0;border-radius:14px}.chat-list-item .chat-row>.avatar{display:grid;place-items:center;width:48px!important;height:48px!important;min-width:48px;max-width:48px;flex:0 0 48px!important;border-radius:50%;overflow:hidden;margin:0;background:#233651;color:#d5e6fc;font-size:17px}.chat-list-item .chat-row>.avatar img{width:100%;height:100%;object-fit:cover;display:block}.chat-row-label{min-width:0;flex:1}.inbox-person-name{display:flex;align-items:center;gap:5px;min-width:0}.inbox-person-name>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.inbox-person-name .verified-mark{width:15px;height:15px;flex:none}.chat-row-label>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#a5b7d2;max-width:100%}.chat-list-item>.social-menu{right:6px}.chat-list-item>.social-menu>.social-menu-items{right:0;min-width:175px;max-width:min(260px,80vw);z-index:35}.inbox-secondary-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}.inbox-secondary-heading h2{font-size:17px}.blocked-member-row{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px;border:1px solid #2c3e59;border-radius:12px}.blocked-member-row>.avatar{width:38px;height:38px;flex:none;border-radius:50%;overflow:hidden}.blocked-member-row>strong{flex:1;font-size:13px}.blocked-member-row>.btn{font-size:11px;padding:8px}.peer-info-panel{position:absolute;inset:0;z-index:13;height:100%;overflow-y:auto;overscroll-behavior:contain;background:#080f1c;padding:0 20px 30px;box-sizing:border-box}.peer-info-panel[hidden]{display:none!important}.peer-info-panel .info-nav{position:sticky;top:0;background:#080f1cf5;z-index:2}.peer-info-hero{text-align:center;padding:24px 0 15px}.peer-info-hero>.avatar{width:112px;height:112px;border-radius:50%;overflow:hidden;margin:0 auto 18px;display:grid;place-items:center;font-size:30px;background:#263b59}.peer-info-name{display:flex;align-items:center;justify-content:center;gap:7px}.peer-info-name>h2{font-size:25px;margin:0}.peer-info-name>.verified-mark{width:19px;height:19px}.peer-info-hero>p{font-size:12px;margin-top:7px}.peer-info-shortcuts{display:flex;justify-content:center;gap:25px;margin:13px 0 28px}.peer-info-shortcuts .social-action{display:flex;align-items:center;flex-direction:column;gap:8px;border:0;background:none;color:#cbd8ee;font-size:12px}.peer-info-shortcuts .social-icon{width:42px;height:42px;box-sizing:border-box;background:#1a2940;border-radius:50%;padding:10px}.peer-info-panel .info-row{width:100%;text-align:left;border:0;border-bottom:1px solid #23334e;background:none;padding:17px 5px;color:#d8e5f7;font:14px system-ui;cursor:pointer}.peer-info-panel .info-caption{color:#91a5c4;font-size:12px;margin:25px 0 5px}.peer-info-panel .hint{margin-top:18px}.peer-search-results>.bubble{margin:12px 0}.peer-info-panel .media-grid img{width:100%;border-radius:10px}.chat-heading-copy>#chatTitle[role=button],#chatHeaderAvatar[role=button]{cursor:pointer}.chat-heading-copy>#chatTitle[role=button]:focus-visible,#chatHeaderAvatar[role=button]:focus-visible{outline:2px solid #7bdace;outline-offset:3px}.profile-share-menu{position:absolute;right:10px;top:10px;z-index:6}.profile-share-menu>summary{width:35px;height:35px;border:1px solid #697cac77;background:#09152bdb;border-radius:11px;display:grid;place-items:center;list-style:none}.profile-share-menu>summary::-webkit-details-marker{display:none}.profile-share-menu>summary .social-icon{width:19px;height:19px}.profile-share-menu .social-menu-items{top:43px;right:0;left:auto;min-width:170px}.social-profile .cover-edit{right:10px;top:auto;bottom:9px}.social-profile:has(.profile-share-menu[open]){overflow:visible}.profile-share-menu .menu-item{font-size:12px}.chat-list-item:has(>.social-menu[open]){z-index:30}.chat-list-item .chat-row-meta{font-size:9px;max-width:42px;flex:none}.chat-open #chatTitle{padding:3px 0}.private-chat-intro .private-view-profile{margin-top:8px}.peer-info-panel .info-nav>strong{font-size:14px}
/* Quiet chat controls, contextual group authors and simple site information. */
.chat-open #chatTitle.chat-title-trigger{display:block;appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;color:#e7f0ff;font:700 16px system-ui;text-align:left;width:fit-content;max-width:100%;height:auto;min-height:28px;margin:0;padding:2px 0;flex:0 1 auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border-radius:4px}.chat-open #chatTitle.chat-title-trigger:focus-visible{outline:1px solid #687e9e!important;outline-offset:2px!important}.chat-heading-copy{min-width:0}#chatHeaderAvatar[role=button]{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#chatHeaderAvatar[role=button]:focus:not(:focus-visible){outline:0!important}.message-author{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.message-author>.avatar{width:27px;height:27px;flex:none;overflow:hidden;border-radius:50%;margin:0}.group-member-trigger{appearance:none;background:transparent;border:0;padding:0;color:#e9f1ff;font:inherit;text-align:left;cursor:pointer;width:fit-content;max-width:100%}.group-member-trigger:focus-visible{outline:1px solid #6ecfc9;outline-offset:3px;border-radius:6px}.group-member-trigger strong{font-size:11px}.member-action-modal{z-index:180}.member-action-modal>.dialog{width:min(360px,calc(100vw - 28px));padding:20px;border-radius:20px}.member-action-modal h2{font-size:19px;overflow-wrap:anywhere}.member-action-modal #memberActionIdentity>.avatar{width:56px;height:56px;overflow:hidden;border-radius:50%;margin:10px auto 18px}.member-context-option{display:block;width:100%;font:600 14px system-ui;text-align:left;color:#deebff;padding:15px 10px;background:transparent;border:0;border-top:1px solid #2b3e59;cursor:pointer}.member-context-option:disabled{opacity:.45}.member-context-option:last-child{color:#ffaab8}.chat-block-notice{flex:none;text-align:center;background:#101d31;border-top:1px solid #344764;padding:13px 16px max(13px,env(safe-area-inset-bottom));color:#c9d9ee}.chat-block-notice[hidden]{display:none!important}.chat-block-notice p{font-size:12px;margin:0 0 10px}.chat-block-notice>.btn{padding:9px 30px;font-size:13px}.social-post .social-post-footer{grid-template-columns:repeat(3,minmax(0,1fr))!important}.coming-soon{min-height:45vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.coming-soon>span{font-size:36px;color:#a08cdb}.coming-soon h1{font-size:32px;color:#e0eaff;margin:0}.site-footer{text-align:center;margin:34px 0 12px;padding:23px 10px;border-top:1px solid #27384f;color:#879bb9;font-size:11px;line-height:1.8}.site-footer p{margin:5px 0}.site-footer a{color:#b4c7e4;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer strong{color:#c3d4ec;font-weight:600}.site-footer span{color:#8194b0}.chat-open .site-footer,.deal-room-open .site-footer{display:none}.privacy-notice h1{font-size:29px}.privacy-notice h2{font-size:18px;margin:24px 0 9px}.privacy-notice p{font-size:13px;line-height:1.8;color:#bbcae0}.privacy-notice>.eyebrow{font-size:10px}.privacy-notice .btn{margin-top:20px}@media(max-width:450px){.member-action-modal{align-items:flex-end;padding-bottom:max(14px,env(safe-area-inset-bottom))}.site-footer{font-size:10px;margin-top:28px}.coming-soon h1{font-size:28px}}
/* Profile account drawer and dedicated marketplace search. */
#profileMenuPanel{display:flex;flex-direction:column;box-sizing:border-box}.profile-drawer-heading{position:relative;padding-right:48px;min-height:42px;flex:none}.profile-drawer-heading h2{font-size:19px;margin:0;line-height:36px}#closeProfileMenu{position:absolute;right:0;top:0;width:36px;height:36px;min-width:36px;display:grid;place-items:center;border-radius:50%;background:#17263d;border:1px solid #536787;color:#c4d7ef;font:24px/1 system-ui;padding:0}#profileMenuItems{margin-top:20px}.profile-menu-footer{text-align:center;margin-top:auto;padding:30px 0 18px;color:#8fa3bf;font-size:10px;line-height:1.9}.profile-menu-footer p{margin:5px 0}.profile-menu-footer a{color:#a8d5ed;text-decoration:none}.profile-menu-footer a:hover{text-decoration:underline}.profile-menu-footer a[href^="https://rahatwize"]{font-weight:650;color:#6fe1d2}.profile-menu-sign-out{margin-top:7px;margin-bottom:max(12px,env(safe-area-inset-bottom));width:100%;display:block;background:#481e2a;border:1px solid #b85c71;border-radius:12px;padding:14px 18px;color:#ff9dab;font:700 14px system-ui;cursor:pointer;box-shadow:0 0 0 1px #ef788418}.profile-menu-sign-out:hover{background:#622536}.feed-heading button.feed-header-search{cursor:pointer;background:#0b172a;color:#8fa2bf;border:1px solid #3b4e6b;border-radius:24px;font:13px system-ui;justify-content:flex-start;gap:8px}.feed-heading button.feed-header-search>span:last-child{white-space:nowrap}.search-page-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-page-heading h1{font-size:30px;margin:0}.search-page-heading>.btn{font-size:24px;padding:5px 11px}.global-search-form{display:flex;gap:9px;align-items:center}.global-search-form>.input{min-width:0;flex:1;font-size:16px}.global-search-form>.btn{flex:none;padding:12px 16px;font-size:12px}.search-result-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0 12px;padding:5px;background:#0f1b2f;border:1px solid #324762;border-radius:14px}.search-result-tabs>button{background:transparent;border:1px solid transparent;color:#9eb3d1;font:600 14px system-ui;border-radius:9px;padding:11px;cursor:pointer}.search-result-tabs>button[aria-selected=true]{background:#4c2b7b;border-color:#8f6bc4;color:#f6efff}.search-results-heading{font-size:18px;margin:22px 0 14px}.search-account-row{display:flex;align-items:center;width:100%;gap:12px;padding:15px 8px;border:0;border-bottom:1px solid #253752;text-align:left;color:#d7e6fa;background:transparent;cursor:pointer}.search-account-row>.avatar{width:45px;height:45px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#243750;font-size:16px}.search-account-copy{flex:1;min-width:0}.search-account-name{display:flex;align-items:center;gap:6px;font-size:14px}.search-account-name>.verified-mark{width:16px;height:16px;flex:none}.search-account-copy>small{display:block;color:#91a7c7;font-size:11px;margin-top:5px}.account-security-details{margin:26px 0}.account-security-details dt{font-size:11px;color:#94aac8;margin-top:18px}.account-security-details dd{margin:5px 0 0;color:#e3edfc;font-size:14px;overflow-wrap:anywhere}#accountSecurityContent>.btn{display:block;text-align:center;margin:12px 0;font-size:12px}#accountSecurityContent .hint{line-height:1.7}#accountSecurityModal .dialog{width:min(450px,calc(100vw - 28px))}.revoke-other-sessions{border-color:#845363;color:#f2b7c4}@media(max-width:360px){.global-search-form>.btn{padding:12px 10px}.profile-menu-footer{font-size:9px}}
/* Post preparation, correctly contained media and a scrollable photo story. */
#postForm .form-row{grid-template-columns:1fr}#postForm #customGameField[hidden],#postForm #crosspostField[hidden],#postForm #postRangeField[hidden]{display:none!important}.publish-job{padding:16px!important;border-color:#446d80!important;margin-bottom:16px}.publish-job-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.publish-job-heading>strong{font-size:14px;min-width:0;overflow-wrap:anywhere}.publish-job-heading>.pill{font-size:10px;flex:none}.publish-job progress{width:100%;height:9px;margin:16px 0 4px;accent-color:#51ded3}.publish-job .hint{font-size:11px;line-height:1.6;margin:7px 0}.publish-job>.btn{font-size:11px;margin:10px 8px 0 0}.album-asset{display:block!important;position:absolute;inset:0;min-width:0;min-height:0}.album-asset>img,.album-asset>video{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain!important;background:#06101c}.album-stage{aspect-ratio:16/9;max-height:420px}.media-loading{opacity:.6}.media-error{object-fit:contain;cursor:pointer}.album-thumbnails img{object-fit:cover}.post-photo-story{display:flex;flex-direction:column;gap:12px}.story-photo{margin:0;min-width:0;background:#020a15;border-radius:10px;overflow:hidden}.story-photo img,.story-photo video{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.story-photo img{cursor:pointer;min-height:60px}.photo-viewer{position:fixed;inset:0;z-index:240;background:#000;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}.photo-viewer[hidden]{display:none!important}.photo-viewer-open{overflow:hidden!important}#photoGestureStage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#fullScreenPhoto{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none;-webkit-user-drag:none}#closePhotoViewer{position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:white;background:#182333bd;border:1px solid #71849c;font:26px/1 system-ui;cursor:pointer}#listingModal .dialog{max-width:720px}#listingModal .social-post{margin:0;border:0;padding:0;background:transparent}.profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#profileCompletedModal .dialog{width:min(550px,calc(100vw - 28px))}.profile-deal-total{display:flex;align-items:center;gap:12px;margin:25px 0;padding:18px;background:#123344;border:1px solid #286c77;border-radius:13px}.profile-deal-total strong{font-size:32px;color:#64e0d4}.profile-deal-total span{font-size:13px;color:#c4e8ee}.profile-completed-card{padding:15px 0;border-bottom:1px solid #2d405a}.completed-with-person{display:flex;align-items:center;gap:9px;border:0;background:none;padding:10px 0;color:#e1ecfc;text-align:left;cursor:pointer}.completed-with-person>.avatar{width:38px;height:38px;flex:none;border-radius:50%;overflow:hidden}.completed-with-person strong{font-size:14px}.completed-with-person .verified-mark,.completed-by-admin .verified-mark{width:16px;height:16px}.completed-by-admin{display:flex;align-items:center;gap:7px;color:#99b3d2;margin-bottom:8px}.comments-section-label{font-size:17px;margin:18px 0 12px}#commentsModal .dialog{max-width:700px;overflow-y:auto;max-height:92dvh;position:relative}#commentsModal .social-modal-head{padding-right:50px;min-height:38px;align-items:center}#commentsModal .social-modal-head h2{font-size:20px}#commentPost>.social-post{margin:10px 0 20px;padding:14px}.comment-author{display:flex;align-items:center;gap:5px}.comment-author>.verified-mark{width:14px;height:14px}.social-comment>.avatar{width:34px;height:34px;border-radius:50%;flex:none;overflow:hidden}#commentForm{position:sticky;bottom:0;background:#101b2e;padding:12px 0;z-index:3}#commentText{font-size:16px;min-width:0}.social-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.social-comment small{font-size:10px;color:#94a9c7}#customGameField label{position:static;clip-path:none;width:auto;height:auto;display:block}
.profile-tabs:has(>.profile-tab:only-child){grid-template-columns:1fr}
/* Two post intents share the existing publishing and moderation pipeline. */
.post-intent-label{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;margin-top:5px;border-radius:6px;font-size:10px;font-weight:700;line-height:1.4;background:#113b3d;color:#8ef3de;border:1px solid #24605c}.post-intent-label.need{color:#ffc0ca;background:#471c2a;border-color:#8b3d52}.need-description{min-height:220px!important}.need-chat-context{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;font-size:12px;padding:9px 0}.need-chat-context>span{flex:1;min-width:120px;overflow-wrap:anywhere}#needDealForm{width:min(480px,100%)}#needDealForm>button[type=submit]{margin-top:20px}
.create-post-menu{position:fixed;z-index:150;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translateX(-50%);width:270px;max-width:calc(100vw - 32px);padding:12px;background:#142037;border:1px solid #5a4c8a;border-radius:19px;box-shadow:0 14px 60px #000a;animation:create-menu-in .18s ease-out}.create-post-menu>p{font-size:12px;color:#b6c4de;margin:2px 8px 8px}.create-post-menu>button{display:flex;align-items:center;gap:13px;width:100%;padding:12px;border:0;background:transparent;color:#f5f7ff;text-align:left;border-radius:12px;cursor:pointer}.create-post-menu>button:hover,.create-post-menu>button:focus-visible{background:#253656}.create-post-menu button>span:last-child{display:flex;flex-direction:column;gap:5px}.create-post-menu small{color:#adbeda;font-size:11px}.create-kind-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#204f4e;color:#94f1dc;font-size:25px}.create-kind-icon.need{background:#54263b;color:#ffb9c8}@keyframes create-menu-in{from{opacity:0;transform:translate(-50%,10px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:2px 0;min-height:44px}.app-wordmark{font:700 12px system-ui;color:#aabbd7;text-decoration:none;letter-spacing:1.5px}.notification-anchor{position:relative}.notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#142038;border:1px solid #334c70;color:#dce7ff;cursor:pointer}.notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#notificationCount{position:absolute;top:-3px;right:-5px;min-width:19px;height:19px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border-radius:12px;border:2px solid #0b1323;background:#ed334e;color:#fff;font:700 10px system-ui}.notification-panel{position:fixed;box-sizing:border-box;z-index:180;right:0;top:50px;width:370px;max-width:calc(100vw - 28px);max-height:min(650px,calc(100dvh - 160px));overflow:auto;overscroll-behavior:contain;background:#121e32;border:1px solid #425a7f;border-radius:16px;box-shadow:0 16px 70px #000b}.notification-panel-head{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid #2a3e5b;position:sticky;top:0;background:#121e32;z-index:1}.notification-panel h2{font-size:17px;margin:0;flex:1}.notification-panel .btn{font-size:11px;padding:9px}.notification-panel .popup-close{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #455d80;border-radius:50%;background:#22344f;color:#ecf4ff;font-size:22px;cursor:pointer}.notification-empty{padding:20px;font-size:13px;color:#b5c6df}.notification-row{padding:5px 9px;border-bottom:1px solid #25354e}.notification-row.unread{background:#1b2d49}.notification-link{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;padding:9px 2px;background:transparent;color:#e7efff;text-align:left;cursor:pointer}.notification-link .avatar{width:38px;height:38px;flex:none;border-radius:50%}.notification-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;overflow-wrap:anywhere}.notification-copy strong{display:flex;align-items:center;gap:4px;font-size:12px}.notification-copy>span{font-size:12px;color:#d4e1f4}.notification-copy small{font-size:10px;color:#a5b7d2}.notification-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#ff425c}.notification-dot.muted{background:#78879f}.notification-read{display:block;margin:0 0 5px 49px;border:0;background:transparent;color:#8ecce9;font-size:10px;padding:5px;cursor:pointer}.notification-preference{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;margin:0;font-size:13px}.notification-preference input{width:21px;height:21px;accent-color:#2ed5cc}#notificationPreferences>.hint{padding:10px 13px;margin:0}.chat-open .app-header{display:none}#notificationToolbar{padding:2px 9px}#moreNotifications{display:block;margin:10px auto}.notification-bell:focus-visible,.create-post-menu button:focus-visible{outline:2px solid #6af0e4;outline-offset:3px}
@media(min-width:1000px){.create-post-menu{left:150px;bottom:40px}}@media(max-width:720px){.app-header{margin:0 0 10px}.profile-page .app-header{padding:0 14px}.notification-panel{position:fixed;right:14px;top:calc(68px + env(safe-area-inset-top));max-height:calc(100dvh - 180px)}}@media(prefers-reduced-motion:reduce){.create-post-menu{animation:none}}
/* Install guide (iPhone needs Share → Add to Home Screen) */
#installHelp .dialog{max-width:440px}
.install-step-list{list-style:none;margin:10px 0 6px;padding:0;display:grid;gap:8px}
.install-step-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#0f2235;border:1px solid #ffffff14;line-height:1.35}
.install-step-icon{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#1c3a57;font-size:18px;font-weight:800;color:#fff}
.install-step-icon svg{width:22px;height:22px;fill:none;stroke:#7cc4ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.install-steps .hint{margin:4px 0}
.install-copy{width:100%;margin-top:4px}
/* Login inside Messenger / Facebook: Google blocks it there */
.in-app-login-note{display:grid;gap:6px;margin:0 0 10px;padding:10px 12px;border-radius:14px;background:#3a2a0d;border:1px solid #f5b94166;color:#ffe7b0;text-align:left}
.in-app-login-note small{color:#f3dcae;line-height:1.35}
.in-app-login-actions{display:flex;gap:8px;flex-wrap:wrap}
.in-app-login-actions .btn{flex:1;min-height:38px;padding:8px 12px}
.id-gender-box{margin:12px 0 4px}.id-gender-box[hidden],.feed-gender-box[hidden]{display:none!important}.id-gender-label{display:block;font-weight:600;margin-bottom:8px}.id-gender-label small{color:var(--muted);font-weight:400}
.id-gender-chips{display:flex;gap:8px}.id-gender-chip{flex:1;min-height:42px;border-radius:999px;border:1px solid var(--line);background:#111a2a;color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.id-gender-chip:active{transform:scale(.97)}
.id-gender-chip[data-gender="male"][aria-pressed="true"]{background:#1d4ed855;border-color:#60a5fa;color:#dbeafe}.id-gender-chip[data-gender="female"][aria-pressed="true"]{background:#db277755;border-color:#f472b6;color:#fce7f3}
.feed-gender-box{margin:12px 0 4px;display:grid;gap:8px}.feed-gender-box .hint{margin:0}
.id-gender-tag{display:inline-flex;align-items:center;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:18px}.id-gender-tag.male{background:#1d4ed833;color:#93c5fd}.id-gender-tag.female{background:#db277733;color:#f9a8d4}
.id-gender-divider{display:flex;align-items:center;gap:10px;margin:14px 4px;color:var(--muted);font-size:13px;font-weight:600}.id-gender-divider::before,.id-gender-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.verify-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:8px 0}
.verify-shot{display:grid;justify-items:center;gap:8px;padding:12px;border:1.5px dashed var(--line,#263247);border-radius:14px;background:#111a2a;text-align:center}
.verify-shot.done{border-style:solid;border-color:#3fb97f}.verify-shot img{width:100%;aspect-ratio:1.585;object-fit:cover;border-radius:10px}.verify-shot-icon{font-size:34px;line-height:1.2}.verify-shot .btn{width:100%}
.verify-camera{position:fixed;inset:0;z-index:300;background:#000;display:flex;align-items:center;justify-content:center}
.verify-camera video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.verify-frame{position:relative;width:min(88vw,520px);aspect-ratio:1.585;border:3px solid #fff;border-radius:16px;box-shadow:0 0 0 100vmax #000a;pointer-events:none}
.verify-tip{position:absolute;top:calc(18px + env(safe-area-inset-top));left:16px;right:16px;margin:0;text-align:center;color:#fff;font-weight:600;text-shadow:0 1px 4px #000}
.verify-shutter{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:74px;height:74px;border-radius:50%;border:5px solid #fff;background:#fff3;cursor:pointer}.verify-shutter:active{background:#fff8}
.verify-cancel{position:absolute;bottom:calc(46px + env(safe-area-inset-bottom));left:24px;border:0;background:none;color:#fff;font:inherit;font-weight:600;font-size:16px;cursor:pointer}

/* Compact Wize gaming skin: electric blue, violet energy and dark glass. */
:root{--bg:#07091a;--panel:#0e142c;--line:#26365a;--text:#f1f5ff;--muted:#8c9bbd;--mint:#51e6ff;--purple:#a36bff;--aura:#9a4dff;color-scheme:dark}
body{background:radial-gradient(ellipse at 0 0,#6118ad38,transparent 42%),radial-gradient(ellipse at 100% 30%,#007dba22,transparent 48%),linear-gradient(135deg,transparent 47%,#45309b08 48%,transparent 49%),#07091a;background-attachment:fixed}
::selection{background:#9a64ff;color:#fff}.shell{position:relative;max-width:1300px;grid-template-columns:200px minmax(0,680px) 250px;gap:28px;padding-top:27px}.side{top:30px}.side-caption{color:#7f80b2;letter-spacing:2px;font-size:9px}.side-note{color:#667ca2;border-top:1px solid #8f64ef1c;padding-top:20px}
.nav button{position:relative;border-radius:13px;color:#8e9bbd;transition:background .2s,border-color .2s,color .2s}.nav button:hover{background:#8d50ed0a;color:#d5d7ff}.nav button.active{background:linear-gradient(95deg,#6b2bf22b,#087c9620);border-color:#8c63f14f;color:#85eaff;box-shadow:inset 3px 0 #9767ff,0 0 20px #7d3dff09}.nav .post-button{background:linear-gradient(115deg,#7034e8,#a85bff);border:1px solid #cc99ff66;color:#fff;box-shadow:0 8px 32px #7c28ff30}
.nav button>span:first-child{position:relative}.page-heading h1{font-weight:800;letter-spacing:-1px;color:#f6f5ff}.feed-heading{position:relative;align-items:center;flex-wrap:nowrap;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #7351a52e}.feed-heading::after{content:'';position:absolute;bottom:-1px;left:0;width:57px;height:2px;background:linear-gradient(90deg,#ac66ff,#4cddff);box-shadow:0 0 12px #9858ff8c}.feed-heading h1{font-size:29px;line-height:1.2;text-shadow:0 0 28px #9e67ff22}.feed-heading button.feed-header-search{background:#10172d;color:#a9c5ee;border:1px solid #4d5089;border-radius:19px;font:500 11px system-ui;width:119px;min-width:86px;max-width:40%;align-self:center;box-shadow:inset 0 1px #d4b4ff08}
.feed-compact-bar{background:linear-gradient(115deg,#14132e,#0c1b2e);border:1px solid #795bc23f;border-radius:13px;box-shadow:0 5px 25px #31107810}.compact-select select,#priceFilterToggle{color:#b1c5e7;font-size:10px}.feed-status{color:#7289b2;font:9px ui-monospace,monospace;letter-spacing:1.1px;text-transform:uppercase;margin:16px 2px 12px}.price-filter-popover{background:#11152d;border-color:#7250b0;box-shadow:0 15px 50px #0008}
.social-post{position:relative;background:linear-gradient(130deg,#13162e,#0b1528 70%);border:1px solid #7652bb45;border-radius:18px;box-shadow:0 9px 32px #0002,0 0 27px #792cf309,inset 0 1px #c59bff0b;transition:border-color .2s,box-shadow .2s;margin-bottom:23px}.social-post::before{content:'';position:absolute;top:0;left:22px;width:90px;height:1px;background:linear-gradient(90deg,transparent,#bd7aff,transparent);opacity:.75;pointer-events:none}.social-post:hover{border-color:#aa6aff88;box-shadow:0 10px 38px #0003,0 0 28px #953af30f}
.social-post-head{padding:18px 18px 10px}.social-author>.post-avatar-button{padding:2px;border:0;border-radius:50%;background:linear-gradient(140deg,#b161ff,#41dcff);box-shadow:0 0 12px #9854ff27}.social-post .avatar{height:38px;width:38px;border:2px solid #10152a;border-radius:50%}.author-name-line .btn{color:#eaf2ff;font-size:13px;font-weight:750}.post-meta-line .post-time{color:#8b9bc2;font-size:9px}.post-intent-label{background:#9b4aff13;color:#cfa9ff;border:1px solid #b86fff28;border-radius:5px;padding:2px 6px;font-size:8px;letter-spacing:.5px;line-height:1.3}.post-intent-label.need{color:#ff98ae;background:#f84d7812;border-color:#ff5d802c}
.listing-code{font:9px ui-monospace,monospace;letter-spacing:1px;color:#7a97bf;padding:0 19px;margin:5px 0 0}.post-content{padding:10px 18px 15px}.post-copy h2{color:#f1f4ff;font-size:19px;font-weight:750;letter-spacing:-.5px;line-height:1.35}.compact-post-details{color:#a6b5d5;font-size:11px;line-height:1.75}.details-toggle{font-size:10px;color:#acb5ff}.listing-tags>span{background:#202340;border:1px solid #8267c944;color:#c8c8ed;font-size:9px}.listing-tags>span:first-child{background:#3d1a69;color:#d8b2ff;border-color:#a45be666}
.social-post .listing-price-box{background:linear-gradient(145deg,#103845,#10223a);color:#77eaff;border:1px solid #44cfed9c;border-radius:10px;min-width:78px;padding:10px 11px;box-shadow:inset 0 0 17px #39cce609,0 0 16px #28d2f011;transform:none;text-align:right}.social-post .listing-price-box strong{font-size:20px;color:#7deeff;letter-spacing:-.7px;line-height:1.15;text-shadow:0 0 14px #37e4ff20}.social-post .listing-price-box>span{display:block;font:7px ui-monospace,monospace;letter-spacing:1.4px;color:#8bbccc;margin-top:4px}.social-post .listing-price-box.long-price strong{font-size:13px}
.listing-album{margin:0 11px 4px}.album-stage{background:#05091b;border:1px solid #5a62a329;border-radius:12px}.album-asset img{border-radius:0}.album-counter{background:#080b1ee0;border:1px solid #9a7cc42b;color:#d8d9ff;border-radius:6px;font:9px ui-monospace,monospace;padding:5px 7px}.album-nav{color:#d3edff;background:#111731db;border-color:#8872bc3d;backdrop-filter:blur(6px)}.album-thumbnails{gap:5px}.album-thumbnail{border-radius:7px;border-color:#5d548336}.album-thumbnail[aria-pressed=true]{border-color:#b167ff;box-shadow:0 0 0 1px #a24dff30,0 0 12px #9c43ff1a}.album-more{color:#e6dbff}
.social-post-footer{border-bottom:1px solid #6c5c9833;margin:0 16px;padding:12px 0;gap:24px}.reaction-button{border:0;background:transparent;color:#96a9cc;gap:7px;font-size:10px;min-height:27px}.reaction-button svg{width:18px;height:18px;stroke-width:1.6}.reaction-button.is-liked{color:#ff83b4}.listing-actions{padding:13px 15px 16px;gap:8px}.listing-actions .social-action{flex:1;min-height:41px;border-radius:10px;background:#152a3b;border:1px solid #43c7ee49;color:#b2ebff;font-size:10px;padding:10px 9px;gap:7px}.listing-actions .start-deal{background:linear-gradient(110deg,#6b36dd,#964cf3);border:1px solid #b477ff91;color:#fff;font-weight:750;box-shadow:0 4px 20px #7f30df1a}.listing-actions .social-action svg{width:16px;height:16px}.social-post[data-intent=need] .message-seller{background:linear-gradient(110deg,#142d40,#172743);border-color:#4aaee754;color:#b4e6ff}
.card{background:linear-gradient(135deg,#15162f,#0c172b);border-color:#66528e50;border-radius:17px}.input{background:#0b1229;border:1px solid #40537a73;color:#e1eaff;border-radius:11px;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:#ad72ff;box-shadow:0 0 0 3px #9a54ff14}.btn{background:linear-gradient(110deg,#8c4df4,#b16bff);color:#fff;border:1px solid #cf9aff40;border-radius:10px}.btn.secondary{background:#14213b;color:#c6dbf7;border:1px solid #6273a955}.btn.ghost{background:transparent;color:#91a5cc;border:0}.hint{color:#839ac2}.pill{background:#8e4de517;border-color:#a575ff2a;color:#cda9ff}.eyebrow{color:#a085da;font-size:9px;letter-spacing:1.8px}
#postForm{padding:24px}#postForm>h2{font-size:24px;letter-spacing:-.6px;color:#eeebff}#postForm label{font-size:11px;color:#adbee0}.upload-zone{background:linear-gradient(125deg,#842aff09,#1bbcf407);border:1px dashed #9c66db77;border-radius:14px;color:#d0c1ed}.upload-zone:hover{border-color:#bd83ff}.range-chip{background:#18233a;border-color:#555e8c;color:#a8bce3}.range-chip.active{background:linear-gradient(110deg,#7342c9,#604ed4);color:#fff;border-color:#be88f4}
.menu-popover{background:#151931;border-color:#7962ab70;border-radius:12px;box-shadow:0 18px 65px #0008}.menu-item:hover{background:#9256e610}.more-menu>button{color:#a3a2ce}.dialog{background:linear-gradient(135deg,#18162e,#10182e);border:1px solid #885abb66;border-radius:18px;box-shadow:0 20px 90px #0008}.modal{background:#040719bc;backdrop-filter:blur(5px)}
.right .card{background:linear-gradient(145deg,#241740,#0d1d34);border-color:#9366b63d;box-shadow:inset 0 1px #b385ff0c}.right .icon-box{color:#dcc5ff;background:linear-gradient(130deg,#713aba,#302350);border-color:#a76fd77a}.right h3{color:#e1d9f8}.right p{color:#98a7cc;font-size:11px;line-height:1.8}.right .eyebrow{color:#b28fe2}
.inbox-tabs{background:#101a31;border:1px solid #6151854d;padding:4px;border-radius:13px;gap:4px}.inbox-tabs button{border:0;border-radius:9px;background:none;color:#8ba2cb;font-size:11px;padding:11px 8px}.inbox-tabs button[aria-selected=true]{background:linear-gradient(110deg,#733fca,#7957c5);color:#fff;box-shadow:0 4px 16px #6824c420}#exploreSearch{margin:17px 0 13px;background:#111d34;border-color:#4c54805c;border-radius:13px;font-size:12px;min-height:44px}.chat-list-item{position:relative;border-bottom:1px solid #4e487b38;transition:background .2s}.chat-list-item:hover{background:#8956dd06}#messengerInbox .chat-row{border:0;background:transparent;min-height:84px;padding:17px 1px;gap:12px}.chat-row>.avatar{height:49px!important;width:49px!important;border-radius:50%;box-shadow:0 0 0 1px #9170c838}.chat-row-label{gap:5px}.chat-row-label strong{font-size:14px;font-weight:650;color:#e0e9ff}.chat-row-label small{font-size:11px!important;color:#8a9fc3!important}.chat-row-meta{display:flex;align-items:flex-end;flex-direction:column;gap:7px;min-width:42px;max-width:72px}.chat-row-meta time{font-size:9px;color:#8399bd;white-space:nowrap}.chat-list-item.has-unread:not(.muted-chat) .chat-row-meta time{color:#72e5a2}.chat-list-item.has-unread .chat-row-label strong{color:#f3f7ff;font-weight:750}.chat-list-item.has-unread .chat-row-label small{color:#becde7!important}
.chat-unread{min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px;border-radius:20px;background:#65df97;color:#0b341e;font:800 10px system-ui;box-shadow:0 0 12px #65df9718}.muted-chat .chat-unread{background:#3a4158;color:#bec7d7;box-shadow:none}.chat-muted-icon svg{height:13px;width:13px;color:#8794b2}.request-pill{background:#5079b51a;border:1px solid #618ac22b;color:#9ec4ee;font-size:8px;border-radius:4px}.chat-admin-label{font-size:8px;color:#a99bd0}#requestCount{background:#65df97;color:#103823;border-radius:20px;padding:2px 5px;font:750 8px system-ui;margin-left:4px}#requestCount.muted-count{background:#414c66;color:#c8cfde}
.nav-unread{position:absolute;top:-7px;right:-12px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:20px;background:#65df97;color:#0d3420;box-shadow:0 0 12px #65df973d,0 0 0 2px #0c1328;font:800 8px system-ui}.nav button.has-unread:not(.active){color:#aed6c7}
.chat-open #chatPanel{background:#080d21}.chat-open #chatPanel>.page-heading{background:linear-gradient(95deg,#1c1439,#0d2033);border-bottom:1px solid #9368c537;min-height:68px;padding:11px 13px}.chat-open #chatHeaderAvatar .avatar{width:40px;height:40px;box-shadow:0 0 0 1px #9a6bde55}.chat-open #chatTitle{color:#e6e7ff;font-weight:700}.chat-open #chatMessages{background:radial-gradient(ellipse at 100% 0,#6f35b50a,transparent 70%);padding:20px 14px}.bubble{background:#17263f;border:1px solid #5b74a02b;border-radius:15px 15px 15px 4px;padding:11px 14px;color:#e3eaff;max-width:85%}.bubble.mine{background:linear-gradient(120deg,#48217f,#333281);border-color:#9465ce4f;color:#faf5ff;border-radius:15px 15px 4px 15px}.bubble p{font-size:13px;line-height:1.65}.bubble .message-time{font-size:8px;color:#8badd2}.bubble.mine .message-time,.bubble.mine .message-author{color:#c2ade5}.bubble.mine .message-author strong{color:#d4c3f0}.message-author{color:#a1c4ed}
.chat-open #chatForm{background:#10162f;border-color:#5f508650;padding:11px 13px max(11px,env(safe-area-inset-bottom))}.chat-open #messageText{background:#18223d;border-color:#5f5f8e4d;color:#edf1ff;border-radius:22px;min-height:44px}.chat-open #chatForm .btn{background:linear-gradient(125deg,#7941ed,#ab5cf5);color:#fff}.chat-attach{background:#252044;color:#b99aea;border-color:#7156a266}
.chat-open .peer-info-panel,.chat-open #groupSettingsPanel{background:#11162f;border-color:#69518f44}.peer-info-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.peer-info-shortcuts .social-action{display:flex;flex-direction:column;gap:9px;background:#1a2240;border:1px solid #8163b433;border-radius:14px;padding:15px 8px;color:#c1ccf2;font-size:11px}.peer-info-shortcuts svg{height:22px;width:22px;color:#ac91ec}.peer-info-hero .avatar,#groupInfoHero .avatar{box-shadow:0 0 0 4px #8653cb0b,0 0 0 5px #a16dd138}.info-row{background:#18213a;border-color:#7466932e;color:#bec9e6;border-radius:10px}.info-caption{font-size:9px;letter-spacing:1.4px;color:#907fb6;text-transform:uppercase}.info-shortcut{color:#b1bee1}.info-shortcut>span{background:#252044;color:#be9eeb;border-color:#8b69bd44}
.profile-page .profile-hero,.profile-hero{background:#11182e;border-color:#8457b53f;border-radius:19px}.profile-page .profile-avatar{box-shadow:0 0 0 4px #11182e,0 0 0 5px #9b67dc73,0 0 26px #9a4deb20}.profile-tabs{background:#141a32;border-color:#67508f50;border-radius:12px}.profile-tab[aria-selected=true]{color:#d2b5ff;background:#8c4ce315}.profile-social-stat{color:#b7c3e0}.profile-social-stat strong{color:#e4ddff}.profile-menu-drawer{background:#141a32;border-color:#8463bc40}
/* This is a small anchored fan, not a page, overlay or modal. */
.create-fan{position:fixed;z-index:150;width:230px;height:108px;background:transparent;border:0;box-shadow:none;pointer-events:none;overflow:visible}.fan-option{--fan-x:-61px;position:absolute;left:50%;top:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:106px;padding:5px 0 4px;background:transparent;border:0;pointer-events:auto;transform:translateX(calc(-50% + var(--fan-x)));animation:fan-rise .28s cubic-bezier(.15,1,.3,1) both}.fan-option.need{--fan-x:61px;animation-delay:.03s}.fan-icon{display:grid;place-items:center;height:57px;width:57px;border-radius:50%;background:linear-gradient(135deg,#a557ff,#632bd0);color:#fff;border:1px solid #dfafffa6;box-shadow:0 0 0 4px #7135c21a,0 0 22px #9944ff5c,0 9px 20px #03041be0;transition:transform .18s}.fan-option.need .fan-icon{background:linear-gradient(135deg,#59d5f4,#14669f);border-color:#a4f5ffb0;box-shadow:0 0 0 4px #3bcaed14,0 0 22px #24c5ff49,0 9px 20px #03041be0}.fan-icon svg{width:24px;height:24px;stroke-width:1.6}.fan-option strong{font:750 11px system-ui;color:#fff;text-shadow:0 1px 4px #050719,0 0 7px #050719,0 0 14px #050719}.fan-option:hover .fan-icon{transform:translateY(-3px)}.fan-option:focus-visible{outline:none}.fan-option:focus-visible .fan-icon{outline:2px solid #ead5ff;outline-offset:5px}.create-fan.is-closing .fan-option{animation:fan-drop .16s ease-in both}
@keyframes fan-rise{from{opacity:0;transform:translateX(-50%) translateY(95px) scale(.35)}to{opacity:1;transform:translateX(calc(-50% + var(--fan-x))) translateY(0) scale(1)}}@keyframes fan-drop{from{opacity:1;transform:translateX(calc(-50% + var(--fan-x))) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(.3)}}
.app-install-banner{background:linear-gradient(100deg,#17122e,#0d1b31);border-bottom:1px solid #a36bff30;box-shadow:0 3px 20px #0002}.app-install-banner strong{color:#e8e2ff}.app-install-banner small{color:#9c9fc5}.app-install-banner .btn{background:linear-gradient(110deg,#8444ea,#ab5cf5);color:#fff;border-radius:9px}
@media(max-width:1200px){.shell{grid-template-columns:190px minmax(0,1fr);max-width:1080px}.right{display:none}}
@media(max-width:720px){
 .shell,.messenger-page .shell{display:block;padding:22px 14px 117px;max-width:100%}.shell>main{min-width:0}.feed-heading{margin:0 0 17px;padding-bottom:16px;gap:9px}.feed-heading h1{font-size:25px}.feed-heading button.feed-header-search{width:104px;min-width:82px;font-size:10px}.feed-compact-bar{min-height:43px;border-radius:12px;padding:0 6px}.compact-select select,#priceFilterToggle{font-size:9px}.feed-status{font-size:8px;margin:14px 2px 12px}.social-post{border-radius:16px;margin-bottom:21px}.social-post-head{padding:16px 15px 8px}.social-post .avatar{height:36px;width:36px}.author-name-line .btn{font-size:12px}.listing-code{font-size:8px;padding:0 16px}.post-content{padding:8px 15px 14px}.post-copy h2{font-size:17px}.compact-post-details{font-size:10px}.social-post .listing-price-box{min-width:68px;padding:8px 9px;border-radius:9px}.social-post .listing-price-box strong{font-size:18px}.social-post .listing-price-box>span{font-size:6px}.listing-album{margin:0 9px 4px}.album-stage{border-radius:10px}.listing-actions{padding:12px 12px 14px;gap:7px}.listing-actions .social-action{font-size:9px;padding:10px 7px;min-height:39px;gap:5px}.listing-actions .social-action svg{width:15px;height:15px}.social-post-footer{margin:0 14px;padding:11px 0;gap:22px}
 .bottom{position:fixed;z-index:60;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-width:470px;margin:auto;min-height:68px;padding:8px 5px 6px;border:1px solid #8f60c74f;border-radius:17px;background:linear-gradient(105deg,#1c1236f5,#0d2033f5);box-shadow:0 7px 35px #0008,0 0 23px #8d3deb13,inset 0 1px #ba8fff10;backdrop-filter:blur(16px);grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
 .bottom button{position:relative;background:transparent;border:0;padding:3px 0;min-width:0;gap:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#829bbf}.bottom button>span:first-child{position:relative;display:grid;place-items:center}.bottom button svg{height:21px;width:21px;stroke-width:1.7}.bottom button>span:last-child{font-size:8px;font-weight:600}.bottom button.active{background:transparent;color:#74dfff;box-shadow:none}.bottom button.active:not(.post-button)::after{content:'';position:absolute;bottom:-3px;width:18px;height:2px;border-radius:3px;background:#75e8ff;box-shadow:0 0 12px #29c7ff77}
 .bottom .post-button{top:-11px;position:relative;margin:0;width:54px;height:54px;align-self:center;justify-self:center;border-radius:50%;padding:0;display:grid;place-items:center;background:transparent;color:#fff}.bottom .post-button>span:first-child{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#b258ff,#6624df);border:3px solid #0d1026;box-shadow:0 0 0 1px #d08cff9c,0 0 0 5px #8746dd10,0 0 19px #b13dff4d;color:#fff}.bottom .post-button svg{height:27px;width:27px;stroke-width:1.6;transition:rotate .2s}.bottom .post-button>span:last-child{position:absolute;top:58px;color:#b4a4d6;font-size:8px}.create-menu-open .bottom .post-button svg{rotate:45deg}.bottom .nav-unread{top:-7px;right:-11px;height:17px;min-width:17px;font-size:8px;box-shadow:0 0 12px #65df9738,0 0 0 2px #10182e}
 #messengerInbox>.messenger-heading{margin:1px 0 20px}.messenger-heading h1{font-size:25px}.inbox-tabs{padding:4px;gap:2px;border-radius:12px}.inbox-tabs button{font-size:9px;padding:10px 7px}#messengerInbox .chat-row{gap:11px;padding:17px 0;min-height:83px}.chat-row>.avatar{height:47px!important;width:47px!important}.chat-row-label strong{font-size:13px}.chat-row-label small{font-size:10px!important}.chat-row-meta time{font-size:8px}.chat-unread{height:21px;min-width:21px;font-size:9px}.chat-row-meta{min-width:38px;max-width:63px;gap:6px}#postForm{padding:21px 18px}#postForm>h2{font-size:23px}.profile-page .shell{padding:0 0 117px}.profile-page #myPosts,.profile-page #profileUploadStatus{padding-left:11px;padding-right:11px}.profile-page .social-post{margin-left:0;margin-right:0}
 .chat-open .shell{padding:0}.chat-open #chatMessages{padding:18px 13px}.bubble{max-width:88%}.chat-open #chatForm{padding:10px 11px max(10px,env(safe-area-inset-bottom))}.chat-open #messageText{font-size:15px}.chat-open #chatForm .btn{padding:11px 13px;font-size:10px}
}
@media(max-width:360px){.feed-heading h1{font-size:23px}.feed-heading button.feed-header-search{width:89px;font-size:9px}.post-copy h2{font-size:15px}.listing-actions .social-action{font-size:8px}.fan-option{width:104px}.chat-row-label strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}

.friends-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:22px;scrollbar-width:none}.friends-tabs button{flex-shrink:0;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:24px;padding:10px 16px;font-size:13px}.friends-tabs button[aria-selected=true]{background:#fd702826;border-color:#ff874d;color:#ffba8e}.friends-tabs span{color:#ff9e9e}.friends-person{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #ffffff0e}.friends-avatar{padding:0;border:0;border-radius:50%;background:none;flex-shrink:0}.friends-avatar .avatar{width:90px;height:90px;border-radius:50%}.friends-person-copy{flex:1;min-width:0}.friends-person-name{display:block;border:0;background:none;font-size:18px;font-weight:700;text-align:left;padding:0;overflow-wrap:anywhere}.friends-person-copy small{display:block;margin:5px 0}.friends-person-actions{display:flex;gap:9px;margin-top:12px}.friends-person-actions .btn,.friends-person-actions .friend-action{flex:1;padding:10px;font-size:13px}.friend-confirm{background:linear-gradient(115deg,#3769ff,#3152cf)!important;color:white!important}.friend-nav-count{background:#ff6849!important;color:white!important}.availability-label{display:inline-block;margin:0 18px 12px;font-size:10px;font-weight:800;padding:5px 10px;border:1px solid;border-radius:20px;letter-spacing:.4px}.availability-label.available{color:#8bf0bb;background:#163529;border-color:#32694e}.availability-label.sold{color:#ffc3bb;background:#502324;border-color:#b9514b}.sold-action-note{color:#ffaba1;padding:10px 0;font-size:13px;font-weight:750}
#chatForm.chat-composer{display:block;position:relative;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:#160e17;border-top:1px solid #65302a;flex-shrink:0}.composer-controls{display:flex;gap:6px;align-items:center;min-width:0}.composer-controls .input{flex:1;width:0;min-width:0;background:#2c2432;border:0;border-radius:24px;padding:13px 12px}.composer-icon,.composer-send{border:0;background:transparent;color:#ff955c;font-size:25px;width:32px;height:42px;display:grid;place-items:center;padding:0;flex-shrink:0}.composer-send{background:linear-gradient(140deg,#ff9346,#e43a3b);color:white;border-radius:50%;width:40px;height:40px;font-size:23px}.composer-icon.recording{color:#ff6b76;background:#622b3a;border-radius:50%;animation:recording-pulse 1s infinite}.chat-plus-menu,.chat-emoji-picker{position:absolute;bottom:calc(100% + 8px);left:10px;z-index:8;background:#29222e;border:1px solid #885c58;border-radius:18px;padding:10px;box-shadow:0 12px 35px #0009;animation:tools-enter .17s ease-out}.chat-plus-menu{width:215px;display:grid;gap:3px}.chat-plus-menu button{border:0;background:transparent;color:#ffa574;padding:12px;text-align:left;display:flex;gap:15px;align-items:center;font-size:25px;border-radius:10px}.chat-plus-menu button:hover{background:#ffffff0a}.chat-plus-menu span{color:#fff0e7;font-size:14px}.chat-emoji-picker{display:grid;grid-template-columns:repeat(7,1fr);width:min(300px,calc(100vw - 24px));gap:2px}.emoji-option{border:0;background:transparent;font-size:25px;padding:6px 2px}.composer-preview{display:flex;gap:8px;overflow-x:auto;align-items:center;padding:0 0 10px}.composer-file{position:relative;flex:0 0 auto}.composer-file img,.composer-file video{display:block;width:85px;height:85px;object-fit:cover;border-radius:12px}.composer-file audio{width:220px;height:48px}.composer-file .remove-composer-file{position:absolute;right:0;top:0;border:0;background:#0e080aee;color:white;border-radius:50%;width:25px;height:25px;padding:0}.composer-preview .hint{min-width:125px;font-size:10px}.chat-voice{width:min(270px,100%);height:48px}.voice-recording{font-size:12px;color:#ff8b98}.bubble audio{max-width:100%}body[data-density=compact] .social-post-head{padding-top:12px;padding-bottom:10px}body[data-density=compact] .social-post{margin-bottom:12px}body[data-density=compact] .post-content{padding-bottom:12px}
@keyframes tools-enter{from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}@keyframes recording-pulse{50%{opacity:.5}}@media(max-width:360px){.friends-avatar .avatar{width:70px;height:70px}.friends-person-name{font-size:16px}.composer-controls{gap:3px}.composer-icon{width:27px;font-size:23px}#chatForm.chat-composer{padding-left:7px;padding-right:7px}.friends-tabs button{font-size:11px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){.chat-plus-menu,.chat-emoji-picker,.recording{animation:none!important}}

/* Blue / sky visual system. Existing app structure and small Post fan are retained. */
:root{color-scheme:dark;--bg:#071321;--panel:#0c1e31;--line:#29485f;--text:#eaf5ff;--muted:#8faec7;--mint:#79d4ff;--purple:#5fafff;--aura:#4bafff}
body{background:radial-gradient(ellipse at 10% 0,#174b742b,transparent 46%),radial-gradient(ellipse at 95% 45%,#256b8a15,transparent 48%),#071321;background-attachment:fixed}::selection{background:#4ca8ea;color:#071321}.side-caption,.side-note{color:#8aa8c2;border-color:#31506a}.nav button{color:#8fabc3}.nav button:hover{background:#133149;color:#d9f1ff}.nav button.active{background:linear-gradient(100deg,#19456b,#102b43);border-color:#3a789e;color:#9bddff;box-shadow:inset 3px 0 #78ceff}.nav .post-button,.btn:not(.secondary):not(.ghost){background:linear-gradient(125deg,#409ee7,#2778c6);color:#fff;border-color:#8dd9ff66;box-shadow:0 5px 15px #05274835}.btn.secondary{background:#132c42;border-color:#355a75;color:#cce8fb}.btn.ghost{color:#9abbd4}.page-heading h1{color:#edf8ff;text-shadow:none}.eyebrow,.brand b{color:#93d9ff}.feed-heading{border-color:#29445c}.feed-heading::after{background:linear-gradient(90deg,#73ccff,#c4eaff);box-shadow:none}.feed-heading button.feed-header-search,.feed-compact-bar,.inbox-tabs,.messenger-search-box{background:#0c2034;border-color:#2c4b65;color:#b3d3ec}.compact-select select,#priceFilterToggle{color:#bad9ed}.compact-select svg,.feed-header-search svg,.compact-price-control svg{color:#7ec9f4}.price-filter-popover,.social-menu-items{background:#10283d;border-color:#3b617c;box-shadow:0 10px 32px #0007}.input,select.input{background:#0a1b2d;border-color:#31516c;color:#e9f5ff}.input:focus,input:focus,textarea:focus,select:focus{border-color:#72caff;box-shadow:0 0 0 3px #6bbfff14;outline-color:#72caff}
.post,.card,.social-post{background:linear-gradient(145deg,#10273b,#0b1b2c 70%);border:1px solid #31516a;box-shadow:0 5px 20px #020a1433;border-radius:18px}.social-post{isolation:auto}.social-post::before{display:none}.social-post:hover{border-color:#497a9e;box-shadow:0 5px 20px #020a1455}.social-post-head{padding:18px 18px 12px}.social-post .avatar{background:#183751;color:#c5e9ff;border-color:#9ddcff;box-shadow:0 0 0 2px #1f5177}.post-time,.post-group-name,.post-meta-line small{color:#89abc6}.post-intent-label.sell{background:#173c5b;color:#a3ddff;border-color:#316486}.post-intent-label.need{background:#452237;color:#ffb8c4;border-color:#704056}.post-content{padding:0 18px 16px}.post-copy-price{display:flex;align-items:flex-start;gap:14px}.post-copy{flex:1;min-width:0}.post-copy .listing-code{padding:0;margin:0 0 6px;color:#7dabc8;font-size:10px;line-height:1.4;letter-spacing:1px}.post-copy h2{margin:0 0 7px;line-height:1.35;color:#eef8ff}.compact-post-details{color:#b4cbdc}.post-price-area{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none}.social-post .listing-price-box{background:linear-gradient(145deg,#153d59,#102b41);border:1px solid #4b8bb1;color:#b9e8ff;box-shadow:none;border-radius:12px;min-width:94px;padding:11px 12px}.social-post .listing-price-box strong{color:#9ae0ff;font-size:25px;line-height:1.15}.social-post .listing-price-box>span{color:#86aec6;font-size:8px;letter-spacing:1px}.availability-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0!important;padding:4px 9px;border-radius:7px;border:1px solid;font-size:11px!important;line-height:1.4;letter-spacing:0;font-weight:700;white-space:nowrap}.availability-label.available{color:#abdfc9;background:#123a34;border-color:#326656}.availability-label.sold{color:#e8c3c5;background:#3c2a36;border-color:#795461}.availability-control{position:relative;margin:0;display:inline-block}.availability-control summary{width:auto!important;height:auto!important;min-height:25px;list-style:none;cursor:pointer}.availability-control summary::-webkit-details-marker{display:none}.availability-control .social-menu-items{top:calc(100% + 6px);min-width:166px}.availability-control summary>span:last-child{font-size:13px;color:inherit}.listing-album{margin:0 10px 4px}.album-stage{background:#061321;border-color:#29465c;border-radius:12px}.album-count,.album-arrow,.album-expand{background:#071522df;border-color:#4b6d85;color:#e5f6ff}.album-thumbs button{border-color:#2b4a65}.album-thumbs button[aria-checked=true]{border-color:#8bd7ff;box-shadow:0 0 0 1px #8bd7ff44}.social-post-footer{border-color:#294359;margin:0 18px;padding:11px 0;color:#99bed7}.reaction-button{color:#9abbd4}.reaction-button.is-liked{color:#ff7d98}.listing-actions{padding:10px 16px 16px;gap:9px}.listing-actions .social-action{border-radius:11px;font-size:12px;min-height:41px;box-shadow:none}.listing-actions .message-seller{background:#112d44;border-color:#497895;color:#c2e8ff}.listing-actions .start-deal{background:linear-gradient(110deg,#347fcd,#4faee5);border-color:#88d6ff77;color:#fff}.listing-actions:has(.own-post-edit){justify-content:flex-end}.listing-actions .own-post-edit{flex:0 1 auto;width:auto;padding:9px 17px;font-size:11px}.social-post:has(.own-post-edit) .social-post-footer{padding-bottom:8px}
.friends-tabs{border-color:#294b65}.friends-tabs button{background:#0d2438;border-color:#2e506a}.friends-tabs button[aria-selected=true]{background:#18446b;border-color:#6dbce9;color:#bce8ff}.friend-action{background:#18446b;border-color:#528fb4;color:#dbf3ff}.friends-person{border-color:#29475b}.friend-nav-count{background:#62b8ef!important;color:#061a2b!important}.friend-confirm{background:linear-gradient(120deg,#3188d9,#286bab)!important}
#messengerInbox .chat-row{border-color:#1b364a}.chat-row-label strong{color:#dcedfa}.chat-row-label small,.chat-row-meta time{color:#87a5bf}.chat-open #chatPanel,.chat-open #chatMessages{background:#071726}.chat-open #chatPanel>.page-heading{background:#0c2237;border-color:#2b4d67}.chat-open .bubble{background:#122d43;border-color:#2c4f67;color:#d5eafa}.chat-open .bubble.mine{background:linear-gradient(130deg,#245989,#19446d);border-color:#3d79a6;color:#f4faff}.bubble.mine .message-author,.bubble.mine .message-time{color:#a5cce9}.bubble.mine .message-author strong{color:#cde7fa}.bubble .message-time,.message-author{color:#91b7d4}.chat-open #chatForm.chat-composer{background:#0b2033;border-color:#294b65}.chat-open #messageText{background:#16334c;border-color:transparent;color:#edf8ff;box-shadow:none;min-height:44px;font-size:16px}.composer-controls{gap:7px}.composer-icon{color:#84cfff;width:32px;height:42px}.composer-icon svg{width:25px;height:25px}.material-gallery{fill:currentColor;stroke:none}.composer-send{background:#398bd0;color:#fff;box-shadow:none}.composer-send svg{width:23px;height:23px;stroke-width:1.6}.chat-plus-menu,.chat-emoji-picker{background:#122e44;border-color:#3e6988}.chat-plus-menu button{color:#83cfff}.chat-plus-menu span{color:#d8edfa}.chat-open .peer-info-panel,.chat-open #groupSettingsPanel,.profile-menu-drawer{background:#0c2337;border-color:#34556d}.peer-info-shortcuts .social-action,.info-row{background:#122f47;border-color:#365a75;color:#c9e6fa}.peer-info-shortcuts svg,.info-shortcut{color:#a3d9ff}.info-shortcut>span{background:#174063;color:#b4e4ff;border-color:#3a7196}.info-caption{color:#83abc9}.profile-tabs{background:#0c253b;border-color:#2c526e}.profile-tab[aria-selected=true]{background:#1e50762e;color:#b8e7ff}.profile-social-stat strong{color:#dbf1ff}.profile-social-stat{color:#9ebfd6}.gaming-profile,.social-profile,.profile-page .profile-hero{background:#0d2438;border-color:#365a75}.gaming-cover{background-color:#163a58}.profile-name h1{color:#e9f7ff}.gaming-portrait .avatar{border-color:#b2e6ff;box-shadow:0 0 0 4px #0d2438,0 0 0 5px #5483a5}.app-install-banner{background:#0e293f;border-bottom-color:#335774}.app-install-banner strong{color:#e5f5ff}.app-install-banner small{color:#8fb4cf}.app-install-banner .btn{background:#3c8ecd;color:#fff}.fan-icon{background:linear-gradient(140deg,#7fc9ff,#2c79b7);border-color:#b7e6ff;box-shadow:0 0 0 4px #79bcf011,0 6px 18px #04122099}.fan-option.need .fan-icon{background:linear-gradient(140deg,#aae7ff,#4a9fbe);color:#083452;border-color:#d6f4ff;box-shadow:0 0 0 4px #79bcf011,0 6px 18px #04122099}.fan-option strong{color:#e3f5ff;text-shadow:0 2px 5px #071321}.fan-option:focus-visible .fan-icon{outline-color:#a5ddff}
#listingAdminModal .dialog{max-width:460px;max-height:85dvh;overflow:auto;background:#0c2236;border-color:#3d6a8b}#listingAdminModal .page-heading{margin-bottom:12px}.admin-choice-list{display:grid;gap:10px;margin:18px 0}.admin-choice{display:flex;align-items:center;gap:10px;padding:13px 11px;background:#112e46;border:1px solid #335873;border-radius:12px;margin:0;cursor:pointer}.admin-choice:has(input:checked){border-color:#7fd3ff;background:#164267}.admin-choice input{width:17px;height:17px;accent-color:#78ceff;flex:none}.admin-choice .avatar{height:38px;width:38px;border-radius:50%}.admin-choice>div:not(.avatar){min-width:0;flex:1}.admin-choice strong,.admin-choice small{display:block}.admin-choice small{font-size:10px;font-weight:400;color:#99bdd5;margin-top:5px}.admin-choice .verified-mark{width:17px;height:17px}#listingAdminHelp{font-size:12px;color:#a8c7dd}#listingOwnerChoice{font-size:12px}#needAdminSuggestion .btn{font-size:11px}.deal-card,.deal-room .dialog,.deal-room{border-color:#3a5d77}.deal-request-details summary{color:#b4ddf7}
@media(max-width:720px){.social-post{border-radius:16px;margin-bottom:20px}.social-post-head{padding:16px 15px 12px}.post-content{padding:0 15px 14px}.post-copy .listing-code{font-size:9px;margin-bottom:6px}.post-copy h2{font-size:18px}.compact-post-details{font-size:12px;line-height:1.55}.post-copy-price{gap:12px}.post-price-area{gap:7px}.social-post .listing-price-box{min-width:80px;padding:10px}.social-post .listing-price-box strong{font-size:22px}.social-post .listing-price-box>span{font-size:7px}.availability-label{font-size:11px!important;padding:4px 8px}.social-post .social-post-footer{margin:0 15px;padding:10px 0}.listing-actions .social-action{font-size:10px}.bottom{border-color:#3b6687;background:linear-gradient(100deg,#102b43f5,#0d2336f5);box-shadow:0 6px 24px #020a1466}.bottom button{color:#85a8c1}.bottom button.active{color:#9cddff}.bottom button.active:not(.post-button)::after{background:#9cddff;box-shadow:none}.bottom .post-button>span:first-child{background:linear-gradient(135deg,#6fc4ff,#2779c0);border-color:#0d263e;box-shadow:0 0 0 1px #9ddcff88,0 5px 18px #164b7444}.bottom .post-button>span:last-child{color:#b2d4ea}.composer-controls{gap:6px}.composer-icon{width:30px}#chatForm.chat-composer{padding-left:10px;padding-right:10px}}
@media(max-width:360px){.post-copy h2{font-size:17px}.social-post .listing-price-box{min-width:72px;padding:9px}.social-post .listing-price-box strong{font-size:21px}.post-copy-price{gap:9px}.composer-controls{gap:5px}.composer-icon{width:28px}.composer-send{width:38px;height:38px}.composer-controls .input{padding-left:10px;padding-right:8px}.social-post-head .author-name-line .btn{font-size:13px}}

.social-post .availability-control>summary{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:27px!important;min-height:27px;padding:4px 8px;gap:6px;border-radius:7px;line-height:17px}.social-post .availability-control{height:27px;display:inline-block}.social-post .listing-actions:has(.own-post-edit){display:flex;justify-content:flex-end}.social-post .listing-actions .own-post-edit{width:auto;flex:none}.album-thumbs button[aria-pressed=true]{border-color:#8bd7ff;box-shadow:0 0 0 1px #8bd7ff44}

.album-thumbnail[aria-pressed=true]{border-color:#8bd7ff;box-shadow:0 0 0 1px #8bd7ff44}.compact-post-details .detail-chip{background:#163951;border-color:#315d7d;color:#badff5}
.social-post .listing-actions:has(.own-post-edit){display:flex!important;justify-content:flex-end}.social-post .listing-actions .own-post-edit{width:auto;padding:0 16px;border-color:#3c6e91;background:#102e46;color:#c5e9ff;font-size:11px;height:36px;min-height:36px}.social-post .listing-actions .message-seller{background:#112d44;border-color:#497895;color:#c2e8ff;box-shadow:none}.social-post .listing-actions .start-deal{background:linear-gradient(110deg,#347fcd,#4faee5);border-color:#88d6ff77;color:#fff;box-shadow:none}.listing-tag{background:#143752;border-color:#315d7d;color:#badff5}.album-navigation button,.album-nav{background:#0c263c;border-color:#497895;color:#c5e9ff}
.social-post.no-listing-actions .social-post-footer{margin-bottom:0;padding-bottom:13px;border-bottom:0}.social-post.no-listing-actions{padding-bottom:2px}.chat-post-card{display:flex;align-items:center;gap:10px;width:100%;padding:10px;text-align:left;color:#dcefff;background:#0c263b;border:1px solid #3a617c;border-radius:11px;min-width:0;margin-bottom:8px;overflow:hidden}.chat-post-card>img,.chat-post-placeholder{width:56px;height:56px;object-fit:cover;border-radius:7px;flex:none;background:#173e5d}.chat-post-placeholder{display:grid;place-items:center;font-size:26px;color:#83bce2}.chat-post-copy{min-width:0;display:block}.chat-post-copy small,.chat-post-copy strong{display:block;overflow:hidden;text-overflow:ellipsis}.chat-post-copy small{font-size:10px;line-height:1.5;color:#93bedc}.chat-post-copy strong{font-size:12px;line-height:1.45;margin:2px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bubble.mine .chat-post-card{background:#12324a;border-color:#5584a5}.chat-post-card.unavailable{opacity:.7}#chatPostReference{padding-bottom:8px}.chat-post-reference-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#99c7e6;padding:0 3px 4px}.clear-chat-post{border:0;background:none;color:#bedcf1;padding:0;width:28px;height:26px;font-size:20px}#chatPostReference .chat-post-card{margin:0;padding:8px}#chatPostReference .chat-post-card>img,#chatPostReference .chat-post-placeholder{width:43px;height:43px}.crosspost-choice input:disabled{opacity:.5}

/* Mobile usability refinements */
.fan-option.sell .fan-icon{background:linear-gradient(145deg,#38e890,#079b56)!important;border-color:#83ffc2!important;color:#06251b!important;box-shadow:0 0 15px #0cbd6666!important}
.fan-option.need .fan-icon{background:linear-gradient(145deg,#ff6b71,#cd1638)!important;border-color:#ffacaf!important;color:white!important;box-shadow:0 0 15px #ea253f66!important}
/* Extend the banner behind the overlap, without moving profile image, details or bio. */
.social-profile .gaming-cover{height:162px!important;max-height:none!important;margin-bottom:-14px}
/* A unified surface for Posts and Saved, selected state is a border rather than a split color. */
#profileTabs,.profile-tabs{background:#0d2133!important;border-color:#335671!important}
#profileTabs .profile-tab,.profile-tabs .profile-tab{background:transparent!important;color:#b8d3e7!important;box-shadow:none!important;border-radius:14px!important}
#profileTabs .profile-tab[aria-selected=true],.profile-tabs .profile-tab[aria-selected=true]{background:transparent!important;color:#f0fbff!important;border-color:#397e9a!important;box-shadow:inset 0 0 0 1px #397e9a33!important}
#profileTabs .profile-tab[aria-selected=true]:after,.profile-tabs .profile-tab[aria-selected=true]:after{background:#5cc6d3!important;box-shadow:none!important}
#feedOptions .feed-refresh-button{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#a9c9e6;display:grid;place-items:center;padding:6px;cursor:pointer}
#feedOptions .feed-refresh-button:hover{background:#16364f;color:white}
#loadMorePosts{display:block;margin:12px auto 28px;width:min(260px,100%)}
#loadMorePosts[hidden]{display:none!important}
@media(max-width:720px){.social-profile .gaming-cover{height:162px!important}.fan-option .fan-icon{height:54px;width:54px}}
@media(prefers-reduced-motion:reduce){.fan-option,.fan-icon,.gaming-cover{animation:none!important;transition:none!important}}
.profile-skeleton .skeleton-cover,.profile-skeleton .skeleton-avatar,.profile-skeleton .skeleton-line{background:linear-gradient(90deg,#0d1d33 0%,#16304f 50%,#0d1d33 100%);background-size:200% 100%;animation:skeleton-shine 1.2s linear infinite}.profile-skeleton .gaming-profile-body{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:28px}.profile-skeleton .skeleton-avatar{width:120px;height:120px;border-radius:50%;margin-top:-60px;border:4px solid #071223}.profile-skeleton .skeleton-line{height:14px;width:60%;max-width:320px;border-radius:8px}.profile-skeleton .skeleton-name{height:26px;width:45%}.profile-skeleton .skeleton-short{width:30%}@keyframes skeleton-shine{from{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.profile-skeleton *{animation:none!important}}

/* Protected deal steps, secure handover, listing labels, trust badges. Uses the existing sky palette. */
.trust-pill{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 7px 2px 4px;border-radius:999px;border:1px solid;font-size:11px;font-weight:700;line-height:1.2;vertical-align:middle;white-space:nowrap;flex:none;cursor:default}
button.trust-pill{cursor:pointer;min-height:0;height:auto;width:auto;box-shadow:none;margin-top:0;margin-bottom:0;font-family:inherit;letter-spacing:0;text-transform:none}
.trust-pill .social-icon{width:13px;height:13px;display:inline-flex}
.trust-pill .social-icon svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.trust-pill.verified{color:#78f0b4;background:#0d2f24;border-color:#2bd38a66}
.trust-pill.admin{color:#ffd56b;background:#33270b;border-color:#f2c14e80}

.deal-room #dealRoomSummary{max-height:52dvh;overflow:auto;overscroll-behavior:contain}
.deal-progress{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#0a1b2c;display:grid;gap:8px}
.deal-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;counter-reset:step}
.deal-step{display:grid;justify-items:center;gap:3px;position:relative;text-align:center;min-width:0}
.deal-step:not(:first-child)::before{content:'';position:absolute;top:6px;right:50%;width:100%;height:2px;background:#29485f;z-index:0}
.deal-step.done:not(:first-child)::before{background:#2bd38a}
.deal-step-dot{width:14px;height:14px;border-radius:50%;border:2px solid #4b6f8c;background:#071321;position:relative;z-index:1}
.deal-step.done .deal-step-dot{background:#2bd38a;border-color:#2bd38a}
.deal-step.current .deal-step-dot{border-color:var(--mint);box-shadow:0 0 0 3px #79d4ff33}
.deal-step small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.deal-step.done small,.deal-step.current small{color:var(--text)}
.deal-next-step{margin:0;font-size:13px;line-height:1.45;color:var(--text)}
p.hint.deal-next-step{color:var(--mint)}
.deal-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:0;font-size:12px}
.deal-facts dt{color:var(--muted)}
.deal-facts dd{margin:0;overflow-wrap:anywhere;font-weight:600}
.deal-proof-row,.deal-step-actions{display:flex;flex-wrap:wrap;gap:6px}
.deal-step-actions .btn,.deal-proof-row .btn{min-height:38px;padding:8px 12px;font-size:13px}
.handover-box{border:1px solid #3b5a73;border-radius:10px;padding:8px 10px;background:#0c2236}
.handover-box summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:13px;list-style:none}
.handover-box summary::-webkit-details-marker{display:none}
.handover-box summary small{margin-left:auto;color:var(--muted);font-weight:500}
.handover-box summary .social-icon{width:16px;height:16px}
.handover-status{list-style:none;margin:8px 0;padding:0;display:grid;gap:3px;font-size:12px;color:var(--muted)}
.handover-status li::before{content:'○ ';color:#4b6f8c}
.handover-status li.ok{color:var(--text)}
.handover-status li.ok::before{content:'● ';color:#2bd38a}
.handover-box .hint{margin:6px 0 0;font-size:12px}
.deal-system-line{align-self:center;display:flex;gap:8px;align-items:baseline;max-width:92%;padding:5px 10px;border-radius:999px;background:#0f2a40;border:1px solid #29485f;font-size:12px;color:#b8d3e7;text-align:center}
.deal-system-line time{color:var(--muted);font-size:11px;flex:none}

.deal-step-modal{z-index:140}
.deal-room-open #toast{z-index:150}
.deal-step-form{width:min(460px,100%);max-height:88dvh;overflow:auto;display:grid;gap:8px}
.deal-step-form .page-heading{margin:0}
.deal-step-form .page-heading h2{margin:0;font-size:20px;line-height:1.25;flex:1;min-width:0}
.deal-step-form label{font-size:13px;font-weight:600}
.deal-check{display:flex;gap:9px;align-items:flex-start;font-weight:500!important;line-height:1.4;padding:6px 0}
.deal-check input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:#2bd38a}
.deal-step-note{margin:0;padding:8px 10px;border-radius:10px;background:#33270b;border:1px solid #f2c14e55;color:#ffe3a1;font-size:13px}
.secret-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#071321}
.secret-row small{grid-column:1/-1;color:var(--muted)}
.secret-row code{font-size:15px;overflow-wrap:anywhere;user-select:all}
.trust-head{display:flex;align-items:center;gap:10px}

.listing-labels{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}
.listing-label{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid}
.listing-label.updated{color:#9fd8ff;border-color:#4bafff66;background:#0d2a44}
.listing-label.expired{color:#ffc9a8;border-color:#ff8b3c66;background:#3a1d0d}
button.listing-label.add-uid{color:#ffd56b;border-color:#f2c14e80;background:#33270b;cursor:pointer;min-height:0}
.private-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;color:#78f0b4;background:#0d2f24;border:1px solid #2bd38a55;vertical-align:middle}
.chat-safety-note{margin:0 0 6px;padding:8px 10px;border-radius:10px;background:#33270b;border:1px solid #f2c14e55;color:#ffe3a1;font-size:12px;line-height:1.4}
.terms-notice h2{margin-top:18px}
@media(max-width:380px){.deal-step small{font-size:9px}.trust-pill{font-size:10px;padding:1px 6px 1px 3px}}

/* Badges: gold Owner / Admin pill and a blue verified tick, both with a moving shine that typed emoji cannot copy. */
.trust-badges{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:0;border:0;background:none;vertical-align:middle;flex:none;min-height:0;height:auto;width:auto;box-shadow:none;font:inherit;color:inherit;cursor:default}
button.trust-badges{cursor:pointer}
.trust-badges .trust-pill{margin-left:0;position:relative;overflow:hidden}
.verified-tick{position:relative;overflow:hidden;display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;flex:none;background:radial-gradient(circle at 32% 28%,#7fd0ff,#1877f2 58%,#0b57c9);box-shadow:0 0 0 1.5px #071321,0 0 8px #1877f280}
.verified-tick svg{position:relative;z-index:1;width:12px;height:12px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.trust-badges .trust-pill::after,.verified-tick::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#ffffffb3 50%,transparent 70%);transform:translateX(-130%);animation:wm-shine 3.6s ease-in-out infinite;pointer-events:none}
.verified-tick::after{animation-delay:.4s}
@keyframes wm-shine{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
.profile-name h1+.trust-badges .verified-tick,.gaming-profile .trust-badges .verified-tick{width:20px;height:20px}
.gaming-profile .trust-badges .verified-tick svg{width:14px;height:14px}

/* Avatar rings by role (static on small avatars to keep the feed light). */
.avatar.ring-verified{outline:2px solid #3b9dff;outline-offset:1px}
.avatar.ring-admin{outline:2px solid #f2c14e;outline-offset:1px}
.avatar.ring-owner{outline:2px solid #ffb547;outline-offset:1px;box-shadow:0 0 10px #ff9d2e55}

/* Profile picture: a normal circle with a thin ring in the badge colour (no crown, light shadow). */
.gaming-portrait{border-radius:50%!important;padding:3px!important;box-shadow:0 4px 14px #0007!important;background:var(--frame,#3a6d8f)!important}
.gaming-portrait::before,.gaming-portrait::after{content:none!important}
.gaming-portrait>.avatar,.gaming-portrait .avatar img{border-radius:50%!important}
.gaming-portrait>.avatar{border-color:#071321!important}
.gaming-portrait.frame-owner{--frame:#f2b233}
.gaming-portrait.frame-admin{--frame:#8c4cff}
.gaming-portrait.frame-verified{--frame:#1877f2}
.gaming-portrait.frame-member{--frame:#3a6d8f}
.gaming-portrait>.avatar{position:relative;z-index:1}
.gaming-portrait>button,.gaming-portrait .portrait-camera{z-index:2}

/* Taller, Facebook-like cover photo. */
.social-profile .gaming-cover{height:clamp(240px,28vw,340px)!important}
@media(max-width:720px){.social-profile .gaming-cover{height:min(58vw,300px)!important}}

/* Boost next to Share. */
.social-post-footer .boost-button{justify-self:end;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #f2c14e66;background:#33270b;color:#ffd56b;font-weight:700}
.social-post-footer .boost-button .social-icon{width:16px;height:16px}
.boost-label{font-size:12px}
@media(prefers-reduced-motion:reduce){.trust-badges .trust-pill::after,.verified-tick::after{animation:none}}

/* Deal popup, Deals count, deal rows in All chat, Start deal in chat. */
.deal-popup{position:fixed;z-index:160;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);width:min(440px,calc(100% - 24px));display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px 12px 12px 14px;border-radius:16px;background:#0f2a44;border:1px solid #4bafff88;box-shadow:0 12px 32px #000a;animation:wm-drop .25s ease-out}
.deal-popup-copy{display:grid;gap:2px;min-width:0}
.deal-popup-copy strong{font-size:14px}
.deal-popup-copy span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deal-popup .btn{min-height:38px;padding:8px 14px}
.deal-popup-close{padding:6px 10px!important}
@keyframes wm-drop{from{transform:translate(-50%,-14px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.deal-alert-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:#ff4d5e;color:#fff;font-size:11px;font-weight:800;line-height:1;vertical-align:middle}
#mobileNav [data-tab] .deal-alert-count,#desktopNav [data-tab] .deal-alert-count{position:absolute;top:2px;right:18%;margin:0;box-shadow:0 0 0 2px #071321}
#mobileNav [data-tab],#desktopNav [data-tab]{position:relative}
.deal-chat-row .chat-row-label strong{color:#ffd56b}
.chat-start-deal{margin-left:auto;min-height:36px;padding:7px 12px;font-size:13px;white-space:nowrap;flex:none}
.deal-pick{width:100%;justify-content:flex-start;text-align:left}
.deal-direct{display:grid;gap:6px;margin-top:8px}
@media(prefers-reduced-motion:reduce){.deal-popup{animation:none}}
.social-post-footer.has-boost{display:grid!important;grid-template-columns:repeat(3,auto) minmax(0,1fr)!important;align-items:center;column-gap:18px}
.social-post-footer.has-boost .boost-button{justify-self:end;grid-column:4;grid-row:1}

/* Badge levels: Owner gold, Admin purple, Verified blue tick, Not verified grey. */
.trust-pill.staff{color:#e2d2ff;background:#2a1650;border-color:#a06dff99}
.trust-pill.plain{color:#9fb2c8;background:#132233;border-color:#3a5068;font-weight:600}
.trust-badges .trust-pill.plain::after{content:none}
.admin-choice-section{margin:14px 0 6px;font-size:14px;color:var(--text)}
.admin-choice-name{display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.admin-search{margin-bottom:6px}
.deal-id-pick{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:#0a1b2c}
.deal-id-pick img,.deal-id-pick .deal-id-thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;background:#071321}
.deal-id-pick .btn{grid-column:1/-1}
.deal-id-pick strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Sign in / Sign up window and guest buttons on My feed. */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid var(--line);border-radius:14px;margin:12px 0}
.auth-tab{min-height:40px;border-radius:10px;border:0;background:none;color:var(--muted);font-weight:700}
.auth-tab[aria-selected=true]{background:#1e5e8f;color:#fff}
.auth-form{display:grid;gap:6px}
.auth-form label{font-size:13px;font-weight:600}
.auth-method{display:flex;gap:16px;margin-bottom:4px}
.auth-method label{display:flex;align-items:center;gap:6px;font-weight:600}
.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0 8px;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line)}
.auth-help{margin-top:8px}
/* Logged out: Sign in / Sign up sit where Search and Refresh are; after login Search and Refresh come back. */
.guest-auth{display:none;gap:8px;margin-left:auto;align-items:center}
body.logged-out .guest-auth{display:flex}
body.logged-out #openMarketSearch,body.logged-out #feedOptions{display:none!important}
.guest-auth .btn{min-height:40px;padding:8px 16px;white-space:nowrap}
#loginModal{z-index:130}
#loginModal .dialog{max-height:92dvh;overflow:auto}
.auth-field{display:grid;gap:6px}
.auth-field[hidden],#authGoogle[hidden],.auth-tabs[hidden]{display:none}
.auth-link{justify-self:end;background:none;border:0;color:#79d4ff;font-weight:700;padding:4px 0;min-height:0;cursor:pointer}
.auth-intro{margin:0 0 6px}
#verificationModal{z-index:130}
#verificationModal .dialog{max-height:92dvh;overflow:auto}

/* One background colour from top to bottom (like Facebook); no black or lighter blocks in headers and info pages. */
body{background:var(--bg)!important}
.chat-open #chatPanel,.chat-open #chatMessages,.chat-open #chatPanel>.page-heading,.chat-open #groupSettingsPanel,.chat-open .peer-info-panel,.info-nav,.peer-info-panel .info-nav,#groupPostComposer>.info-nav{background:var(--bg)!important}
#groupSettingsPanel .info-row,.peer-info-panel .info-row{padding:16px!important;margin:6px 0;border-radius:12px}
.danger-row{color:#ff8a8a!important}
.info-shortcut>span{font-size:23px}
/* ID ranges: chips are visible; when a range is open the posts use the whole chat area like a feed. */
#groupTools #groupRangeChips{display:flex!important;gap:6px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}
#groupRangeChips .range-chip{flex:none}
.chat-open #chatPanel.group-browsing #groupTools{flex:1;max-height:none;overflow-y:auto;overscroll-behavior:contain}
.chat-open #chatPanel.group-browsing #groupListings{max-height:none;overflow:visible}
.chat-open #chatPanel.group-browsing #chatMessages,.chat-open #chatPanel.group-browsing #chatForm,.chat-open #chatPanel.group-browsing #chatActions{display:none!important}
#chatPanel.group-browsing #groupListings .social-post{margin:12px 0}

/* Boost countdown */
.boost-button.boost-waiting{opacity:.85;color:#9fc3dd!important}
.boost-button.boost-waiting .boost-label{font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap}
.boost-button.boost-waiting svg{display:none}

/* Profile links (Facebook-style rows under the bio) */
.profile-links{display:flex;flex-direction:column;gap:2px;width:100%;box-sizing:border-box;margin:6px 0 0;padding:12px 16px 0;border-top:1px solid #ffffff12;text-align:left;align-self:stretch}
.profile-links-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.profile-links-head strong{font-size:17px;color:#eef6ff}
.profile-links-edit{border:0;background:none;font-size:18px;padding:6px 8px;border-radius:10px;cursor:pointer}
.profile-links-edit:hover,.profile-links-edit:focus-visible{background:#ffffff12}
.profile-link{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 4px;border-radius:10px;text-decoration:none;color:#d8ecff}
.profile-link:hover,.profile-link:focus-visible{background:#ffffff0d}
.profile-link-icon{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#16334c;font-size:15px}
.profile-link-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#7cc4ff}
.profile-links-editor{margin-top:16px}
.profile-link-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:6px;margin:6px 0;align-items:center}
.profile-link-row .input{margin:0}
.profile-link-remove{padding:8px 10px}
@media(max-width:560px){.profile-link-row{grid-template-columns:minmax(0,1fr) auto}.profile-link-row input[type=url]{grid-column:1;grid-row:2}}

/* Chat messages: photo, name and badge on top, the message under them, in a light box (mine on the right).
   Every message shows its time; a date line starts each day (Today / Yesterday / date). */
.chat-open #chatMessages{gap:8px;padding:12px 12px 16px}
#chatMessages>.bubble{position:relative;align-self:flex-start;max-width:min(88%,560px);margin:0;padding:8px 12px 6px;border:1px solid #ffffff10!important;border-radius:16px;background:#ffffff08!important;color:#e8f3ff!important;box-shadow:none;line-height:1.45}
#chatMessages>.bubble.mine{align-self:flex-end;background:#2f86e01c!important;border-color:#4a9be633!important}
#chatMessages>.bubble .message-author{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin:0 0 3px;padding:0;border:0;background:none;color:#d6e8f8;text-align:left}
#chatMessages>.bubble .message-author>.avatar{display:grid;place-items:center;width:28px;height:28px;margin:0;font-size:11px}
#chatMessages>.bubble .message-author>strong{font-size:13px;font-weight:700;color:#d6e8f8}
#chatMessages>.bubble .message-author .trust-badges{margin-left:0}
#chatMessages>.bubble>p,#chatMessages>.bubble>.chat-media,#chatMessages>.bubble>.chat-post-card,#chatMessages>.bubble>audio{margin-left:35px!important}
#chatMessages>.bubble>p{margin:0;font-size:15px;color:inherit!important}
#chatMessages>.bubble>.chat-media{display:block;margin-top:4px;max-width:calc(100% - 35px);border-radius:12px}
#chatMessages>.bubble>.chat-post-card{box-sizing:border-box;width:calc(100% - 35px);max-width:calc(100% - 35px);margin-top:4px;margin-bottom:6px}
#chatMessages>.bubble .message-time{display:block;margin-top:2px;font-size:10px;text-align:right;color:#8ea9c3!important}
#chatMessages>.bubble:has(.social-menu){padding-right:34px}
#chatMessages>.bubble>.social-menu{top:5px;right:3px}
#chatMessages>.bubble.message-removed{background:transparent!important;border:1px dashed #3d5873!important;color:#8ea6bf!important}
.chat-time-divider{align-self:center;margin:12px 0 4px;padding:3px 12px;border-radius:999px;background:#ffffff0a;font-size:11px;font-weight:700;letter-spacing:.2px;color:#9db4ca}

/* Photo editor (chat pictures) */
.composer-file .edit-composer-file{position:absolute;left:4px;bottom:4px;border:0;border-radius:10px;background:#000000b3;color:#fff;font-size:10px;padding:3px 6px}
.photo-editor{position:fixed;inset:0;z-index:160;background:#000;display:flex;flex-direction:column;color:#fff;user-select:none;-webkit-user-select:none}
.photo-editor-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(10px,env(safe-area-inset-top)) 12px 8px}
.photo-editor-top strong{font-size:15px}
.photo-editor-top .btn{min-height:40px;padding:8px 14px}
.photo-editor-stage{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;padding:6px}
.photo-editor-frame{position:relative;line-height:0;touch-action:none}
.photo-editor-frame canvas{display:block;max-width:calc(100vw - 16px);max-height:calc(100dvh - 215px);touch-action:none;cursor:crosshair}
.photo-editor-frame.cropping canvas{cursor:default}
.photo-crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #000a;cursor:move;touch-action:none}
.photo-crop-box[hidden]{display:none}
.photo-crop-handle{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #0a7cff;box-sizing:border-box}
.photo-crop-handle.nw{left:-12px;top:-12px;cursor:nwse-resize}.photo-crop-handle.ne{right:-12px;top:-12px;cursor:nesw-resize}.photo-crop-handle.sw{left:-12px;bottom:-12px;cursor:nesw-resize}.photo-crop-handle.se{right:-12px;bottom:-12px;cursor:nwse-resize}
.photo-editor-options{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;min-height:50px;padding:4px 12px}
.photo-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff66;padding:0}
.photo-swatch.active{border-color:#fff;transform:scale(1.15)}
.photo-size{min-width:38px;height:32px;border-radius:16px;border:1px solid #ffffff55;background:#ffffff14;color:#fff;font-weight:700}
.photo-size.active{background:#0a7cff;border-color:#0a7cff}
.photo-editor-hint{width:100%;text-align:center;font-size:12px;color:#c9d8e6}
.photo-editor-tools{display:flex;justify-content:space-around;gap:4px;padding:8px 8px max(12px,env(safe-area-inset-bottom));border-top:1px solid #ffffff1f}
.photo-editor-tools button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:6px 8px;border:0;border-radius:12px;background:none;color:#d9e8f6;font-size:11px}
.photo-editor-tools button>span{font-size:21px;line-height:1.1}
.photo-editor-tools button.active{background:#ffffff1f;color:#fff}
.photo-editor-tools button.empty{opacity:.35}

/* Profile: one background colour for the whole page - header, name/bio, Posts/Saved row and posts (like Facebook). */
.social-profile,.gaming-profile,.profile-page .profile-hero,.social-profile .gaming-profile-body{background:var(--bg)!important;border-color:transparent!important;box-shadow:none!important}
body #profileTabs,body .profile-tabs{background:var(--bg)!important;border:0!important;border-top:1px solid #ffffff12!important;border-bottom:1px solid #ffffff12!important;border-radius:0!important;box-shadow:none!important}
body #profileTabs .profile-tab[aria-selected=true],body .profile-tabs .profile-tab[aria-selected=true]{border-color:transparent!important;box-shadow:none!important}
/* Chat: photo, name and badge for the other person (private and group); badge next to the name in the private chat header. */
.chat-subtitle{display:flex;align-items:center;min-height:20px;margin-top:1px}
.chat-subtitle[hidden]{display:none}
.chat-subtitle .trust-badges{transform:scale(.85);transform-origin:left center}


/* Post type chooser: Sell · Normal · Need (Normal sits a little higher in the middle). */
.create-fan{width:300px;height:128px}
.fan-option{--fan-x:-96px;width:92px;top:22px}
.fan-option.normal{--fan-x:0px;top:0;animation-delay:.015s}
.fan-option.need{--fan-x:96px}
.fan-option.normal .fan-icon{background:linear-gradient(145deg,#b38cff,#6a3fe0)!important;border-color:#d9c7ff!important;color:#fff!important;box-shadow:0 0 15px #8a5cff66!important}
.post-intent-label.normal{background:#2d2350;color:#d4c4ff;border-color:#5b4a99}
.social-post[data-intent=normal] .post-copy h2{font-size:18px}
/* Template tip under the post form heading */
.post-template-tip{margin:-4px 0 12px;padding:10px 12px;border-radius:12px;background:#12304a;border:1px solid #2c557a;color:#cfe8ff;font-size:13px;line-height:1.5;white-space:pre-line}
/* Feed notice from the Owner */
.site-notice{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border-radius:14px;background:#123150;border:1px solid #2f5f8a;color:#e3f2ff}
.site-notice p{flex:1;margin:0;font-size:13px;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}
.site-notice a{flex:none;color:#7cc4ff;font-weight:700;font-size:13px}
.site-notice-icon{flex:none;font-size:18px}
.site-notice-close{flex:none;border:0;background:none;color:#a9c4dc;font-size:20px;line-height:1;padding:2px 4px;cursor:pointer}
/* Verification custom questions */
#verificationQuestions:empty{display:none}
#verificationQuestions .input{margin-bottom:6px}
/* Dim the page behind the post type chooser so the three options are easy to read. */
body.create-menu-open::after{content:'';position:fixed;inset:0;z-index:140;background:#020a14b3;pointer-events:none;animation:fade-in .15s ease-out both}
@keyframes fade-in{from{opacity:0}to{opacity:1}}

/* Profile: groups the member made */
.profile-groups{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box;margin:6px 0 0;padding:12px 16px 0;border-top:1px solid #ffffff12;text-align:left;align-self:stretch}
.profile-groups-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.profile-groups-head strong{font-size:16px;color:#eef6ff}
.profile-groups-head small{font-size:12px;color:#8ea9c3}
.profile-group{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff10}
.profile-group-logo{flex:none;width:46px!important;height:46px!important;border-radius:12px!important;overflow:hidden;margin:0}
.profile-group-logo img{width:100%;height:100%;object-fit:cover}
.profile-group-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.profile-group-copy strong{font-size:14px;color:#e8f3ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-group-copy small{font-size:12px;color:#8ea9c3}
.profile-group-action{flex:none;min-width:72px;padding:8px 14px}

/* "? Get verified" next to your own name (like the dashed badge on Instagram) */
.verify-prompt{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:3px 10px 3px 3px;border:1px dashed #6fb3ec;border-radius:999px;background:#0f2a44;color:#bfe1ff;font-size:12px;font-weight:700;line-height:1;cursor:pointer;flex:none;vertical-align:middle}
.verify-prompt-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px dashed #8cc8ff;color:#d8eeff;font-size:12px;font-weight:800}
.verify-prompt:hover,.verify-prompt:focus-visible{background:#163a5c;border-style:solid}
.verify-prompt.pending{border-color:#c9a24a;color:#f6dc9a;background:#2c2310}
.verify-prompt.pending .verify-prompt-icon{border-color:transparent;font-size:13px}

/* One ring around a photo: gold Owner, purple Admin, blue Verified (no extra gradient or border rings). */
.avatar.ring-owner{outline:2px solid #f5b342!important;outline-offset:2px!important;box-shadow:none!important}
.avatar.ring-admin{outline:2px solid #9b6bff!important;outline-offset:2px!important;box-shadow:none!important}
.avatar.ring-verified{outline:2px solid #3b9dff!important;outline-offset:2px!important;box-shadow:none!important}
.social-author>.post-avatar-button,.post-avatar-button{padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
.post-avatar-button .avatar{border:0!important;box-shadow:none!important;margin:2px}
/* Messages (toasts) at the top of the screen, short and easy to notice. */
#toast{top:max(12px,env(safe-area-inset-top))!important;bottom:auto!important;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.35;text-align:center;max-width:min(92vw,420px);width:max-content;box-shadow:0 10px 28px #000a;z-index:300!important;animation:toast-drop .18s ease-out}
@keyframes toast-drop{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}
/* ✏️ Edit profile next to Share on the cover */
.profile-cover-edit{position:absolute;right:52px;top:10px;z-index:6;display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid #697cac77;border-radius:11px;background:#09152bdb;color:#e7f2ff;cursor:pointer}
.profile-cover-edit .social-icon{width:18px;height:18px}
#myPosts>.profile-groups .profile-groups-head{display:none}
/* Groups tab on the profile */
#myPosts>.profile-groups{border-top:0;padding:4px 0 0;margin:0}
/* The profile page used to stick out 13px on each side on phones (it could slide sideways and cut the edges). */
@media(max-width:720px){.profile-page #page-profile{margin-left:0!important;margin-right:0!important}}

/* Admin picker for many Admins: the list scrolls, search stays on top, the send button stays visible. */
#listingAdminChoices{max-height:min(52dvh,520px);overflow:auto;margin:12px 0;padding-right:2px;overscroll-behavior:contain}
#listingAdminChoices .admin-search{position:sticky;top:0;z-index:2;margin:0 0 6px;box-shadow:0 6px 12px #0c2236}
#listingAdminChoices .admin-choice[hidden],#listingAdminChoices .admin-choice-section[hidden],.admin-search-empty[hidden]{display:none}
.admin-choice .admin-info{flex:none;width:34px;height:34px;padding:0;border:1px solid #3b6584;border-radius:50%;background:#0f2a42;font-size:15px;cursor:pointer}
.admin-choice .avatar{flex:none}


/* Deal card: people open their profiles */
.deal-person-face{padding:0;border:0;background:none;cursor:pointer;border-radius:50%}
.deal-person-link{padding:0;border:0;background:none;color:#9fd2ff;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.deal-profile-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}
.deal-profile-button{padding:7px 12px;font-size:12px}
/* Profile menu with icons (like Facebook) */
#profileMenuItems .profile-drawer-item{display:flex;align-items:center;gap:14px;padding:12px;font-size:15px;list-style:none}
#profileMenuItems .profile-drawer-item::-webkit-details-marker{display:none}
#profileMenuItems .drawer-icon{flex:none;width:24px;height:24px;color:#cfe4f7}
#profileMenuItems .drawer-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#profileMenuItems .drawer-label{flex:1}
#profileMenuItems .drawer-chevron{flex:none;font-size:18px;color:#8ea9c3;transition:transform .15s}
#profileMenuItems .profile-drawer-group[open] .drawer-chevron{transform:rotate(180deg)}
#profileMenuItems .profile-drawer-group{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;margin:6px 0}
#profileMenuItems .profile-drawer-sub{padding:0 0 6px 18px}
#profileMenuItems .profile-drawer-sub .profile-drawer-item{font-size:14px;padding:10px 12px}

/* Login page: Google first, then email / number */
#loginModal #authGoogle{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0 4px}
#loginModal #authGoogle[hidden]{display:none}
#loginModal .auth-divider{width:100%}
#guestAuth #guestLogin{min-width:96px}
/* Google's button sits in an iframe; on a dark page the browser paints a white box behind it unless the iframe uses the light scheme. */
#googleButton,#googleButton iframe{color-scheme:light}

/* Animated profile ring is back (thin, no crown): a slowly turning ring - blue Verified, purple Admin, gold Owner. */
.gaming-portrait.frame-owner,.gaming-portrait.frame-admin,.gaming-portrait.frame-verified{position:relative;background:none!important;overflow:visible}
.gaming-portrait.frame-owner::before,.gaming-portrait.frame-admin::before,.gaming-portrait.frame-verified::before{content:''!important;position:absolute;inset:0;border-radius:50%;z-index:0;animation:wm-spin 5s linear infinite}
.gaming-portrait.frame-verified::before{background:conic-gradient(#9fdcff,#1877f2,#d6f0ff,#0b57c9,#9fdcff)}
.gaming-portrait.frame-admin::before{background:conic-gradient(#e2ccff,#8c4cff,#f3e8ff,#5b21b6,#e2ccff)}
.gaming-portrait.frame-owner::before{background:conic-gradient(#fff1b8,#f2b233,#fff7d6,#c98612,#fff1b8)}
/* Blue tick: the shine plus a soft glow pulse. */
.verified-tick{animation:wm-tick-glow 2.6s ease-in-out infinite}
@keyframes wm-tick-glow{0%,100%{box-shadow:0 0 0 1.5px #071321,0 0 5px #1877f270}50%{box-shadow:0 0 0 1.5px #071321,0 0 12px #3b9dffcc}}
@media(prefers-reduced-motion:reduce){.gaming-portrait::before,.verified-tick{animation:none!important}}
@keyframes wm-spin{to{transform:rotate(360deg)}}

.admin-discover-toggle{width:100%;margin:12px 0 4px}
.admin-discover{margin-top:6px}
.admin-discover[hidden],.admin-discover-toggle[hidden]{display:none}

/* Admin agreement box on a pending deal */
.admin-agreement{margin:10px 0;padding:12px;border-radius:16px;background:#ffffff08;border:1px solid #3b6584}
.admin-agreement.agreed{border-color:#2bd38a66;background:#0d2f2414}
.admin-agreement-title{display:block;font-size:14px;margin-bottom:8px}
.admin-agreement-person{display:flex;align-items:center;gap:10px}
.admin-agreement-person>.avatar{width:42px;height:42px;flex:none;border-radius:50%;overflow:hidden;margin:0}
.admin-agreement-person>.avatar img{width:100%;height:100%;object-fit:cover}
.admin-agreement-name{flex:1;min-width:0}
.admin-agreement-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.agree-chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#3a2f12;color:#f6dc9a}
.agree-chip.ok{background:#0d3b2a;color:#7ff0b8}
.admin-agreement .action-row{margin-top:8px}

/* Login page: compact and standard (centered logo, short title, icons inside the fields). */
#loginModal .dialog.auth-card{position:relative;width:min(400px,100%);max-width:400px!important;padding:24px 22px 20px!important;border-radius:24px;max-height:94dvh;overflow:auto;box-sizing:border-box}
#loginModal .auth-close{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--line);background:#ffffff08;color:#cfe4f7;font-size:20px;line-height:1;cursor:pointer}
#loginModal .auth-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin:2px 26px 14px}
#loginModal .auth-logo{width:54px!important;height:54px!important;font-size:27px!important;margin:0 0 8px!important;transform:none!important;border-radius:16px!important;box-shadow:0 10px 28px #3b9dff33}
#loginModal #loginTitle{font-size:22px;line-height:1.25;margin:0;overflow-wrap:anywhere}
#loginModal .auth-sub{margin:0;font-size:14px;color:var(--muted)}
#loginModal .auth-sub strong{color:#bfe1ff;font-weight:800;letter-spacing:.3px}
#loginModal .auth-tabs{margin:0 0 12px}
#loginModal #authGoogle{gap:4px;margin:0}
#loginModal #googleStatus{margin:0;font-size:12px}
#loginModal #googleStatus[hidden]{display:none}
#loginModal .auth-divider{margin:10px 0 8px}
#loginModal .auth-form{gap:10px}
#loginModal .auth-form label{font-size:13px;margin:0}
#loginModal .auth-field{gap:5px}
#loginModal .auth-method{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;margin:0;border:1px solid var(--line);border-radius:14px}
#loginModal .auth-method-option{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:10px;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer}
#loginModal .auth-method-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
#loginModal .auth-method-option.is-active{background:#16334c;color:#fff;box-shadow:inset 0 0 0 1px #3b9dff66}
#loginModal .auth-method-option:focus-within{outline:2px solid #79d4ff;outline-offset:1px}
#loginModal .auth-svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#loginModal .auth-input{position:relative}
#loginModal .auth-input>.auth-svg,#loginModal .auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:#8ea9c3;pointer-events:none}
#loginModal .auth-input .input{width:100%;min-height:46px;margin:0;padding-left:44px;border-radius:14px;box-sizing:border-box}
#loginModal .auth-input:has(.auth-eye) .input{padding-right:46px}
#loginModal .auth-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:#8ea9c3;cursor:pointer}
#loginModal .auth-eye[aria-pressed=true]{color:#79d4ff}
#loginModal .auth-link{font-size:13px;margin-top:-4px}
#loginModal #authStatus:empty{display:none}
#loginModal .auth-submit{width:100%;min-height:48px;border-radius:14px;font-size:16px;font-weight:800}
.logged-out #loginModal .dialog.auth-card{padding:24px 22px 20px!important}
@media(max-width:420px){#loginModal .dialog.auth-card{padding:20px 16px 16px!important}}
.admin-agreement-person>.avatar{width:44px!important;height:44px!important;min-width:44px;font-size:15px}
.admin-agreement .admin-info{flex:none;width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid #3b6584;border-radius:50%;background:#0f2a42;font-size:15px;cursor:pointer}
.social-profile .gaming-cover{height:auto!important;aspect-ratio:2/1!important;min-height:0!important;max-height:none!important;margin-bottom:0!important}.social-profile .gaming-cover+.gaming-profile-body{margin-top:0!important}.social-profile .profile-cover-art{object-position:center!important}.crop-dialog #cropPreviewFrame{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.crop-dialog #cropPreviewFrame:active{cursor:grabbing}
.auth-logo-img{display:block;width:72px;height:72px;border-radius:20px;margin:0 auto 10px;object-fit:cover;box-shadow:0 10px 30px #8b3dff55,0 0 0 1px #b57bff44}
/* Default banner: plain colours, and an Add banner button on your own profile */
.gaming-cover.no-cover{background:radial-gradient(ellipse at 20% 10%,#3b1d6e 0%,transparent 60%),radial-gradient(ellipse at 90% 100%,#16406b 0%,transparent 55%),linear-gradient(135deg,#0d1730,#0b1424 60%,#120a26)!important;display:flex;align-items:center;justify-content:center}
.add-banner-button{display:inline-flex;align-items:center;gap:8px;margin-bottom:12%;padding:10px 18px;border-radius:999px;border:1.5px dashed #a891ffaa;background:#0b142499;color:#efe6ff;font:inherit;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);transition:transform .15s,background .15s}
.add-banner-button:hover{background:#1a2440cc}.add-banner-button:active{transform:scale(.97)}
.add-banner-plus{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#a891ff;color:#0b1424;font-size:16px;line-height:1}
#authStatus .auth-create-link{display:inline-flex;margin-top:8px;padding:8px 16px;min-height:0;font-size:14px}
.profile-id-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 2px}
.verified-member-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#1d9bf022;border:1px solid #1d9bf066;color:#7cc4ff;font-size:12px;font-weight:700}
.profile-id-chip{display:inline-flex;align-items:center;padding:3px 10px;min-height:0;border-radius:999px;border:1px solid var(--line,#263247);background:#111a2a;color:var(--muted,#8c9bb3);font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer}
.profile-id-chip:active{transform:scale(.97)}
.notice-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;margin-left:auto;margin-right:6px;border-radius:50%;border:1px solid var(--line,#263247);background:#111a2a;color:var(--text,#f3f6ff);cursor:pointer;flex:none}
.notice-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notice-bell.on-cover{position:absolute;top:12px;right:64px;z-index:3;background:#0b1424cc;backdrop-filter:blur(6px)}
.notice-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e5534b;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center}
.notice-box{max-height:80vh;overflow:auto;text-align:left}.notice-title{font-size:17px}
.notice-row{display:flex;gap:10px;padding:10px;border-radius:12px;background:#111a2a;border:1px solid var(--line,#263247)}.notice-row.unread{border-color:#a891ff88;background:#1a1640}
.notice-row.accepted .notice-text strong{color:#8fe0a0}.notice-row.rejected .notice-text strong{color:#ffb3ae}
.notice-icon{font-size:20px;line-height:1.2}.notice-text{display:grid;gap:3px;min-width:0}.notice-text p{margin:0;font-size:13px;color:#c9d3e6;overflow-wrap:anywhere}.notice-open{justify-self:start;min-height:0!important;padding:5px 12px!important;font-size:13px!important;margin-top:4px}

/* Call buttons in the personal chat header */
.chat-call-btn{flex:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#84cfff;cursor:pointer}
.chat-call-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.chat-call-btn:hover,.chat-call-btn:focus-visible{background:#ffffff12}
.chat-call-btn[hidden]{display:none}
body.call-open{overflow:hidden}
/* Call screen */
.call-screen{position:fixed;inset:0;z-index:220;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#1c4a73,#071321 70%);color:#fff;overflow:hidden}
.call-screen[hidden],.incoming-call[hidden]{display:none}
.call-remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;display:none}
.call-screen.video .call-remote-video{display:block}
.call-local-video{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:108px;height:148px;border-radius:16px;object-fit:cover;background:#0b1b2b;border:2px solid #ffffff55;box-shadow:0 8px 24px #0008;z-index:2;display:none}
.call-local-video.mirror{transform:scaleX(-1)}
.call-screen.video .call-local-video{display:block}
.call-local-video.off{opacity:.25}
.call-info{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 24px}
.call-screen.video.connected .call-info{position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;align-items:flex-start;text-align:left;padding:0;text-shadow:0 1px 6px #000}
.call-screen.video.connected .call-avatar{display:none}
.call-avatar .avatar{width:118px;height:118px;border-radius:50%;overflow:hidden;margin:0 0 10px;font-size:36px}
.call-avatar .avatar img{width:100%;height:100%;object-fit:cover}
.call-info h2,.incoming-card strong{margin:0;font-size:26px}
.call-badge{min-height:22px}
.call-status{margin:0;color:#cfe4f7;font-size:15px}
.call-status[hidden]{display:none}
.call-timer{margin:0;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}
.call-timer[hidden]{display:none}
.call-controls{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:0;right:0;z-index:3;display:flex;justify-content:center;gap:16px;padding:0 12px}
.call-btn{display:flex;flex-direction:column;align-items:center;gap:6px;width:68px;padding:0;border:0;background:none;color:#fff;font-size:12px;cursor:pointer}
.call-btn[hidden]{display:none}
.call-btn svg{width:58px;height:58px;padding:16px;box-sizing:border-box;border-radius:50%;background:#ffffff26;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;backdrop-filter:blur(6px)}
.call-btn[aria-pressed=true] svg{background:#fff;stroke:#0b1b2b}
.call-btn.hangup svg{background:#e5303f}
/* Incoming call */
.incoming-call{position:fixed;inset:0;z-index:230;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 25%,#1c4a73f2,#071321f7 70%);color:#fff;padding:20px}
.incoming-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.incoming-actions{display:flex;gap:70px;margin-top:40px}
.incoming-labels{display:flex;gap:70px;font-size:13px;color:#cfe4f7}.incoming-labels span{width:72px;text-align:center}
.call-round{width:72px;height:72px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px #0008}
.call-round svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.call-round.decline{background:#e5303f}
.call-round.accept{background:#22b35e;animation:call-pulse 1.4s ease-in-out infinite}
@keyframes call-pulse{0%,100%{box-shadow:0 0 0 0 #22b35e88}50%{box-shadow:0 0 0 16px #22b35e00}}
@media(prefers-reduced-motion:reduce){.call-round.accept{animation:none}}
/* Call notes in the chat */
#chatMessages>.bubble.call-note .call-note-text{margin:0 0 0 35px!important;font-weight:700}
#chatMessages>.bubble.call-note.call-missed .call-note-text{color:#ff9a9a!important}
#chatMessages>.bubble.call-note .call-again{margin:6px 0 0 35px;padding:6px 12px;font-size:12px}
/* Report a message */
.report-message-preview{margin:6px 0 10px;padding:10px 12px;border-radius:12px;border:1px solid #ff6b6b55;background:#ff6b6b12}
.report-message-preview strong{font-size:13px}
.report-message-preview p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.report-reasons{display:grid;gap:6px;margin-bottom:8px}
.report-reason{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.report-reason:has(input:checked){border-color:#79d4ff;background:#16334c}
/* Group and deal calls: participant grid */
.call-grid{display:none}
.call-screen.room .call-remote-video{display:none}
.call-screen.room .call-info{position:absolute;top:max(14px,env(safe-area-inset-top));left:16px;right:104px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:1px;align-items:center;text-align:left;padding:0;text-shadow:0 1px 6px #000}
.call-screen.room .call-avatar{grid-row:span 4;align-self:start}
.call-screen.room .call-info>*:not(.call-avatar){grid-column:2}
.call-screen.room .call-badge{display:none}
.call-screen.room .call-timer{font-size:15px}
.call-screen.room .call-local-video{width:76px;height:104px}
.call-screen.room:not(.video) .call-info{right:16px}
.call-screen.room .call-info h2{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.call-room-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;font-size:22px}
.call-people{margin:0;font-size:13px;color:#cfe4f7}
.call-people[hidden]{display:none}
.call-screen.room .call-grid{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 96px);bottom:calc(max(28px,env(safe-area-inset-bottom)) + 96px);left:10px;right:10px;display:grid;gap:8px;grid-template-columns:1fr;grid-auto-rows:1fr;z-index:1}
.call-grid[data-count="3"],.call-grid[data-count="4"],.call-grid[data-count="5"]{grid-template-columns:1fr 1fr}
@media(min-width:760px){.call-grid[data-count="2"]{grid-template-columns:1fr 1fr}}
.call-tile{position:relative;min-height:0;border-radius:18px;overflow:hidden;background:#0d2236;border:1px solid #ffffff1f;display:grid;place-items:center}
.call-tile.connected{border-color:#22b35e88}
.call-tile-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;background:#000}
audio.call-tile-media{display:none!important}
.call-screen.video .call-tile.has-video .call-tile-media{display:block}
.call-tile.has-video .call-tile-face{visibility:hidden}
.call-tile-face .avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;font-size:24px}
.call-tile-face .avatar img{width:100%;height:100%;object-fit:cover}
.call-tile-label{position:absolute;left:10px;right:10px;bottom:8px;display:flex;flex-direction:column;text-shadow:0 1px 4px #000;pointer-events:none}
.call-tile-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.call-tile-state{font-size:12px;color:#cfe4f7}
.call-tile-state:empty{display:none}
/* "Call in progress · Join" bar in a group or deal chat */
.live-call-bar{display:flex;align-items:center;gap:10px;margin:6px 10px;padding:8px 10px;border-radius:14px;background:linear-gradient(90deg,#0f5132,#13693f);color:#fff;border:1px solid #22b35e66}
.live-call-bar[hidden]{display:none}
.live-call-faces{display:flex;padding-left:8px}
.live-call-faces .avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;margin-left:-8px;border:2px solid #13693f;font-size:11px}
.live-call-faces .avatar img{width:100%;height:100%;object-fit:cover}
.live-call-text{flex:1;min-width:0;font-weight:700;font-size:14px}
.live-call-bar button.btn.live-call-join,.room-banner button.btn.room-banner-join,.call-alerts-card button.btn.call-alerts-on{background:#22b35e;color:#fff;border:0;border-radius:999px;padding:8px 16px;font-weight:800;min-height:0;box-shadow:none}
.live-call-join{animation:call-pulse 1.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.live-call-join{animation:none}}
/* Group call started: small bar on top of the screen */
.room-banner{position:fixed;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;z-index:215;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:18px;background:#0b1f33f2;color:#fff;border:1px solid #79d4ff55;box-shadow:0 12px 30px #0009;backdrop-filter:blur(8px)}
.room-banner[hidden]{display:none}
@media(min-width:700px){.room-banner{left:auto;right:16px;width:390px}}
.room-banner-who{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.room-banner-who .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none}
.room-banner-who .avatar img{width:100%;height:100%;object-fit:cover}
.room-banner-who div{display:flex;flex-direction:column;min-width:0}
.room-banner-who strong,.room-banner-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room-banner-who small{color:#cfe4f7}
.room-banner-close{padding:6px 10px;min-height:0;color:#fff}
/* "Turn on call alerts" card in Messages */
.call-alerts-card{display:flex;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;border-radius:14px;background:#12304a;border:1px solid #79d4ff44;color:#fff}
.call-alerts-card[hidden]{display:none}
.call-alerts-card>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.call-alerts-card small{color:#cfe4f7}
.call-alerts-close{padding:6px 10px;min-height:0}
.bottom{transition:transform .25s ease,opacity .25s ease;will-change:transform}body.nav-hidden .bottom{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}@media(max-width:900px){.home-page #page-home .feed-heading{position:sticky;top:0;z-index:20;background:#071321f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-left:-16px;margin-right:-16px;padding:10px 16px 12px;top:env(safe-area-inset-top,0px);box-shadow:0 calc(-1 * env(safe-area-inset-top,0px)) 0 0 #071321}}@media(prefers-reduced-motion:reduce){.bottom{transition:none}}
@media(max-width:900px){body::before{content:'';position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#071321;z-index:190;pointer-events:none}.bottom::after{content:'';position:absolute;left:-10px;right:-10px;top:100%;height:calc(10px + env(safe-area-inset-bottom,0px));background:#071321;pointer-events:none}}
.swipe-back-cue{position:fixed;top:50%;left:6px;z-index:400;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:600 30px/1 system-ui;color:#fff;background:#163a58e6;border:1px solid #73ccff66;box-shadow:0 6px 18px #0008;pointer-events:none;transition:background .15s}.swipe-back-cue.right{left:auto;right:6px}.swipe-back-cue.ready{background:#2a8de0}
.install-step-list li{flex-wrap:wrap}.install-step-pic{flex:0 0 100%;margin:8px 0 4px}.install-step-pic svg{display:block;width:100%;max-width:300px;height:auto;stroke:none;stroke-width:1px}
#installHelp{z-index:250}#installHelp .dialog{max-height:calc(100dvh - 40px);overflow:auto}
/* Messenger-style call screen */
.call-screen:not(.room){background:linear-gradient(180deg,#15327a 0%,#1b2e6e 40%,#181c40 100%)}
.call-top{position:absolute;top:max(14px,env(safe-area-inset-top));left:12px;right:12px;z-index:4;display:flex;justify-content:space-between;pointer-events:none}
.call-top-btn{pointer-events:auto;width:44px;height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer}
.call-top-btn[hidden]{visibility:hidden;display:grid}
.call-top-btn svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.call-screen:not(.room) .call-controls{gap:0;justify-content:space-evenly;padding:0 8px}
.call-screen:not(.room) .call-btn{width:62px}
.call-screen:not(.room) .call-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.call-screen:not(.room) .call-btn svg{width:56px;height:56px;padding:15px;background:#0b0e22e6}
.call-screen:not(.room) .call-btn[aria-pressed=true] svg{background:#fff;stroke:#0b1b2b}
.call-screen:not(.room) .call-btn.hangup svg{background:#e0383e}
.call-screen.remote-video .call-remote-video{display:block}
.call-screen.remote-screen .call-remote-video{object-fit:contain;background:#000}
.call-screen.local-cam .call-local-video{display:block;top:calc(max(14px,env(safe-area-inset-top)) + 52px)}
.call-screen.remote-video.connected .call-info{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 52px);left:18px;align-items:flex-start;text-align:left;padding:0;text-shadow:0 1px 6px #000}
.call-screen.remote-video.connected .call-avatar{display:none}
.call-screen.remote-video .call-info h2{font-size:20px}
/* Small call window */
.call-screen.mini{inset:auto;right:12px;bottom:calc(96px + env(safe-area-inset-bottom));width:116px;height:164px;border-radius:20px;box-shadow:0 12px 32px #000a;border:1px solid #ffffff33;cursor:pointer;z-index:215;justify-content:center}
.call-screen.mini .call-controls,.call-screen.mini .call-top,.call-screen.mini .call-local-video,.call-screen.mini .call-grid,.call-screen.mini .call-badge,.call-screen.mini .call-people{display:none!important}
.call-screen.mini .call-info{position:relative!important;inset:auto!important;align-items:center!important;text-align:center!important;gap:2px;padding:0 6px!important}
.call-screen.mini .call-avatar{display:block!important}.call-screen.mini.remote-video .call-avatar{display:none!important}
.call-screen.mini .call-avatar .avatar{width:56px;height:56px;margin:0 0 4px;font-size:20px}
.call-screen.mini .call-info h2{font-size:13px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.call-screen.mini .call-status,.call-screen.mini .call-timer{font-size:12px}
.call-screen.mini.remote-video .call-info{position:absolute!important;left:0!important;right:0!important;bottom:8px!important;top:auto!important}
.call-screen:not(.room) #callCamera[aria-pressed] svg{background:#0b0e22e6;stroke:#fff}
.group-approval-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.group-approval-row small{display:block;font-size:12px;color:#9fb6cc;margin-top:2px}.group-approval-row input{width:44px;height:24px;flex:none;accent-color:#2a8de0}
.group-request-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e0383e;color:#fff;font-size:12px;margin-right:4px}.group-request-count[hidden]{display:none}
.group-request-row{display:flex;align-items:center;gap:10px;padding:10px 0}.group-request-who{flex:1;min-width:0;display:flex;flex-direction:column}.group-request-who small{color:#9fb6cc;font-size:12px}.group-request-actions{display:flex;gap:6px}.group-request-actions .btn{padding:8px 12px;min-height:0;font-size:13px}
.group-invite-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0 10px;text-align:center}.group-invite-head .avatar{width:72px;height:72px}.group-invite-head small{color:#9fb6cc}
.info-shortcut[hidden],.info-row[hidden]{display:none!important}
#groupApprovalRow.group-approval-row{font-size:15px;font-weight:500;line-height:1.3;color:inherit;text-transform:none;letter-spacing:0;margin:0}#groupApprovalRow .group-approval-row span,#groupApprovalRow>span{font-size:15px;font-weight:500}#groupApprovalRow small{font-weight:400;font-size:12px}
/* Chat info pages, Messenger style */
#groupSettingsPanel,#peerInfoPanel{background:#000!important;color:#fff}
#groupSettingsPanel .info-nav,#peerInfoPanel .info-nav{background:#000!important;border-bottom:0!important}
#groupSettingsPanel .info-nav .btn,#peerInfoPanel .info-nav .btn{border:0!important;background:transparent!important;box-shadow:none!important;font-size:26px;width:44px;height:44px;min-height:0;padding:0;color:#fff}
#groupInfoHero,.peer-info-hero{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0 22px;text-align:center}
#groupInfoHero .avatar,.peer-info-hero>.avatar{width:96px!important;height:96px!important;font-size:34px}
#groupInfoHero h2,.peer-info-hero h2{font-size:26px;font-weight:800;line-height:1.2;margin:0;overflow-wrap:anywhere}
.peer-info-hero .muted{margin:0;color:#b0b3b8}
#groupSettingsPanel .info-shortcuts,#peerInfoPanel .peer-info-shortcuts{display:flex!important;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 0 26px;padding:0;border:0;background:none}
#groupSettingsPanel .info-shortcut,#peerInfoPanel .peer-info-shortcuts>button{display:flex;flex-direction:column;align-items:center;gap:8px;width:72px;padding:0;border:0!important;background:none!important;box-shadow:none!important;color:#e4e6eb!important;font-size:13px;font-weight:500;min-height:0}
#groupSettingsPanel .info-shortcut>i,#peerInfoPanel .peer-info-shortcuts>button>svg,#peerInfoPanel .peer-info-shortcuts>button>span:first-child:not(:only-child){width:48px;height:48px;border-radius:50%;background:#2a2b2e;display:grid;place-items:center;box-sizing:border-box}
#peerInfoPanel .peer-info-shortcuts>button>svg{padding:12px;stroke:#fff}
#groupSettingsPanel .info-shortcut>i svg{width:24px;height:24px}
#groupSettingsPanel .info-shortcut b{font-weight:500}
#groupSettingsPanel .info-caption,#peerInfoPanel .info-caption{font-size:15px!important;font-weight:500;letter-spacing:0!important;text-transform:none!important;color:#b0b3b8!important;margin:22px 0 6px!important}
#groupSettingsPanel .info-row,#peerInfoPanel .info-row{display:flex!important;align-items:center;gap:18px;width:100%;padding:14px 4px!important;border:0!important;border-radius:10px!important;background:none!important;box-shadow:none!important;color:#e4e6eb!important;font-size:17px!important;font-weight:400!important;text-align:left;min-height:0;margin:0!important}
#groupSettingsPanel .info-row:active,#peerInfoPanel .info-row:active{background:#ffffff14!important}
#groupSettingsPanel .info-row>span:last-child:not(.x),#groupSettingsPanel .info-row>span:only-child{margin-left:auto}
#groupSettingsPanel .info-row>i,#peerInfoPanel .info-row>i{flex:none;width:28px;display:grid;place-items:center}
i[data-icon] svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#groupSettingsPanel .danger-row,#peerInfoPanel .danger-row{color:#ff6b6b!important}
#groupApprovalRow.group-approval-row span{flex:1}#groupApprovalRow.group-approval-row small{color:#b0b3b8}
#groupRequestsCount{margin-left:auto}
#peerInfoPanel .hint,#groupSettingsPanel .hint{color:#8a8d91}
#chatPanel:has(#groupSettingsPanel:not([hidden])),#chatPanel:has(#peerInfoPanel:not([hidden])),#groupSettingsPanel>div{background:#000!important}
#groupSettingsPanel .info-row,#peerInfoPanel .info-row{justify-content:flex-start!important}
#groupSettingsPanel .secondary-shortcuts,#groupSettingsPanel .info-shortcuts[hidden],#groupSettingsPanel .info-shortcut[hidden]{display:none!important}
#closePeerInfo,#closeGroupSettings{outline:0!important;box-shadow:none!important;border:0!important;background:none!important}
#peerInfoPanel .peer-info-shortcuts>button svg{color:#fff;stroke:#fff}
#groupSettingsPanel .info-row>span:not(:last-child){margin-left:0}
html body #chatPanel #groupSettingsPanel,html body #chatPanel #peerInfoPanel{background:#000!important}
#chatPanel[data-chat-theme] .bubble.mine{background:var(--chat-accent)!important;border-color:transparent!important;color:#fff!important}
#chatPanel[data-chat-theme] .composer-send{background:var(--chat-accent)!important}
#chatPanel[data-chat-theme] .chat-quick-emoji{color:var(--chat-accent)}
.chat-quick-emoji{flex:none;width:38px;height:38px;padding:0;border:0;background:none;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}.chat-quick-emoji[hidden]{display:none}
#peerInfoPanel .peer-info-shortcuts>button>i,#groupSettingsPanel .info-shortcut>i{width:48px;height:48px;border-radius:50%;background:#2a2b2e;display:grid;place-items:center}
#peerInfoPanel .peer-info-shortcuts>button>i svg{width:24px;height:24px;stroke:#fff}
#groupSettingsPanel .info-shortcuts,#peerInfoPanel .peer-info-shortcuts{gap:6px!important}#groupSettingsPanel .info-shortcut,#peerInfoPanel .peer-info-shortcuts>button{width:64px!important;font-size:12px!important}
.nickname-row .avatar{width:44px!important;height:44px!important;flex:none}.nickname-who{display:flex;flex-direction:column;min-width:0}.nickname-who small{color:#b0b3b8;font-size:13px}
.chat-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0}.chat-color-swatch{aspect-ratio:1;border-radius:50%;border:3px solid transparent;padding:0;cursor:pointer;min-height:0}.chat-color-swatch[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #000 inset}
.chat-emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:8px 0}.chat-emoji-choice{font-size:28px;padding:8px 0;border-radius:14px;border:2px solid transparent;background:#1c1d20;cursor:pointer;min-height:0}.chat-emoji-choice[aria-pressed=true]{border-color:#fff}
.chat-color-swatch:disabled,.chat-emoji-choice:disabled{opacity:.6;cursor:default}.chat-customize-save{width:100%;margin-top:16px}
.pinned-message{padding:12px;border-radius:14px;background:#1c1d20;margin:8px 0}.pinned-head{display:flex;justify-content:space-between;gap:8px}.pinned-head small{color:#8a8d91;font-size:12px}.pinned-message p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.pinned-unpin{margin-top:8px;padding:6px 12px;min-height:0;font-size:13px}
#peerInfoBody>h2{font-size:20px;margin:6px 0 12px}
/* Chat header: (i) button, price range chip, active status, pinned bar */
.chat-info-btn{flex:none;width:40px;height:40px;padding:0;border:0;background:none;color:#84cfff;display:grid;place-items:center;cursor:pointer;border-radius:50%}.chat-info-btn[hidden]{display:none}
.chat-info-btn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.chat-info-btn .dot{fill:currentColor;stroke:none}
#idRangeToggle.chat-range-chip{display:inline-flex;align-items:center;gap:5px;margin-top:3px;padding:2px 9px 2px 3px;min-height:0;height:22px;border-radius:999px;border:1px solid #2d5878;background:linear-gradient(90deg,#103452,#0c2337);color:#cfe9ff;font-size:12px;font-weight:700;letter-spacing:.2px}
#idRangeToggle.chat-range-chip[hidden]{display:none}
#idRangeToggle .range-coin{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#f5b400;color:#3b2a00;font-size:10px;font-weight:900}
#idRangeToggle .range-caret{opacity:.7;font-size:10px}
.chat-presence{display:block;font-size:12px;color:#9fb6cc;line-height:1.2}.chat-presence[hidden]{display:none}.chat-presence.online{color:#31d36b}
.chat-presence.online:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#31d36b;margin-right:5px;vertical-align:1px}
#chatHeaderAvatar{position:relative}#chatHeaderAvatar.is-online:after{content:'';position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#31d36b;border:2px solid #071321}
.chat-pinned-bar{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:0;border-bottom:1px solid #1f3a52;background:#0b1b2bf2;color:#e4eef8;text-align:left;cursor:pointer;min-height:0;border-radius:0}.chat-pinned-bar[hidden]{display:none}
.chat-pinned-bar:before{content:'';align-self:stretch;width:3px;border-radius:3px;background:var(--chat-accent,#2a8de0)}
.chat-pinned-icon{font-size:16px}.chat-pinned-copy{flex:1;min-width:0;display:flex;flex-direction:column}.chat-pinned-copy b{font-size:13px;color:var(--chat-accent,#5fb4ff)}.chat-pinned-copy span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b9cde0}
.chat-pinned-count{font-size:12px;color:#9fb6cc}
#chatMessages .bubble.flash{animation:msg-flash 1.4s ease}@keyframes msg-flash{0%,100%{box-shadow:none}25%,60%{box-shadow:0 0 0 3px var(--chat-accent,#2a8de0)}}
.chat-heading-copy{min-width:0;flex:1}.chat-heading-copy .chat-title-trigger{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-presence{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chatSubtitle .trust-pill.plain{display:none}
@media(max-width:520px){#chatStartDeal.chat-start-deal{width:38px;height:38px;min-height:0;padding:0;border-radius:50%;font-size:0;display:grid;place-items:center}#chatStartDeal.chat-start-deal:before{content:'🤝';font-size:19px}#chatStartDeal[hidden]{display:none}}
.chat-heading-copy{display:flex;flex-direction:column;justify-content:center}.chat-heading-copy>#chatSubtitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Hold a message: reactions and actions */
#chatMessages .bubble{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}#chatMessages .bubble.held{transform:scale(.97);transition:transform .15s;filter:brightness(1.15)}
.message-sheet{position:fixed;inset:0;z-index:260;background:#0008;animation:sheet-fade .15s ease}@keyframes sheet-fade{from{opacity:0}}
.reaction-bar{position:fixed;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:8px 10px;border-radius:999px;background:#2a2b2e;box-shadow:0 10px 30px #000a;animation:pop-in .22s cubic-bezier(.2,1.4,.4,1);max-width:calc(100vw - 20px);flex-wrap:wrap;justify-content:center}
@keyframes pop-in{from{transform:translateX(-50%) scale(.6);opacity:0}}
.reaction-choice{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;font-size:30px;line-height:1;cursor:pointer;min-height:0;transition:transform .12s}.reaction-choice:active,.reaction-choice:hover{transform:scale(1.25)}
.reaction-choice.active{background:#ffffff26}.reaction-choice.more{font-size:24px;color:#fff;background:#3a3b3e}
.message-actions{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:14px 8px max(14px,env(safe-area-inset-bottom));background:#242526;border-radius:18px 18px 0 0;animation:sheet-up .2s ease}@keyframes sheet-up{from{transform:translateY(100%)}}
.message-action{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;padding:6px;border:0;background:none;color:#e4e6eb;font-size:13px;cursor:pointer;min-height:0}.message-action .ma-icon{font-size:24px;line-height:1;color:#5aa9ff}.message-action.danger .ma-icon{color:#ff6b6b}
.delete-choice{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;gap:8px;padding:16px;border-radius:18px;background:#242526;animation:sheet-up .2s ease}.delete-choice strong{text-align:center;margin-bottom:4px}.delete-choice .danger-btn{background:#e0383e;color:#fff;border:0}
.reaction-pill{position:absolute;bottom:-12px;right:10px;padding:2px 7px;min-height:0;height:22px;border-radius:999px;border:2px solid #071321;background:#2a2b2e;color:#fff;font-size:12px;line-height:1;cursor:pointer;z-index:1}.bubble.mine .reaction-pill{right:auto;left:10px}.reaction-pill.mine{background:#1d3d5c}
#chatMessages .bubble:has(.reaction-pill){margin-bottom:18px}
.reaction-bar{width:max-content;flex-wrap:nowrap;overflow-x:auto}
/* Compact chat list: more chats on one screen, photo with online dot and blue tick */
#messengerInbox .chat-row{min-height:0!important;padding:7px 4px!important;gap:12px!important;border-bottom:0!important}
#messengerInbox .chat-row>.avatar{width:50px!important;height:50px!important;flex:none}
#messengerInbox .chat-row{position:relative}#messengerInbox .chat-row.is-online:before{content:'';position:absolute;left:43px;top:46px;width:13px;height:13px;border-radius:50%;background:#31d36b;border:2.5px solid #071321;z-index:1}
#messengerInbox .chat-list-item{position:relative}#messengerInbox .chat-list-item>.social-menu{top:50%!important;transform:translateY(-50%)}#messengerInbox .chat-row-meta{padding-right:30px}
#messengerInbox .chat-row-label strong{font-size:15px}#messengerInbox .chat-row-label small{font-size:13px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#messengerInbox .chat-row-meta{gap:2px!important}#messengerInbox .chat-row-meta time{font-size:11px}
#messengerInbox .inbox-person-name{display:flex;align-items:center;gap:4px;min-width:0}#messengerInbox .inbox-person-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messengerInbox .inbox-person-name .trust-pill{display:none}
.profile-editor-banner{aspect-ratio:2/1!important}
/* Animated mute bell */
.mute-wrap{display:grid;place-items:center}.mute-bell{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.mute-bell .slash{stroke-dasharray:23;stroke-dashoffset:23;transition:stroke-dashoffset .35s ease .1s}.is-muted .mute-bell .slash{stroke-dashoffset:0}
.mute-bell .bell{transform-origin:12px 4px}.bell-ring .mute-bell .bell{animation:bell-ring .6s ease}
@keyframes bell-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(16deg)}40%{transform:rotate(-14deg)}60%{transform:rotate(9deg)}80%{transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.bell-ring .mute-bell .bell{animation:none}.mute-bell .slash{transition:none}}
#page-messages .page-heading h1,#messengerInbox h1{font-size:26px}
#chatMessages.has-chat-bg{background:linear-gradient(#000a,#000a),var(--chat-bg) center/cover no-repeat fixed!important}
.chat-bg-preview{height:120px;border-radius:14px;background:#1c1d20 center/cover no-repeat;display:grid;place-items:center;color:#8a8d91;font-size:13px;border:1px dashed #3a3b3e}
.chat-bg-actions{display:flex;gap:8px;margin-top:8px}.chat-bg-actions .btn{flex:1;min-height:0;padding:10px}
.chat-group-post-tool[hidden]{display:none}
.group-info-menu-btn{margin-left:auto;width:40px;height:40px;padding:0;border:0;background:none;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.group-info-popover{position:absolute;top:56px;right:14px;z-index:20;min-width:230px;padding:6px 0;border-radius:14px;background:#3a3b3e;box-shadow:0 12px 30px #000c;animation:pop-menu .16s ease}@keyframes pop-menu{from{opacity:0;transform:scale(.95) translateY(-6px)}}
.group-info-popover button{display:block;width:100%;padding:13px 18px;border:0;background:none;color:#e4e6eb;text-align:left;font-size:16px;cursor:pointer;min-height:0}.group-info-popover button:active{background:#ffffff14}
.info-row-text{display:flex;flex-direction:column;min-width:0}.info-row-text small{font-size:13px;color:#b0b3b8;margin-top:1px}
.ellipsis-row .info-row-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admins-only-note{padding:12px 16px;text-align:center;font-size:14px;color:#b9cde0;background:#0b1b2b;border-top:1px solid #1f3a52}.admins-only-note[hidden]{display:none}
#chatForm.composer-locked{display:none!important}
#groupSettingsPanel{position:relative}
.group-info-popover button{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#e4e6eb!important;font-weight:400!important;justify-content:flex-start!important;margin:0!important;height:auto!important}
#groupSettingsPanel .info-row-text,#peerInfoPanel .info-row-text{flex:1;align-items:flex-start;text-align:left}
#groupSettingsPanel .info-row-text>span,#peerInfoPanel .info-row-text>span{font-size:17px!important;font-weight:400!important;color:#e4e6eb!important;text-align:left;max-width:100%}
#groupSettingsPanel .danger-row .info-row-text>span{color:#ff6b6b!important}
html body #chatPanel #groupSettingsPanel>.group-info-popover{background:#3a3b3e!important}
#chatMessages .bubble.held{transform:none!important;filter:none!important}
.held-copy{z-index:1;pointer-events:none;animation:held-in .18s ease;box-shadow:0 10px 30px #000a}@keyframes held-in{from{transform:scale(.96);opacity:.6}}
.pin-only-me{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;background:#2a2b2e;color:#b0b3b8;font-size:12px}
#chatMessages .bubble.held-source{visibility:hidden}
#groupMembers .member-row{display:flex;align-items:center;gap:14px;width:100%;padding:9px 4px;border:0;background:none;color:#e4e6eb;text-align:left;cursor:pointer;min-height:0;border-radius:12px}
#groupMembers .member-row:active{background:#ffffff14}#groupMembers .member-row .avatar{width:48px!important;height:48px!important;flex:none}
.member-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.member-row-text strong{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row-text small{font-size:13px;color:#b0b3b8}
.admin-chip{flex:none;padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,#f5b400,#ff8a00);color:#2b1a00;font-size:12px;font-weight:800}
.member-sheet-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px}.member-sheet-head .avatar{width:64px;height:64px}
#groupInfoMembers>h2{display:none}
#groupMembers .member-row .avatar,.member-sheet-head .avatar{border-radius:50%!important;overflow:hidden}#groupMembers .member-row .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.member-row-text{align-items:flex-start;text-align:left}.member-row-text small{font-size:13px!important;text-align:left}
#groupMembers .member-row-text>small,#groupMembers .member-row-text>strong{margin:0!important;align-self:flex-start;text-align:left!important}
/* @mentions */
.mention-picker{max-height:260px;overflow-y:auto;background:#1c1d20;border-top:1px solid #2f3033;border-radius:16px 16px 0 0;padding:6px 0;animation:sheet-up .18s ease}
.mention-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;border:0;background:none;color:#e4e6eb;text-align:left;cursor:pointer;min-height:0}.mention-row:active,.mention-row:hover{background:#ffffff12}
.mention-row .avatar{width:40px!important;height:40px!important;border-radius:50%;overflow:hidden;flex:none}.mention-row span{display:flex;flex-direction:column}.mention-row strong{font-size:15px;font-weight:500}.mention-row small{font-size:12px;color:#b0b3b8}
.mention-all{width:40px;height:40px;border-radius:50%;display:grid!important;place-items:center;background:linear-gradient(135deg,#2a8de0,#a033ff);color:#fff;font-weight:900;font-size:20px;flex:none}
.bubble .mention{color:#5fb4ff;font-weight:700}.bubble .mention.me{background:#2a8de033;border-radius:6px;padding:0 3px;color:#8ecbff}
.mention-jump{position:absolute;right:16px;bottom:84px;z-index:6;width:44px;height:44px;border-radius:50%;border:0;background:var(--chat-accent,#2a8de0);color:#fff;font-size:22px;font-weight:900;box-shadow:0 6px 18px #0009;cursor:pointer;animation:pop-in-plain .25s cubic-bezier(.2,1.4,.4,1);min-height:0;padding:0}.mention-jump[hidden]{display:none}
.mention-jump[data-count]:not([data-count=""]):after{content:attr(data-count);position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:#e0383e;font-size:11px;display:grid;place-items:center;padding:0 4px}
@keyframes pop-in-plain{from{transform:scale(.4);opacity:0}}
#chatPanel{position:relative}
#messengerInbox .chat-row.has-mention .chat-row-meta:before{content:'@';display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#2a8de0,#a033ff);color:#fff;font-weight:900;font-size:13px;animation:mention-pulse 1.6s ease-in-out infinite;order:2}
@keyframes mention-pulse{0%,100%{box-shadow:0 0 0 0 #2a8de088}50%{box-shadow:0 0 0 6px #2a8de000}}
.mention-popup{position:fixed;left:50%;top:max(10px,env(safe-area-inset-top));transform:translateX(-50%);z-index:300;display:flex;align-items:center;gap:12px;width:min(440px,calc(100% - 20px));padding:12px 14px;border-radius:18px;border:1px solid #2a8de066;background:#151a24f5;color:#fff;box-shadow:0 14px 34px #000c;text-align:left;cursor:pointer;animation:popup-drop .3s cubic-bezier(.2,1.3,.4,1)}
.mention-popup.leaving{opacity:0;transform:translateX(-50%) translateY(-20px);transition:all .4s}@keyframes popup-drop{from{transform:translateX(-50%) translateY(-120%)}}
.mention-popup-icon{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2a8de0,#a033ff);font-size:20px;font-weight:900}
.mention-popup-copy{display:flex;flex-direction:column;min-width:0}.mention-popup-copy b{font-size:14px}.mention-popup-copy small{font-size:13px;color:#b9cde0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(prefers-reduced-motion:reduce){.mention-popup,.mention-jump,#messengerInbox .chat-row.has-mention .chat-row-meta:before{animation:none}}
.invite-box{margin-bottom:6px}.invite-link-row{display:flex;align-items:center;gap:14px;padding:14px 4px;cursor:pointer}.invite-link-copy{flex:1;min-width:0;display:flex;flex-direction:column}.invite-link-copy strong{font-size:17px;font-weight:500;color:#e4e6eb}.invite-link-copy small{font-size:13px;color:#b0b3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.invite-hint{color:#b0b3b8;font-size:14px;margin:0 4px 12px;padding-bottom:14px;border-bottom:1px solid #3a3b3e}
.wm-switch{appearance:none;-webkit-appearance:none;flex:none;width:48px;height:28px;border-radius:999px;background:#3a3b3e;position:relative;cursor:pointer;transition:background .2s;margin:0}.wm-switch:after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}.wm-switch:checked{background:#2a8de0}.wm-switch:checked:after{transform:translateX(20px)}.wm-switch:disabled{opacity:.5}
.invite-empty{text-align:center;color:#b0b3b8;margin:40px 0}
#groupApprovalRow{display:none!important}
.group-info-menu-btn[hidden]{display:none}#groupSettingsPanel .danger-row i[data-icon]{color:#ff5a5f}
#groupSettingsPanel #groupApprovalRow{display:none!important}
/* Compact chat bubbles like Messenger: 8–10 messages on one screen */
#chatMessages{gap:2px!important}
#chatMessages>.bubble{padding:7px 12px!important;margin:1px 0!important;border-radius:18px!important;max-width:80%!important;min-height:0!important;line-height:1.32}
#chatMessages>.bubble.mine{border-radius:18px 18px 6px 18px!important}#chatMessages>.bubble:not(.mine){border-radius:18px 18px 18px 6px!important}
#chatMessages>.bubble.mine .message-author{display:none!important}
#chatMessages>.bubble .message-author{gap:6px!important;margin:0 0 2px!important;font-size:12px!important;min-height:0!important}
#chatMessages>.bubble .message-author .avatar{width:20px!important;height:20px!important;font-size:9px}
#chatMessages>.bubble .message-author .trust-pill{display:none!important}
#chatMessages>.bubble.cont .message-author{display:none!important}
#chatMessages>.bubble.cont{margin-top:0!important}
#chatMessages>.bubble .message-time{float:right;font-size:10px!important;margin:6px 0 -3px 10px!important;opacity:.65;line-height:1}
#chatMessages>.bubble p,#chatMessages>.bubble .chat-text{margin:0!important}
#chatMessages .chat-day-divider,#chatMessages .day-divider{margin:8px auto!important}
.bubble .mention.everyone{font-weight:900}
#chatMessages>.bubble.has-next .message-time{display:none!important}
.composer-expand{display:none!important;font-size:26px!important;font-weight:300}
#chatForm.typing .composer-expand{display:grid!important;place-items:center}
#chatForm.typing #chatPlusButton,#chatForm.typing #chatGalleryButton,#chatForm.typing #chatMicButton,#chatForm.typing .chat-quick-emoji{display:none!important}
#chatForm .composer-controls>*{transition:opacity .15s}
.range-card{display:flex;align-items:center;gap:10px;padding:12px;margin:8px 0;border-radius:14px;background:#14161a;border:1px solid #2a2d33}
.range-card-copy{flex:1;min-width:0;display:flex;flex-direction:column}.range-card-copy strong{font-size:16px}.range-card-copy small{font-size:13px;color:#8fb7d8}
.range-card-tools{display:flex;gap:6px}.range-tool{width:36px;height:36px;padding:0;min-height:0;border-radius:10px;border:1px solid #2f3540;background:#1d2128;color:#e4e6eb;font-size:16px;cursor:pointer}.range-tool:disabled{opacity:.3}.range-tool.danger{color:#ff6b6b}
#idRangeToggle.chat-range-chip{white-space:nowrap;max-width:100%;overflow:hidden}#idRangeToggle.chat-range-chip span{white-space:nowrap}
/* Group ID cards */
.gid-card{margin:10px 0;padding:12px;border-radius:18px;background:linear-gradient(180deg,#121a26,#0d141e);border:1px solid #233246;transition:transform .15s ease;position:relative}
.gid-card.reply-ready{border-color:#2a8de0}.gid-card.reply-ready:before{content:'↩';position:absolute;left:-34px;top:50%;transform:translateY(-50%);font-size:22px;color:#5fb4ff}
.gid-card.sold{opacity:.7}
.gid-head{display:flex;align-items:center;gap:10px}.gid-head .avatar{width:38px!important;height:38px!important;border-radius:50%;overflow:hidden;flex:none}
.gid-who{flex:1;min-width:0;display:flex;flex-direction:column}.gid-who strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gid-who small{font-size:12px;color:#8fa6bd}
.gid-price{flex:none;display:flex;flex-direction:column;align-items:flex-end;padding:6px 12px;border-radius:12px;background:#0f2b45;border:1px solid #2d5d86}.gid-price strong{font-size:20px;color:#9fd5ff;line-height:1}.gid-price small{font-size:9px;letter-spacing:1px;color:#7fa6c6}
.gid-card.sold .gid-price small{color:#ff8a8a}
.gid-media{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 0 0;border-radius:12px;overflow:hidden}.gid-media.single{grid-template-columns:1fr}
.gid-thumb{position:relative;aspect-ratio:1;padding:0;border:0;background:#0a0f16;cursor:pointer;overflow:hidden;min-height:0}.gid-media.single .gid-thumb{aspect-ratio:16/9}
.gid-thumb img,.gid-thumb video{width:100%;height:100%;object-fit:cover;display:block}.gid-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:22px;text-shadow:0 2px 8px #000}
.gid-more{position:absolute;inset:0;display:grid;place-items:center;background:#000a;color:#fff;font-size:20px;font-weight:800}
.gid-details{margin:10px 0 0;font-size:14px;line-height:1.4;color:#d7e3ef;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gid-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.gid-btn{flex:1;min-width:0;padding:8px 10px;min-height:0;border-radius:12px;border:1px solid #2a3a4e;background:#162232;color:#d7e3ef;font-size:13px;font-weight:600;cursor:pointer}.gid-btn.primary{background:#1f6fd1;border-color:#1f6fd1;color:#fff}.gid-btn.more{flex:0 0 40px}
.post-reply-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0f1b29;border-top:1px solid #213549}.post-reply-bar:before{content:'';align-self:stretch;width:3px;border-radius:3px;background:var(--chat-accent,#2a8de0)}
.post-reply-copy{flex:1;min-width:0;display:flex;flex-direction:column}.post-reply-copy strong{font-size:13px;color:#7cc4ff}.post-reply-copy small{font-size:12px;color:#a9bed2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-reply-close{width:30px;height:30px;padding:0;min-height:0;border-radius:50%;border:0;background:#ffffff14;color:#fff;cursor:pointer}
.post-quote{display:block;width:100%;margin:0 0 6px;padding:6px 10px;border:0;border-left:3px solid var(--chat-accent,#2a8de0);border-radius:8px;background:#ffffff12;color:#bcd7ee;font-size:12px;text-align:left;cursor:pointer;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gid-btn{white-space:nowrap}
.link-sheet-url{padding:10px 12px;border-radius:12px;background:#111;color:#8ecbff;font-size:14px;word-break:break-all;user-select:all;-webkit-user-select:all}
/* Photo beside messages from others */
#chatMessages>.bubble:not(.mine){margin-left:36px!important;overflow:visible}
#chatMessages>.bubble>.bubble-avatar{position:absolute;left:-34px;bottom:0;width:28px!important;height:28px!important;border-radius:50%;overflow:hidden;font-size:11px}
#chatMessages>.bubble>.bubble-avatar img{width:100%;height:100%;object-fit:cover}
#chatMessages>.bubble .message-author>.avatar{display:none!important}
#chatMessages>.bubble .message-author .verified-tick{display:inline-grid!important}
/* Held message copy keeps the chat look */
.held-copy{box-sizing:border-box;width:auto!important;padding:7px 12px!important;border-radius:18px!important;line-height:1.32;margin:0!important}
.held-copy.mine .message-author,.held-copy.cont .message-author,.held-copy .bubble-avatar,.held-copy .message-author>.avatar{display:none!important}
.held-copy .message-author{font-size:12px;gap:6px;margin:0 0 2px}.held-copy .message-author .trust-pill{display:none}.held-copy .message-time{float:right;font-size:10px;margin:6px 0 -3px 10px;opacity:.65}
/* Chat list: no ⋮; hold for the menu */
#messengerInbox .chat-list-item>details.social-menu{display:none!important}#messengerInbox .chat-row-meta{padding-right:0!important}
#messengerInbox .chat-list-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#messengerInbox .chat-list-item.pinned-chat .chat-row-meta time:before{content:'📌 ';font-size:10px}
.chat-sheet{position:fixed;left:0;right:0;bottom:0;padding:6px 8px max(12px,env(safe-area-inset-bottom));background:#242526;border-radius:20px 20px 0 0;animation:sheet-up .22s ease;max-height:80dvh;overflow:auto}
.chat-sheet-grip{display:block;width:40px;height:4px;border-radius:2px;background:#5a5b5e;margin:4px auto 8px}
.chat-sheet-head{display:flex;align-items:center;gap:10px;padding:4px 12px 10px;border-bottom:1px solid #3a3b3e;margin-bottom:4px}.chat-sheet-head .avatar{width:36px;height:36px;border-radius:50%;overflow:hidden}.chat-sheet-head strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-sheet-row{display:flex;align-items:center;gap:18px;width:100%;padding:13px 14px;border:0;background:none;color:#e4e6eb;font-size:16px;text-align:left;cursor:pointer;min-height:0;border-radius:12px}.chat-sheet-row:active{background:#ffffff12}
.chat-sheet-row svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.chat-sheet-row.danger{color:#ff6b6b}
/* Bigger profile photo */
.social-profile .gaming-portrait{width:140px!important;height:140px!important}.social-profile .gaming-portrait .avatar{width:132px!important;height:132px!important;font-size:44px}
@media(min-width:721px){.social-profile .gaming-portrait{width:168px!important;height:168px!important}.social-profile .gaming-portrait .avatar{width:160px!important;height:160px!important}}
/* Post photos: big easy arrows in the middle of each side, dots below, swipe still works */
.album-stage .album-nav{width:40px!important;height:40px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);font-size:28px!important;line-height:1!important;background:#05101ccc!important;border:1px solid #ffffff40!important;color:#fff!important;box-shadow:0 4px 14px #0008;z-index:3}
.album-stage .album-prev{left:8px!important}.album-stage .album-next{right:8px!important}
.album-stage .album-nav:active{transform:translateY(-50%) scale(.92)}
.album-dots{display:flex;justify-content:center;gap:6px;margin:8px 0 2px}.album-dots span{width:7px;height:7px;border-radius:50%;background:#ffffff40;transition:all .2s}.album-dots span.on{width:20px;border-radius:4px;background:#5fb4ff}
/* Filters stay under "My feed" while scrolling */
@media(max-width:900px){.home-page #page-home .feed-compact-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--feed-head-h,64px));z-index:19;margin-left:-16px!important;margin-right:-16px!important;padding:0 16px 10px;background:#071321f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:0 8px 14px -10px #000c}
.home-page #page-home .feed-heading{margin-bottom:0!important}}
/* Upgraded navigation icons */
.nav-ico{position:relative;display:grid;place-items:center;width:26px;height:26px}.nav-ico svg{position:absolute;inset:0;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s,transform .25s}
.nav-ico .ni-fill{opacity:0;transform:scale(.7)}.nav-ico .ni-fill .fill{fill:currentColor;stroke:none}.nav-ico .ni-fill .cut{stroke:#071321;stroke-width:2}
#mobileNav button.active .nav-ico .ni-fill,#desktopNav button.active .nav-ico .ni-fill{opacity:1;transform:scale(1)}#mobileNav button.active .nav-ico .ni-line,#desktopNav button.active .nav-ico .ni-line{opacity:0}
#mobileNav button[data-tab]:not(.post-button)>span:first-child{position:relative;display:grid;place-items:center;width:52px;height:30px;border-radius:999px;transition:background .25s}
#mobileNav button.active[data-tab]:not(.post-button)>span:first-child{background:linear-gradient(135deg,#2a8de033,#a033ff2a)}
#mobileNav button.active[data-tab]{color:#7cc4ff}
.nav-photo{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid transparent;box-sizing:border-box}#mobileNav button.active .nav-photo,#desktopNav button.active .nav-photo{border-color:#5fb4ff;box-shadow:0 0 0 2px #071321,0 0 10px #2a8de088}
#mobileNav button.nav-pop>span:first-child{animation:nav-pop .35s cubic-bezier(.2,1.6,.4,1)}@keyframes nav-pop{0%{transform:scale(.8)}100%{transform:scale(1)}}
#mobileNav .post-button>span:first-child{transition:transform .2s}#mobileNav .post-button:active>span:first-child{transform:rotate(90deg) scale(.95)}
@media(prefers-reduced-motion:reduce){#mobileNav button.nav-pop>span:first-child{animation:none}}
/* Friends: sections and Discover */
.friends-section-title{font-size:17px;margin:18px 0 8px}.discover-head{margin-top:22px;padding-top:14px;border-top:1px solid #1f3346}.discover-head .hint{margin:-4px 0 8px}
.discover-person{background:linear-gradient(90deg,#10233a,#0d1724);border-radius:16px;padding:8px;margin:6px 0}
/* Friends page like Facebook */
.fb-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin-bottom:6px;border-bottom:1px solid #1f3346;scrollbar-width:none}
.fb-chip{flex:none;display:flex;align-items:center;gap:8px;padding:10px 16px;min-height:0;border-radius:999px;border:0;background:#1b2a3b;color:#e4e6eb;font-size:15px;font-weight:600;cursor:pointer}.fb-chip.active{background:#2a8de0;color:#fff}
.fb-dot{width:10px;height:10px;border-radius:50%;background:#31d36b;display:inline-block}
.fb-section{display:flex;align-items:baseline;justify-content:space-between;margin:14px 0 6px}.fb-section h2{font-size:21px;margin:0}.fb-red{color:#ff6b6b;margin-left:4px}
.fb-link{border:0;background:none;color:#5fb4ff;font-size:15px;padding:4px 0;min-height:0;cursor:pointer}.fb-sent{display:block;margin:6px 0}
.fb-card{display:flex;gap:14px;align-items:center;padding:10px 0}.fb-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.fb-name{border:0;background:none;color:#e4e6eb;font-size:17px;font-weight:600;text-align:left;padding:0;min-height:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-copy small{color:#b0b3b8;font-size:14px}
.fb-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.fb-btn{min-height:0!important;height:38px;padding:0 10px!important;border-radius:8px!important;border:0!important;background:#3a3b3e!important;color:#e4e6eb!important;font-size:15px!important;font-weight:600!important;cursor:pointer;box-shadow:none!important}.fb-btn.primary{background:#1877f2!important;color:#fff!important}.fb-btn:disabled{opacity:.5}
.fb-face{position:relative;flex:none;width:var(--s);height:var(--s);padding:0;border:0;background:none;border-radius:50%;cursor:pointer;min-height:0}.fb-face .avatar{width:100%!important;height:100%!important;border-radius:50%;overflow:hidden;font-size:calc(var(--s)/3)}.fb-face .avatar img{width:100%;height:100%;object-fit:cover}
.fb-face.online:after{content:'';position:absolute;right:2px;bottom:2px;width:calc(var(--s)/5);height:calc(var(--s)/5);border-radius:50%;background:#31d36b;border:3px solid #071321}
.fb-hr{border:0;border-top:1px solid #1f3346;margin:12px 0}
.fb-subhead{display:flex;align-items:center;gap:12px;margin:0 0 10px}.fb-subhead strong{font-size:21px}.fb-back{border:0;background:none;color:#e4e6eb;font-size:30px;padding:0 6px;min-height:0;cursor:pointer}
.fb-search{border-radius:999px!important;margin-bottom:12px}.fb-count{display:flex;flex-direction:column;margin:4px 0 8px}.fb-count strong{font-size:19px}.fb-count small{color:#b0b3b8}
.fb-friend-row{display:flex;align-items:center;gap:14px;padding:8px 0}.fb-more{border:0;background:none;color:#e4e6eb;font-size:24px;width:40px;height:40px;min-height:0;padding:0;cursor:pointer;border-radius:50%}
/* New group page */
.create-group-page{position:fixed;inset:0;z-index:270;background:#0b0f14;color:#e4e6eb;overflow-y:auto;padding:max(10px,env(safe-area-inset-top)) 16px 30px;animation:sheet-up .22s ease}
.cg-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cg-head strong{flex:1;font-size:19px}.cg-close{border:0;background:none;color:#fff;font-size:22px;width:40px;height:40px;min-height:0;padding:0;cursor:pointer}
.cg-create{border:0;background:none;color:#5fb4ff;font-size:17px;font-weight:700;min-height:0;cursor:pointer}.cg-create:disabled{opacity:.4}
.cg-photo{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0 12px;cursor:pointer}.cg-photo-preview{width:96px;height:96px;border-radius:50%;background:#1d2733 center/cover no-repeat;display:grid;place-items:center;font-size:30px;border:2px dashed #3a4a5c}.cg-photo small{color:#8fa6bd}
.cg-name{font-size:17px;margin-bottom:10px}.cg-search{border-radius:999px!important;margin:8px 0}
.cg-chips{display:flex;flex-wrap:wrap;gap:8px}.cg-chip{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;border:0;background:#1f3346;color:#e4e6eb;min-height:0;cursor:pointer}.cg-chip .avatar{width:26px;height:26px;border-radius:50%;overflow:hidden}.cg-chip b{font-size:12px;opacity:.7}
.cg-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 2px;border:0;background:none;color:#e4e6eb;text-align:left;min-height:0;cursor:pointer;font-size:16px}.cg-row .avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none}.cg-row span{flex:1}
.cg-check{width:24px;height:24px;border-radius:50%;border:2px solid #4a5a6c;display:grid;place-items:center;font-style:normal;font-size:14px}.cg-row.on .cg-check{background:#1877f2;border-color:#1877f2;color:#fff}
.video-optimize{position:fixed;left:50%;top:max(14px,env(safe-area-inset-top));transform:translateX(-50%);z-index:400;width:min(380px,calc(100% - 24px));padding:14px 16px;border-radius:16px;background:#151a24f7;border:1px solid #2a8de066;color:#fff;box-shadow:0 14px 34px #000c;display:grid;gap:8px}
.video-optimize strong{font-size:15px}.video-optimize small{color:#9fb6cc;font-size:12px}.vo-bar{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.vo-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2a8de0,#a033ff);transition:width .2s}
/* App launch: the logo on the same plain colour as the phone's own launch screen, so both look like one screen */
.app-splash{display:none}
@media (display-mode:standalone){.app-splash{display:flex;position:fixed;inset:0;z-index:100000;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#0a0412;transition:opacity .4s ease,visibility .4s}}
.app-splash.done{opacity:0;visibility:hidden}
.app-splash-logo{position:relative;width:min(70vw,320px);aspect-ratio:1000/712;animation:splashGrow .75s cubic-bezier(.22,.8,.25,1) both}
.app-splash-logo img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 10px #a855f740)}
.app-splash-shine{position:absolute;inset:0;-webkit-mask:url(/icons/splash-logo.webp?v=284701b952) center/contain no-repeat;mask:url(/icons/splash-logo.webp?v=284701b952) center/contain no-repeat;background:linear-gradient(110deg,transparent 40%,#ffffffb3 50%,transparent 60%) -150% 0/250% 100% no-repeat;animation:splashShine 1s ease-in-out .5s both}
.app-splash-name{position:absolute;left:0;right:0;top:calc(50% + min(35vw,160px)*.712 + 18px);text-align:center;font-weight:800;font-size:20px;letter-spacing:.22em;color:#f3ecff;animation:splashName .5s ease-out .55s both}
/* Starts at the size of the phone's own launch logo, then grows: no jump between the two screens */
@keyframes splashGrow{0%{transform:scale(.5)}100%{transform:none}}
@keyframes splashShine{to{background-position:150% 0}}
@keyframes splashName{0%{opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.app-splash-logo,.app-splash-shine,.app-splash-name{animation:none}}
.auth-logo-img{border-radius:0!important;box-shadow:none!important;object-fit:contain;filter:drop-shadow(0 6px 18px #a855f766)}
/* Chat photo stacks */
.bubble.stacked-away{display:none!important}
.bubble.has-stack{background:transparent!important;border:0!important;padding:4px 0!important;box-shadow:none!important}
.chat-stack{position:relative;display:block;width:min(62vw,230px);aspect-ratio:4/5;margin:6px 10px 10px;padding:0;border:0;background:none;cursor:pointer}
.chat-stack-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:18px;border:2px solid #0b1424;box-shadow:0 6px 18px #0008;transition:transform .2s}
.chat-stack-photo.layer-0{transform:none;z-index:3}
.chat-stack-photo.layer-1{transform:rotate(-6deg) translate(-6px,4px) scale(.97);z-index:2;filter:brightness(.8)}
.chat-stack-photo.layer-2{transform:rotate(6deg) translate(8px,2px) scale(.95);z-index:1;filter:brightness(.65)}
.chat-stack:active .chat-stack-photo.layer-0{transform:scale(.98)}
.chat-stack-count{position:absolute;z-index:4;right:10px;bottom:10px;padding:3px 10px;border-radius:999px;background:#000a;color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(4px)}
.bubble.mine .chat-stack{margin-left:auto}
.chat-album{position:fixed;inset:0;z-index:200;background:#000;display:flex;flex-direction:column}
.chat-album-track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.chat-album-track::-webkit-scrollbar{display:none}
.chat-album-track figure{flex:0 0 100%;margin:0;scroll-snap-align:center;display:flex;align-items:center;justify-content:center}
.chat-album-track img{max-width:100%;max-height:100%;object-fit:contain}
.chat-album-count{position:absolute;left:50%;transform:translateX(-50%);top:calc(14px + env(safe-area-inset-top));color:#fff;font-weight:700;background:#0008;padding:4px 12px;border-radius:999px}
.chat-album-close{position:absolute;right:14px;top:calc(10px + env(safe-area-inset-top));width:42px;height:42px;border-radius:50%;border:0;background:#fff2;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.member-search{display:flex;align-items:center;gap:8px;margin:4px 0 10px;padding:0 12px;border:1px solid var(--line,#263247);border-radius:999px;background:#111a2a}.member-search .input{border:0;background:transparent;padding:11px 0;margin:0;box-shadow:none}.member-search-icon{opacity:.7}
.kick-btn{background:#73323f!important;border-color:#9b4a57!important;color:#fff!important}
.join-request-bar{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:0;border-bottom:1px solid #ffffff14;background:#1c2233;color:var(--text,#f3f6ff);text-align:left;font:inherit;cursor:pointer}
.join-request-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#e5534b;color:#fff;font-weight:800;font-size:14px}
.join-request-text{display:grid;gap:2px}.join-request-text small{color:var(--muted,#8c9bb3)}.join-request-text strong{font-weight:600}