.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{overflow-y:auto}.nav-message-count{background:#7350e9!important;border-color:#7350e9!important;color:#fff!important;min-width:18px;text-align:center;font-weight:700!important}.notification-bell{position:relative;width:34px;height:34px;border:1px solid #eae4f2;background:#fff;color:#9683a6}.notification-bell>.icon{width:17px;height:17px}.notification-bell.active{background:#f0e9fd;border-color:#e2d7f6;color:#8255c2}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;border:2px solid #fff;border-radius:10px;background:#8555d3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;line-height:1}.mobile-message-count{display:none}
.messenger-heading .heading-actions{gap:10px}.messenger-layout{display:grid;grid-template-columns:310px minmax(0,1fr);height:calc(100dvh - 270px);min-height:550px;border:1px solid #e6dfef;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #44315f03}.conversations-panel{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #eee7f5;background:#fff}.conversations-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 21px 18px}.conversations-title h2{font-size:14px;font-weight:750;letter-spacing:-.3px;color:#44364f}.conversations-title h2>span{font-size:8px;color:#a78cba;background:#f2ebfb;border-radius:4px;padding:2px 5px;margin-left:5px;vertical-align:middle;font-weight:500}.conversations-title>span{font-size:8px;color:#b3a3c1}.chat-search{display:flex;align-items:center;gap:8px;margin:0 19px;padding:10px 11px;background:#faf8fd;border:1px solid #eee6f5;border-radius:7px;color:#b69fc8}.chat-search>.icon{width:14px;height:14px}.chat-search>input{min-width:0;width:100%;font-size:9px;border:0;outline:0;background:none;color:#80678f}.chat-search>input::placeholder{color:#b6a5c4}.chat-filters{display:flex;align-items:center;gap:6px;padding:16px 18px 14px;border-bottom:1px solid #f0e9f7}.chat-filters>button{font-size:9px;font-weight:600;padding:6px 10px;border-radius:5px;color:#ae97bf;display:flex;align-items:center;gap:6px}.chat-filters>button.active{background:#eee5fc;color:#9b78bd}.chat-filters>button>span{font-size:7px;opacity:.7}.conversations-list{flex:1;min-height:0;overflow:auto}.conversation-row{display:flex;align-items:center;gap:11px;width:100%;min-height:94px;padding:20px 19px;text-align:left;border-bottom:1px solid #f1eaf7;border-left:3px solid transparent;border-radius:0;position:relative}.conversation-row:hover{background:#fcfaff}.conversation-row.selected{background:#f4effd;border-left-color:#9667d6}.conversation-row>.avatar{width:38px;height:38px}.conversation-copy{flex:1;min-width:0}.conversation-copy>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.conversation-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:750;letter-spacing:-.2px;color:#574360}.conversation-copy time{font-size:7px;color:#baa7c8;flex-shrink:0}.conversation-copy>p{font-size:9px;line-height:1.8;color:#a68db7;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:13px}.conversation-copy>p>span{color:#b9a3cb}.conversation-copy>small{display:block;font-size:7px;color:#bbacc5;margin-top:4px}.chat-count{position:absolute;right:19px;bottom:19px;background:#a07acb;color:#fff;border-radius:10px;font-size:7px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 3px #fff}.conversation-row.selected .chat-count{box-shadow:0 0 0 3px #f4effd}.conversations-bottom{font-size:7px;color:#bdabc9;display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 10px;border-top:1px solid #f0e9f7;background:#fff}.conversations-bottom>.icon{width:10px;height:10px}
.conversation{min-width:0;min-height:0;display:flex;flex-direction:column}.conversation-header{height:77px;flex-shrink:0;display:flex;align-items:center;gap:11px;padding:17px 25px;border-bottom:1px solid #eee6f6;background:#fff}.conversation-header>.avatar{width:37px;height:37px}.conversation-header>div{min-width:0}.conversation-header strong{font-size:13px;color:#57415f;font-weight:750;display:block;letter-spacing:-.2px}.conversation-header>div>span{display:block;font-size:9px;color:#b298c2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-header>.icon-button:last-child{margin-left:auto;width:32px;height:32px;border:1px solid #eee3f6;color:#b193c4;flex-shrink:0}.conversation-header>.icon-button>.icon{width:15px;height:15px}.mobile-chat-back{display:none}.conversation-origin{font-size:8px;color:#b99acb;display:flex;align-items:center;gap:7px;padding:10px 25px;background:#fbf8ff;border-bottom:1px solid #f1e9f9;flex-shrink:0}.conversation-origin>.icon{width:12px;height:12px}.conversation-origin>span{font-size:6px;letter-spacing:.5px;border:1px solid #eadcf5;border-radius:3px;padding:2px 5px;margin-left:auto;color:#b59ac7}.chat-history{min-height:0;flex:1;overflow:auto;padding:21px 27px 24px;overscroll-behavior:contain;background-color:#fcfaff;background-image:radial-gradient(#9c76c408 .9px,transparent 1px);background-size:17px 17px}.chat-day{display:flex;justify-content:center;margin:1px 0 21px}.chat-day>span{font-size:7px;padding:4px 10px;background:#f1eaf9;border:1px solid #eadef3;color:#b59bc7;border-radius:5px}.chat-message{display:flex;margin-bottom:12px}.chat-message.outgoing{justify-content:flex-end}.message-bubble{max-width:78%;padding:12px 15px 8px;border:1px solid #e9dff2;background:#fff;border-radius:12px 12px 12px 3px;box-shadow:0 2px 4px #53376603}.message-bubble>p{font-size:12px;line-height:1.85;color:#82668e;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble>time{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:7px;color:#baa2cc;margin-top:5px}.message-bubble time .icon{width:11px;height:11px}.outgoing .message-bubble{background:#8b62c4;border-color:#8b62c4;border-radius:12px 12px 3px 12px;box-shadow:0 3px 8px #8b62c40c}.outgoing .message-bubble>p{color:#fff9ff}.outgoing .message-bubble>time{color:#ddccef}.outgoing .message-bubble>time>span{display:inline-flex}
.chat-composer{display:flex;align-items:flex-end;gap:10px;padding:16px 22px 8px;border-top:1px solid #eee4f7;background:#fff;flex-shrink:0;margin:0}.share-card-message{width:36px;height:36px;margin-bottom:2px;flex-shrink:0;border:1px solid #ebdff4;background:#fff;color:#b194c5}.share-card-message>.icon{width:17px;height:17px}.composer-label{min-width:0;flex:1;display:flex;background:#faf7fd;border:1px solid #efe6f7;border-radius:8px}.composer-label>textarea{display:block;width:100%;min-height:40px;max-height:104px;padding:11px 12px;border:0;outline:0;resize:none;font-family:Manrope,sans-serif;font-size:11px;line-height:1.65;background:none;color:#8a6a9a;overflow-y:auto}.composer-label>textarea::placeholder{color:#baa1cb}.send-message{width:38px;height:38px;margin-bottom:1px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:#9166c9;color:#fff;box-shadow:0 3px 7px #6c459215}.send-message>.icon{width:18px;height:18px}.send-message:hover:not(:disabled){background:#8056b8}.send-message:disabled{background:#e6d9f2;color:#c0a5d5;opacity:1;box-shadow:none}.composer-footnote{padding:0 25px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;font-size:6px;line-height:1.8;color:#c7b1d5}.conversation-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 30px;background:radial-gradient(ellipse at 50% 43%,#faf4ff,#fff 75%);min-width:0}.empty-message-art{width:80px;height:80px;border:1px solid #e6d5f6;background:#f1e6fd;color:#ba96d3;border-radius:20px;transform:rotate(-8deg);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:31px}.empty-message-art>.icon{width:37px;height:37px;transform:rotate(8deg);stroke-width:1.2}.empty-message-art>span{position:absolute;width:17px;height:17px;border:4px solid white;background:#c4d4a8;border-radius:50%;right:-5px;top:-3px}.conversation-empty>.eyebrow{font-size:6px;color:#c0a3d2;letter-spacing:1.5px;margin-bottom:14px}.conversation-empty h2{font-size:27px;letter-spacing:-1px;color:#9674a9;font-weight:650;line-height:1.3}.conversation-empty p{font-size:11px;line-height:1.9;color:#bca0cc;margin:18px 0 25px}.conversation-empty>small{font-size:7px;color:#cdb6d9;margin-top:18px}.chat-list-empty{padding:46px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#bda0cd}.chat-list-empty>.icon{width:25px;height:25px;color:#c7abd7;margin-bottom:18px}.chat-list-empty>strong{font-size:12px;color:#aa86bb;font-weight:650}.chat-list-empty p{font-size:10px;line-height:1.9;margin-top:12px}.chat-list-empty>button{font-size:9px;font-weight:600;color:#a37eb8;margin-top:16px}.chat-first-message{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:270px;padding:25px}.chat-first-message>.avatar{width:63px;height:63px;border:4px solid #fff;box-shadow:0 0 0 1px #e7d9f1;margin-bottom:21px}.chat-first-message h3{font-size:17px;color:#a17bb3;font-weight:650;letter-spacing:-.6px}.chat-first-message p{font-size:10px;line-height:1.9;color:#bea2cc;margin-top:13px}.chat-first-message button{display:flex;align-items:center;gap:7px;font-size:9px;color:#a57cbd;padding:9px 13px;border:1px solid #e5d3f3;background:#f4eafb;border-radius:6px;margin-top:20px}.chat-first-message button>.icon{width:13px;height:13px}
.chat-card-bubble{min-width:230px;max-width:310px;padding:19px 22px 11px;border:1px solid #9f7fc3;background:linear-gradient(135deg,#aa8ad0,#8a69aa);color:#fff9ff;border-radius:13px 13px 3px 13px;box-shadow:0 3px 8px #714c8f0a}.chat-card-label{display:flex;align-items:center;gap:5px;font-size:5px;letter-spacing:1px;opacity:.65;margin-bottom:21px}.chat-card-label>.icon{width:11px;height:11px}.chat-card-bubble>strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.6px;font-weight:700;overflow-wrap:anywhere}.chat-card-bubble>span:not(.chat-card-label){display:block;font-size:9px;margin-top:7px;opacity:.8}.chat-card-bubble>small{display:block;font-size:8px;opacity:.55;margin-top:4px}.chat-card-bubble>button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;font-size:8px;color:#f5e6ff;border-top:1px solid #ffffff30;padding:13px 0 0;margin-top:19px}.chat-card-bubble>button>.icon{width:12px;height:12px}.chat-card-bubble>time{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:6px;opacity:.6;margin-top:8px}.chat-card-bubble>time>.icon{width:10px;height:10px}.new-chat-modal{max-width:500px}.new-chat-caption{font-size:11px;line-height:1.9;color:#b99aca;margin:13px 0 21px}.new-chat-search{margin:0 0 17px;padding:12px}.new-chat-search>input{font-size:11px}.new-chat-person{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:14px 2px;border-bottom:1px solid #f1e8f7}.new-chat-person:hover{background:#fcf9ff}.new-chat-person>.avatar{width:38px;height:38px}.new-chat-person>span{flex:1;min-width:0}.new-chat-person strong{display:block;font-size:11px;color:#a07caa;font-weight:700;letter-spacing:-.1px}.new-chat-person small{display:block;font-size:9px;color:#bda0ce;margin-top:5px;line-height:1.7}.new-chat-person>.icon{width:14px;height:14px;color:#c9aedb}
.notifications-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px}.notifications-surface{overflow:hidden;min-width:0;align-self:start}.notification-filters{display:flex;align-items:center;gap:6px;padding:19px 22px;border-bottom:1px solid #ede3f6;overflow:auto}.notification-filters>button{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:6px;font-size:10px;color:#b69ac9;font-weight:600;white-space:nowrap}.notification-filters>button.active{background:#f1e5fc;color:#aa82c2}.notification-filters>button>span{font-size:7px;padding:1px 4px;background:#e5d6f3;color:#aa88bf;border-radius:4px}.notice-row{display:flex;align-items:center;border-bottom:1px solid #f1e7f8;position:relative;background:#fff}.notice-row:last-child{border:0}.notice-row.unread{background:#fcf8ff}.notice-open{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0;text-align:left;padding:24px}.notice-open>.avatar{width:38px;height:38px;margin-top:3px}.notice-open>div{flex:1;min-width:0}.notice-kind{font-size:5px;letter-spacing:1px;color:#c6a8d5;display:block;margin-bottom:6px}.notice-open strong{font-size:12px;font-weight:700;letter-spacing:-.3px;color:#a47db5;display:block;line-height:1.5;overflow-wrap:anywhere}.notice-open p{font-size:10px;line-height:1.9;color:#bda0cf;margin-top:7px;overflow-wrap:anywhere}.notice-open time{font-size:7px;color:#ccb3d9;display:block;margin-top:10px}.notice-dot{width:5px;height:5px;border-radius:50%;background:#b88dd5;flex-shrink:0;margin-top:8px;margin-left:4px}.notice-read{width:27px;height:27px;flex-shrink:0;margin-right:18px;color:#c7a9d8}.notice-read>.icon{width:14px;height:14px}.notice-symbol{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #ecdcf7;background:#f6ecfd;color:#b99bcb;border-radius:10px;margin-top:3px;flex-shrink:0}.notice-symbol>.icon{width:18px;height:18px}.notice-symbol.events{background:#f5f0e4;border-color:#eee3cc;color:#baa36f}.notice-row.read .notice-open strong{color:#b99bc9}.notice-row.read .notice-open p{color:#cbb1d6}.notifications-empty{min-height:340px;padding:45px 25px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.notifications-empty>.icon{width:33px;height:33px;color:#c9a9da;margin-bottom:23px}.notifications-empty h2{font-size:20px;font-weight:650;letter-spacing:-.6px;color:#b08bc1}.notifications-empty p{font-size:11px;line-height:1.9;color:#c8abd6;margin-top:16px}.notification-aside{min-width:0}.notification-demo{padding:27px 25px;background:linear-gradient(145deg,#f9f1ff,#fff);border-color:#eadff3}.notification-demo-art{display:flex;align-items:center;justify-content:center;width:51px;height:51px;border-radius:14px;transform:rotate(-8deg);background:#f0e0fd;border:1px solid #e8d5f6;color:#ba96ce;margin-bottom:28px}.notification-demo-art>.icon{width:24px;height:24px;transform:rotate(8deg);stroke-width:1.3}.notification-demo>.eyebrow{font-size:6px;letter-spacing:1px;color:#c3a1d3;margin-bottom:14px}.notification-demo h3{font-size:22px;line-height:1.35;letter-spacing:-.8px;font-weight:650;color:#a67fb9}.notification-demo p{font-size:10px;line-height:1.9;color:#bfa0cd;margin:18px 0 23px}.notification-demo>.button{font-size:9px;min-height:40px;background:#fff;border-color:#e9d8f4;color:#b596cb}.notification-demo>small{display:block;text-align:center;font-size:6px;line-height:1.8;color:#cbb0da;margin-top:12px}.notification-preferences{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:18px 5px;text-align:left;font-size:8px;color:#bea0ce}.notification-preferences>.icon{width:13px;height:13px}.notification-preferences>.icon:last-child{margin-left:auto;width:12px}
.notification-settings-modal{max-width:500px}.notification-settings{margin-top:19px}.notification-setting{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #efe3f7;position:relative;cursor:pointer}.notification-setting>.icon{width:19px;height:19px;color:#b69aca;flex-shrink:0}.notification-setting>span{flex:1;min-width:0;padding-right:10px}.notification-setting strong{display:block;font-size:11px;color:#aa85ba;font-weight:650}.notification-setting small{display:block;font-size:9px;line-height:1.8;color:#c6a8d5;margin-top:6px}.notification-setting>input{position:absolute;right:0;width:32px;height:20px;opacity:0;z-index:2;cursor:pointer;margin:0}.notification-setting>i{width:32px;height:19px;border-radius:12px;background:#e0d2ea;flex-shrink:0;padding:3px;position:relative;transition:background .2s}.notification-setting>i:before{content:'';display:block;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #55326622;transition:transform .2s}.notification-setting>input:checked+i{background:#a57cca}.notification-setting>input:checked+i:before{transform:translateX(13px)}.notification-setting>input:focus-visible+i{outline:3px solid #cdb3e4;outline-offset:3px}.browser-notifications{padding:18px;border:1px solid #eddef7;border-radius:9px;background:#fcf7ff;margin:23px 0 25px}.browser-notifications>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#b492c5}.browser-notifications>span>.icon{width:14px;height:14px}.browser-notifications p{font-size:9px;line-height:1.9;color:#c6a7d4;margin-top:12px}.browser-notifications>.button{font-size:9px;color:#b899ca;border-color:#e9d9f5;background:#fff;min-height:37px;margin-top:16px}
/* Primary message and notification content remains readable. */
.conversation-copy strong,.conversation-header strong{color:#51405c}.incoming .message-bubble>p{color:#715b7c}.notice-open strong{color:#765c84}.notice-open p{color:#9d7daa}.notice-row.read .notice-open strong{color:#a586b1}.notice-row.read .notice-open p{color:#b59ac0}.notification-setting strong{color:#9671a8}
@media(min-width:1500px){.messenger-layout{grid-template-columns:340px minmax(0,1fr)}.conversation-row{padding:23px;gap:13px}.conversation-row>.avatar{width:42px;height:42px}.conversation-copy strong{font-size:12px}.conversation-copy>p{font-size:10px}.conversation-copy>small{font-size:8px}.chat-search>input{font-size:10px}.conversation-header{height:82px;padding-left:30px;padding-right:30px}.conversation-header strong{font-size:14px}.conversation-header>div>span{font-size:10px}.message-bubble>p{font-size:13px}.chat-history{padding-left:31px;padding-right:31px}.composer-label>textarea{font-size:12px}.composer-footnote{font-size:7px}.notifications-layout{grid-template-columns:minmax(0,1fr) 330px}.notice-open{padding:28px;gap:16px}.notice-open strong{font-size:14px}.notice-open p{font-size:11px}.notice-kind{font-size:6px}.notice-open time{font-size:8px}.notification-demo{padding:31px 28px}.notification-demo h3{font-size:25px}}
@media(max-width:1190px){.messenger-heading .heading-actions{max-width:215px;flex-wrap:wrap;gap:8px;padding-top:4px}.messenger-heading .heading-actions>.button{font-size:9px}.messenger-layout{grid-template-columns:270px minmax(0,1fr);min-height:540px}.conversations-title{padding:21px 18px 17px}.conversations-title>h2{font-size:13px}.conversations-title>span{font-size:7px}.chat-search{margin:0 16px;padding:9px}.chat-search>input{font-size:8px}.chat-filters{padding:15px 15px 13px}.chat-filters>button{font-size:8px;padding:6px 8px}.conversation-row{padding:18px 16px;gap:9px;min-height:87px}.conversation-row>.avatar{width:35px;height:35px}.conversation-copy strong{font-size:10px}.conversation-copy time{font-size:6px}.conversation-copy>p{font-size:8px}.conversation-copy>small{font-size:6px}.chat-count{right:16px;bottom:18px;font-size:6px;min-width:14px;height:14px}.conversation-header{height:72px;padding:17px 20px;gap:9px}.conversation-header>.avatar{width:33px;height:33px}.conversation-header strong{font-size:12px}.conversation-header>div>span{font-size:8px}.conversation-origin{padding:9px 20px;font-size:7px}.chat-history{padding:18px 21px}.message-bubble{max-width:86%;padding:10px 13px 7px}.message-bubble>p{font-size:11px}.message-bubble>time{font-size:6px}.chat-composer{padding:14px 16px 7px;gap:8px}.composer-label>textarea{font-size:10px;padding:10px}.share-card-message{width:32px;height:34px}.send-message{width:35px;height:35px}.composer-footnote{font-size:5px;padding:0 18px 11px;gap:8px}.conversation-empty h2{font-size:23px}.conversation-empty p{font-size:10px}.notifications-layout{grid-template-columns:minmax(0,1fr) 250px;gap:19px}.notification-filters{padding:16px 17px;gap:4px}.notification-filters>button{font-size:8px;padding:7px 9px}.notice-open{padding:21px 18px;gap:11px}.notice-open>.avatar,.notice-symbol{width:33px;height:33px}.notice-open strong{font-size:11px}.notice-open p{font-size:9px}.notice-kind{font-size:4px}.notice-open time{font-size:6px}.notice-read{margin-right:12px;width:23px;height:23px}.notification-demo{padding:25px 21px}.notification-demo h3{font-size:20px}.notification-demo p{font-size:9px}.notification-demo>.button{font-size:8px}.notification-preferences{font-size:7px}.notifications-heading .heading-actions{max-width:185px;flex-wrap:wrap;gap:8px}.notifications-heading .heading-actions>.button{font-size:9px}}
@media(max-width:960px){.messenger-layout{grid-template-columns:245px minmax(0,1fr)}.messenger-heading .heading-actions{max-width:175px}.messenger-heading p{max-width:285px}.conversations-title{padding:20px 15px 16px}.conversations-title>h2{font-size:12px}.conversations-title>span{font-size:6px}.chat-search{margin:0 13px}.chat-search>input{font-size:7px}.chat-filters{padding:14px 12px 12px}.chat-filters>button{font-size:7px;padding:6px 7px}.conversation-row{padding:17px 12px;gap:7px;min-height:84px}.conversation-row>.avatar{width:31px;height:31px}.conversation-copy strong{font-size:9px}.conversation-copy time{font-size:5px}.conversation-copy>p{font-size:7px}.conversation-copy>small{font-size:5px}.chat-count{right:13px;font-size:5px;min-width:13px;height:13px}.conversations-bottom{font-size:6px}.conversation-header{padding:15px 16px;gap:8px}.conversation-header>.avatar{width:30px;height:30px}.conversation-header strong{font-size:11px}.conversation-header>div>span{font-size:7px}.conversation-header>.icon-button:last-child{width:27px;height:27px}.conversation-origin{font-size:6px;padding:9px 16px;gap:5px}.conversation-origin>.icon{width:10px;height:10px}.conversation-origin>span{font-size:5px;padding:2px 4px}.chat-history{padding:17px 16px}.message-bubble{max-width:92%;padding:10px 12px 7px}.message-bubble>p{font-size:10px}.chat-composer{padding:12px 12px 7px;gap:7px}.share-card-message{width:29px;height:32px}.composer-label>textarea{font-size:9px;min-height:36px}.send-message{width:32px;height:33px}.send-message>.icon{width:15px;height:15px}.composer-footnote{font-size:4px;padding:0 15px 11px;gap:6px}.conversation-empty{padding:30px 17px}.conversation-empty h2{font-size:21px}.conversation-empty p{font-size:9px}.conversation-empty>.eyebrow{font-size:5px;letter-spacing:1.1px}.conversation-empty>.button{font-size:10px}.empty-message-art{width:65px;height:65px;border-radius:16px}.empty-message-art>.icon{width:31px;height:31px}.chat-card-bubble{min-width:194px;max-width:240px;padding:16px 18px 10px}.chat-card-bubble>strong{font-size:16px}.notifications-layout{grid-template-columns:1fr}.notification-aside{display:none}.notification-filters>button{font-size:10px;padding:8px 11px}.notice-open{padding:24px;gap:14px}.notice-open>.avatar,.notice-symbol{width:38px;height:38px}.notice-open strong{font-size:13px}.notice-open p{font-size:11px}.notice-kind{font-size:5px}.notice-open time{font-size:7px}.notice-read{margin-right:19px;width:29px;height:29px}}
@media(max-width:760px){.topbar .city{display:none}.notification-bell{width:30px;height:30px}.notification-bell>.icon{width:16px;height:16px}.notification-badge{font-size:6px;min-width:14px;height:14px;top:-4px;right:-4px}.mobile-nav>button{width:16.666%;position:relative;min-height:43px}.mobile-nav>button>span{font-size:7px;white-space:nowrap}.mobile-message-count{position:absolute;top:-4px;left:calc(50% + 4px);min-width:14px;height:14px;border-radius:9px;background:#a67dce;color:#fff;font-size:6px;font-weight:650;border:2px solid #fff;display:flex;align-items:center;justify-content:center;padding:0 3px}.messenger-content{padding:23px 16px 13px}.messenger-heading{gap:16px;margin-bottom:19px}.messenger-heading h1{font-size:29px}.messenger-heading .eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:9px}.messenger-heading p{font-size:9px;max-width:none;line-height:1.8;margin-top:6px}.messenger-heading .heading-actions{max-width:none;width:100%;flex-wrap:nowrap;padding:0;gap:8px;justify-content:space-between}.messenger-heading .heading-actions>.button{font-size:9px;min-height:36px;padding:9px 12px}.messenger-layout{display:block;min-height:465px;height:calc(100dvh - 300px);border-radius:10px}.conversations-panel{border:0;height:100%}.conversations-title{padding:21px 21px 18px}.conversations-title>h2{font-size:15px}.conversations-title>span{font-size:9px}.conversations-title h2>span{font-size:9px;padding:2px 6px}.chat-search{margin:0 19px;padding:11px 12px;gap:9px}.chat-search>.icon{width:15px;height:15px}.chat-search>input{font-size:10px}.chat-filters{padding:17px 18px 15px;gap:7px}.chat-filters>button{font-size:10px;padding:7px 11px}.chat-filters>button>span{font-size:8px}.conversation-row{padding:20px;gap:12px;min-height:99px}.conversation-row>.avatar{width:43px;height:43px}.conversation-copy strong{font-size:12px}.conversation-copy time{font-size:8px}.conversation-copy>p{font-size:10px;line-height:1.8;margin-top:6px}.conversation-copy>small{font-size:8px;margin-top:5px}.chat-count{right:21px;bottom:20px;font-size:7px;min-width:17px;height:17px}.conversations-bottom{font-size:8px;padding:16px;gap:6px}.conversations-bottom>.icon{width:11px;height:11px}.conversation,.conversation-empty{display:none}.mobile-conversation-open .conversations-panel{display:none}.mobile-conversation-open .conversation{display:flex;height:100%}.messenger-content:has(.mobile-conversation-open){padding:12px 12px 8px}.messenger-content:has(.mobile-conversation-open) .messenger-heading{display:none}.messenger-layout.mobile-conversation-open{height:calc(100dvh - 160px);min-height:300px}.conversation-header{height:66px;padding:13px 14px 13px 8px;gap:9px}.mobile-chat-back{display:flex;color:#bfa1d2;width:29px;height:32px;flex-shrink:0}.mobile-chat-back>.icon{width:18px;height:18px}.conversation-header>.avatar{width:33px;height:33px}.conversation-header>div{flex:1}.conversation-header strong{font-size:12px}.conversation-header>div>span{font-size:8px;margin-top:4px}.conversation-header>.icon-button:last-child{width:30px;height:30px}.conversation-origin{padding:10px 14px;font-size:7px;gap:5px;min-height:34px}.conversation-origin>span{font-size:5px}.chat-history{padding:18px 15px 21px}.chat-day>span{font-size:8px;padding:4px 10px}.message-bubble{max-width:87%;padding:11px 13px 8px}.message-bubble>p{font-size:12px;line-height:1.85}.message-bubble>time{font-size:7px}.chat-composer{padding:13px 12px 7px;gap:8px}.share-card-message{width:33px;height:36px;margin-bottom:1px}.share-card-message>.icon{width:16px;height:16px}.composer-label>textarea{font-size:11px;line-height:1.7;padding:10px 11px;min-height:39px}.send-message{width:36px;height:36px}.send-message>.icon{width:17px;height:17px}.composer-footnote{padding:0 13px 10px;font-size:5px;gap:7px}.composer-footnote>span:first-child{display:none}.composer-footnote>span:last-child{margin-left:auto}.chat-first-message{min-height:260px;padding:25px 16px}.chat-first-message p{font-size:11px}.chat-first-message button{font-size:10px;padding:10px 14px}.chat-list-empty strong{font-size:13px}.chat-list-empty p{font-size:11px}.chat-list-empty>button{font-size:10px}.chat-card-bubble{min-width:216px;max-width:260px;padding:20px 21px 12px}.chat-card-bubble>strong{font-size:19px}.chat-card-bubble>button{font-size:9px}.notifications-heading{gap:18px}.notifications-heading h1{font-size:29px}.notifications-heading .eyebrow{font-size:6px;letter-spacing:1.3px}.notifications-heading p{font-size:9px;line-height:1.9}.notifications-heading .heading-actions{max-width:none;width:100%;flex-wrap:nowrap;padding:0;justify-content:space-between;gap:8px}.notifications-heading .heading-actions>.button{font-size:10px;min-height:39px;padding:10px 13px}.notification-filters{padding:15px 14px;gap:4px}.notification-filters>button{font-size:8px;padding:7px 9px;gap:5px}.notification-filters>button>span{font-size:6px}.notice-open{padding:22px 16px;gap:10px}.notice-open>.avatar,.notice-symbol{width:32px;height:32px}.notice-symbol{border-radius:8px}.notice-symbol>.icon{width:15px;height:15px}.notice-kind{font-size:5px;letter-spacing:.8px}.notice-open strong{font-size:11px;letter-spacing:-.2px}.notice-open p{font-size:10px;line-height:1.9}.notice-open time{font-size:7px;margin-top:11px}.notice-read{margin-right:10px;width:24px;height:24px}.notice-read>.icon{width:12px;height:12px}.notice-dot{width:4px;height:4px;margin-left:2px}.notifications-empty{min-height:330px;padding:40px 20px}.notifications-empty h2{font-size:19px}.notifications-empty p{font-size:10px}.notification-setting{gap:10px;padding:16px 0}.notification-setting>span{padding-right:5px}.notification-setting>.icon{width:17px;height:17px}.browser-notifications{padding:16px;margin-top:22px}.new-chat-caption{font-size:10px}.new-chat-search{margin:0 0 17px;padding:12px}.new-chat-search>input{font-size:11px}.new-chat-person{padding:14px 0;gap:11px}.new-chat-person>.avatar{width:37px;height:37px}.new-chat-person>.icon{width:13px;height:13px}}
@media(max-width:370px){.messenger-content{padding-left:14px;padding-right:14px}.messenger-heading h1,.notifications-heading h1{font-size:27px}.messenger-heading p{font-size:8px}.messenger-heading .heading-actions>.button{font-size:8px;padding:9px 10px;gap:6px}.messenger-heading .heading-actions .icon{width:13px;height:13px}.conversation-row{padding:19px 16px;gap:9px;min-height:95px}.conversation-row>.avatar{width:38px;height:38px}.conversation-copy strong{font-size:11px}.conversation-copy time{font-size:7px}.conversation-copy>p{font-size:9px}.conversation-copy>small{font-size:7px}.chat-count{right:17px;bottom:19px;min-width:15px;height:15px;font-size:6px}.mobile-nav>button>span{font-size:6px}.mobile-nav .icon{width:19px;height:19px}.conversations-title{padding:19px 18px 17px}.conversations-title>h2{font-size:14px}.conversations-title>span{font-size:8px}.chat-search{margin-left:16px;margin-right:16px}.chat-search>input{font-size:9px}.messenger-content:has(.mobile-conversation-open){padding-left:9px;padding-right:9px}.conversation-header{padding-right:11px;gap:7px}.conversation-header strong{font-size:11px}.conversation-header>div>span{font-size:7px}.conversation-header>.avatar{width:29px;height:29px}.conversation-origin{font-size:6px;padding-left:12px;padding-right:12px}.chat-history{padding-left:12px;padding-right:12px}.message-bubble{max-width:91%;padding:10px 12px 7px}.message-bubble>p{font-size:11px}.chat-composer{gap:6px;padding-left:10px;padding-right:10px}.share-card-message{width:30px;height:34px}.composer-label>textarea{font-size:10px;padding-left:9px;padding-right:9px}.send-message{width:33px;height:35px}.notifications-heading .heading-actions>.button{font-size:9px;padding:9px 11px}.notification-filters{padding:14px 10px;gap:1px}.notification-filters>button{font-size:7px;padding:7px 8px}.notice-open{padding:20px 13px;gap:8px}.notice-open>.avatar,.notice-symbol{width:29px;height:29px}.notice-open strong{font-size:10px}.notice-open p{font-size:9px}.notice-kind{font-size:4px}.notice-open time{font-size:6px}.notice-read{width:21px;height:21px;margin-right:7px}.new-chat-person strong{font-size:10px}.new-chat-person small{font-size:8px}.chat-card-bubble{min-width:190px;max-width:236px;padding:18px}.chat-card-bubble>strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.notification-setting>i,.notification-setting>i:before{transition:none}}
/* Functional text uses stronger contrast than decorative labels. */
.notice-open strong{font-size:13px;color:#654872}.notice-open p{font-size:11px;color:#896c94}.notice-row.read .notice-open strong{color:#9678a3}.notice-row.read .notice-open p{color:#a18aad}.notice-open time{color:#b296c2}.notice-kind{color:#b292c3}.notification-demo h3{color:#9670aa}.notification-demo p{color:#ad8fbd}.composer-label>textarea{color:#795589}.notification-setting strong{color:#956ba8}
@media(max-width:760px){.notice-open strong{font-size:12px}.notice-open p{font-size:10px}.notice-row.read .notice-open p{color:#a18aad}}