.w6compose{position:relative;align-items:flex-end}.y8add{height:45px;border:1px solid #d9dde3!important;border-radius:10px!important;background:#fff!important;color:#343b45!important;padding:0 12px!important;font-size:11px;font-weight:900;white-space:nowrap}.y8add span{color:#d9511e;font-size:17px;vertical-align:-1px}.y8picker{position:absolute;left:0;right:0;bottom:53px;z-index:20;max-height:350px;overflow:auto;border:1px solid #dfe3e8;border-radius:14px;background:#fff;box-shadow:0 18px 45px #1118272b;padding:6px}.y8title{display:flex;justify-content:space-between;padding:8px 9px;color:#5f6874;font-size:10px}.y8title b{color:#111827;font-size:12px}.y8picker>button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;border:0;background:#fff;padding:8px;border-radius:9px}.y8picker>button:hover,.y8picker>button.active{background:#f5f7fa}.y8picker img,.y8fallback{width:38px;height:38px;border-radius:50%;object-fit:contain;background:#eef1f5;display:grid;place-items:center;font-size:9px;font-weight:900}.y8picker>button>span:nth-child(2){display:flex;flex-direction:column}.y8picker small{color:#7b8490;font-size:10px}.y8picker em{font-style:normal;color:#d9511e;font-size:10px;font-weight:900}.y8none{padding:25px;text-align:center;color:#737c88;font-size:12px}.w6msg p.y8statMessage{display:block;border-left:4px solid #d9511e;background:linear-gradient(110deg,#fff6f0,#fff);font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#2f3741}@media(max-width:650px){.w6compose{flex-wrap:wrap}.y8add{order:3;width:100%}.y8picker{bottom:104px}.w6compose textarea{min-width:0}}
.y8teamGroup{margin:5px 0 10px;border:1px solid #e7e9ed;border-radius:11px;overflow:hidden}.y8teamGroup h4{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;margin:0;padding:9px 10px;background:#f5f7fa;border-bottom:1px solid #e5e8ec}.y8teamGroup h4 img{width:24px;height:24px;object-fit:contain}.y8teamGroup h4 span{font-size:11px}.y8teamGroup h4 small{margin-left:auto;color:#7b8490;font-size:9px}.y8teamGroup>button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid #f0f1f3;background:#fff;padding:8px}.y8teamGroup>button:last-child{border-bottom:0}.y8teamGroup>button:hover,.y8teamGroup>button.active{background:#fff7f2}.y8teamGroup>button>span:nth-child(2){display:flex;flex-direction:column}.y8teamGroup em{font-style:normal;color:#d9511e;font-size:10px;font-weight:900}/* Live stat picker visual refresh */
.y8add{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;height:38px!important;padding:0 12px!important;border:1px solid #d9e0e7!important;border-radius:11px!important;background:linear-gradient(180deg,#fff,#f6f8fa)!important;color:#25303d!important;box-shadow:0 3px 9px #1720330c!important;transition:border-color .16s,box-shadow .16s,transform .16s!important}.y8add span{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:linear-gradient(135deg,#ed6630,#c94113);color:#fff!important;font-size:15px!important;line-height:1;box-shadow:0 4px 9px #d9511e2e}.y8add:hover{border-color:#e08662!important;background:#fff8f4!important;box-shadow:0 6px 15px #d9511e18!important;transform:translateY(-1px)}.y8add:focus-visible{outline:0;box-shadow:0 0 0 4px #d9511e16!important}.y8picker{left:-7px;right:-7px;bottom:66px;z-index:35;max-height:min(520px,68vh);padding:0 8px 8px;border:1px solid #dce2e9;border-radius:19px;background:linear-gradient(180deg,#fbfcfe,#fff 85px);box-shadow:0 24px 65px #0f172a30,0 4px 14px #0f172a12;scrollbar-color:#bec7d1 transparent;scrollbar-width:thin;overscroll-behavior:contain}.y8picker:after{content:"";position:sticky;display:block;left:25px;bottom:-1px;width:12px;height:12px;margin:-5px 0 -14px 25px;transform:rotate(45deg);background:#fff;border-right:1px solid #dce2e9;border-bottom:1px solid #dce2e9}.y8title{position:sticky;top:0;z-index:6;align-items:center;min-height:55px;margin:0 -8px 8px;padding:10px 14px 10px 48px;border-bottom:1px solid #e5e9ee;background:linear-gradient(135deg,#111925f7,#202c3af5);color:#b9c3d0;backdrop-filter:blur(10px)}.y8title:before{content:"+";position:absolute;left:15px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#ee6a34,#c94013);color:#fff;font-size:18px;font-weight:500;box-shadow:0 5px 12px #d9511e35}.y8title b{display:block;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:17px;letter-spacing:.015em}.y8title b:after{content:"Add a live snapshot to your message";display:block;margin-top:1px;color:#9eabba;font-family:Inter,sans-serif;font-size:8px;font-weight:600;letter-spacing:0}.y8title>span{margin-left:auto;padding:5px 8px;border:1px solid #ffffff15;border-radius:999px;background:#ffffff0a;color:#aeb9c6;font-size:8px;font-weight:800;white-space:nowrap}.y8teamGroup{margin:0 0 12px;border:1px solid #e0e5eb;border-radius:15px;background:#fff;box-shadow:0 5px 16px #1720330a}.y8teamGroup h4{top:55px;z-index:4;min-height:49px;padding:9px 12px;background:linear-gradient(90deg,#f3f6f9,#fbfcfd);border-color:#e2e7ec;backdrop-filter:blur(8px)}.y8teamGroup h4 img{width:30px;height:30px;padding:3px;border-radius:9px;background:#fff;filter:drop-shadow(0 3px 4px #1720331e)}.y8teamGroup h4 span{font-size:12px;font-weight:900;color:#1a2330}.y8teamGroup h4 small{padding:4px 7px;border-radius:999px;background:#e9eef3;color:#697481;font-size:8px;font-weight:900}.y8teamGroup>button{position:relative;grid-template-columns:47px minmax(0,1fr) auto;gap:11px;min-height:61px;padding:8px 11px;border-color:#edf0f3;transition:background .15s,transform .15s,box-shadow .15s}.y8teamGroup>button:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 5px 5px 0;background:transparent}.y8teamGroup>button:hover,.y8teamGroup>button.active{z-index:1;background:linear-gradient(90deg,#fff5ef,#fff);box-shadow:0 4px 13px #d9511e0d;transform:translateX(2px)}.y8teamGroup>button:hover:after,.y8teamGroup>button.active:after{background:#d9511e}.y8picker img,.y8fallback{width:45px;height:45px;padding:3px;border:1px solid #e4e8ed;border-radius:13px;background:linear-gradient(145deg,#f8fafc,#edf1f5);box-shadow:0 3px 8px #1720330b}.y8teamGroup>button>span:nth-child(2) b{overflow:hidden;color:#19222d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.y8picker small{margin-top:3px;color:#687381;font-size:9.5px;font-weight:600}.y8teamGroup em{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid #f0c1ad;border-radius:9px;background:#fff7f3;color:#bd4216;font-size:9px;font-weight:900}.y8teamGroup em:before{content:"+";font-size:13px;line-height:1}.y8teamGroup>button[data-stat-id^="team-"]{background:linear-gradient(90deg,color-mix(in srgb,var(--chat-away) 6%,white),#fff)}.y8teamGroup>button[data-stat-id^="team-"]>span:nth-child(2) b:after{content:"TEAM SNAPSHOT";display:inline-block;margin-left:7px;padding:2px 5px;border-radius:999px;background:#172033;color:#fff;font-size:7px;letter-spacing:.06em;vertical-align:1px}.y8none{margin:20px;padding:30px 15px;border:1px dashed #ccd4dd;border-radius:14px;background:#f8fafc}.w6msg p.y8statMessage{position:relative;padding:12px 14px 12px 45px!important;border:1px solid #efc7b5!important;border-left:4px solid #d9511e!important;border-radius:5px 15px 15px!important;background:linear-gradient(110deg,#fff3ec,#fff 72%)!important;box-shadow:0 7px 18px #d9511e10!important;color:#26313d!important;font-size:15px!important}.w6msg p.y8statMessage:before{content:"LIVE";position:absolute;left:10px;top:12px;padding:3px 5px;border-radius:5px;background:#d9511e;color:#fff;font-family:Inter,sans-serif;font-size:7px;font-weight:900;letter-spacing:.06em}
@media(max-width:650px){.y8add{order:3;width:100%;height:40px!important}.y8picker{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));max-height:75vh;border-radius:19px}.y8picker:after{display:none}.y8title{min-height:58px}.y8title>span{display:none}.y8teamGroup h4{top:58px}.y8teamGroup>button{grid-template-columns:42px minmax(0,1fr) auto;min-height:57px;padding:7px 9px}.y8picker img,.y8fallback{width:40px;height:40px}.y8teamGroup em{padding:6px 7px}.w6msg p.y8statMessage{padding-left:42px!important;font-size:13px!important}}
