/* Four full-height scenic backgrounds; controls remain readable. */
html[data-chat-background="bubbles"]{--chat-wallpaper:url("/images/arkaplan/bubbles.webp");--chat-wallpaper-color:#a8ddfb}
html[data-chat-background="sunset"]{--chat-wallpaper:url("/images/arkaplan/sunset.webp");--chat-wallpaper-color:#d6a1b5}
html[data-chat-background="night"]{--chat-wallpaper:url("/images/arkaplan/night.webp");--chat-wallpaper-color:#073266}
html[data-chat-background="nature"]{--chat-wallpaper:url("/images/arkaplan/nature.webp");--chat-wallpaper-color:#9cbd66}
html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app{background:var(--chat-wallpaper-color) var(--chat-wallpaper) center/cover no-repeat!important}
html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app :is(.layout,.chat-panel,#messages){background:transparent!important}
html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app :is(.titlebar,.channel-head,.composer,.desktop-composer-toolbar,.composer-row,.mobile-nav){background:var(--wall-glass)!important}
html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app :is(#rightPanel,.sidebar){background:var(--wall-panel)!important}
html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app #messages :is(.history-page,.admin-announcement-message){background:var(--wall-panel)!important;color:var(--wall-ink)!important}
html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app #messages .system-message{color:var(--wall-ink);text-shadow:0 0 3px #fff,0 0 6px #fff}
html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app #messages .message:not(.self) .message-body{background:var(--wall-panel)!important;color:var(--wall-ink);border-radius:12px}
html[data-chat-background="night"] body #app .titlebar{background:var(--wall-panel)!important}
html[data-message-style="classic"][data-chat-background="night"] body #app #messages{background:var(--wall-panel)!important}
html[data-message-style="standard"][data-chat-background="night"] body #app #messages{background:var(--wall-panel)!important}

html[data-chat-background="bubbles"]{--cz-0053c7:rgba(28,111,171,1);--cz-0066df:rgba(31,125,192,1);--cz-06245f:rgba(14,57,87,1);--cz-063f91:rgba(21,85,130,1);--cz-06458e:rgba(21,83,127,1);--cz-06478f:rgba(21,83,128,1);--cz-07368d:rgba(21,83,127,1);--cz-073b93:rgba(22,86,132,1);--cz-073d8f:rgba(21,84,129,1);--cz-074598:rgba(22,89,137,1);--cz-0753bc:rgba(27,109,168,1);--cz-0756b9:rgba(27,108,165,1);--cz-0757bd:rgba(27,110,169,1);--cz-0758bb:rgba(27,109,167,1);--cz-0758bd:rgba(27,110,169,1);--cz-0759d9:rgba(31,125,193,1);--cz-075bd7:rgba(31,124,191,1);--cz-075daf:rgba(25,102,157,1);--cz-075ddd:rgba(32,128,196,1);--cz-0763bf:rgba(28,111,170,1);--cz-08285d:rgba(14,57,87,1);--cz-083d89:rgba(20,81,125,1);--cz-0860a7:rgba(24,98,150,1);--cz-0861c8:rgba(29,116,179,1);--cz-0861ca:rgba(29,118,181,1);--cz-0864ee:rgba(34,138,212,1);--cz-0865ba:rgba(27,109,167,1);--cz-0866c6:rgba(29,115,177,1);--cz-0871cf:rgba(30,120,185,1);--cz-0871e7:rgba(33,134,206,1);--cz-0878d1:rgba(30,122,187,1);--cz-0952d2:rgba(31,123,188,1);--cz-0956ba:rgba(27,109,168,1);--cz-0a4c9e:rgba(24,94,144,1);--cz-102333:rgba(16,36,51,1);--cz-102538:rgba(16,39,56,1);--cz-103377:rgba(19,76,116,1);--cz-103c78:rgba(19,76,117,1);--cz-103d7d:rgba(20,79,121,1);--cz-104990:rgba(22,90,138,1);--cz-124287:rgba(21,86,132,1);--cz-125ca8:rgba(26,104,160,1);--cz-1266b5:rgba(28,111,171,1);--cz-126ad3:rgba(32,128,197,1);--cz-126bef:rgba(37,144,220,1);--cz-126cf4:rgba(42,146,220,1);--cz-135dba:rgba(29,115,176,1);--cz-1475dc:rgba(34,134,206,1);--cz-153b7a:rgba(21,80,122,1);--cz-153f7d:rgba(21,82,125,1);--cz-153f93:rgba(24,94,144,1);--cz-154184:rgba(21,86,132,1);--cz-15477d:rgba(21,82,125,1);--cz-154d89:rgba(22,88,136,1);--cz-1552a5:rgba(26,104,160,1);--cz-155bb3:rgba(28,112,172,1);--cz-163f79:rgba(22,80,121,1);--cz-164c81:rgba(22,84,129,1);--cz-164e86:rgba(22,87,134,1);--cz-164e87:rgba(22,88,135,1);--cz-16558f:rgba(23,92,142,1);--cz-16569c:rgba(25,100,153,1);--cz-1658a8:rgba(27,106,163,1);--cz-1679df:rgba(34,137,211,1);--cz-1687eb:rgba(37,144,220,1);--cz-17365d:rgba(23,64,93,1);--cz-173768:rgba(23,70,104,1);--cz-173f73:rgba(23,77,115,1);--cz-17437d:rgba(23,82,125,1);--cz-174f90:rgba(23,94,144,1);--cz-174f9b:rgba(25,100,153,1);--cz-17548f:rgba(23,93,143,1);--cz-1766b3:rgba(28,113,174,1);--cz-1768c2:rgba(30,122,187,1);--cz-185799:rgba(25,99,152,1);--cz-185fa3:rgba(26,105,161,1);--cz-1877f2:rgba(45,148,221,1);--cz-1885d8:rgba(34,134,206,1);--cz-19519a:rgba(25,100,154,1);--cz-1971d9:rgba(34,136,208,1);--cz-1974da:rgba(34,136,209,1);--cz-1b71df:rgba(35,140,215,1);--cz-1b83ed:rgba(43,147,221,1);--cz-1c4279:rgba(28,82,121,1);--cz-1d5d92:rgba(29,97,146,1);--cz-209cf0:rgba(50,150,222,1);--cz-21558b:rgba(33,95,139,1);--cz-218fdc:rgba(35,142,218,1);--cz-229ce8:rgba(45,148,221,1);--cz-229ed9:rgba(35,141,216,1);--cz-236dbd:rgba(35,125,189,1);--cz-2379db:rgba(36,142,218,1);--cz-237cbe:rgba(35,125,190,1);--cz-244b78:rgba(36,85,120,1);--cz-247ddd:rgba(37,144,220,1);--cz-247dde:rgba(38,144,220,1);--cz-2485de:rgba(38,144,220,1);--cz-254a8c:rgba(37,97,140,1);--cz-258eea:rgba(49,150,222,1);--cz-2675d6:rgba(38,141,214,1);--cz-2776ce:rgba(39,136,206,1);--cz-277bdd:rgba(40,145,220,1);--cz-2785dc:rgba(39,145,220,1);--cz-2786ec:rgba(53,152,222,1);--cz-284a76:rgba(40,86,118,1);--cz-2878c7:rgba(40,133,199,1);--cz-29618e:rgba(41,100,142,1);--cz-2982df:rgba(43,147,221,1);--cz-299bd8:rgba(41,143,216,1);--cz-2b5685:rgba(43,95,133,1);--cz-2b619c:rgba(43,109,156,1);--cz-2ca8ee:rgba(59,155,223,1);--cz-315b85:rgba(49,98,133,1);--cz-315b92:rgba(49,106,146,1);--cz-315b95:rgba(49,107,149,1);--cz-315f8d:rgba(49,103,141,1);--cz-3183d3:rgba(49,143,211,1);--cz-32699d:rgba(50,112,157,1);--cz-327dc4:rgba(50,135,196,1);--cz-3388d7:rgba(51,147,215,1);--cz-345b95:rgba(52,109,149,1);--cz-3489dd:rgba(52,151,221,1);--cz-356298:rgba(53,111,152,1);--cz-3584df:rgba(54,152,222,1);--cz-3597fa:rgba(77,164,226,1);--cz-36608e:rgba(54,105,142,1);--cz-376fae:rgba(55,124,174,1);--cz-399aff:rgba(85,168,227,1);--cz-3e9bf0:rgba(76,163,226,1);--cz-3f6fa4:rgba(63,122,164,1);--cz-3f72a6:rgba(63,123,166,1);--cz-4177a9:rgba(65,126,169,1);--cz-426699:rgba(66,117,153,1);--cz-4387b7:rgba(67,135,183,1);--cz-438acb:rgba(67,146,203,1);--cz-438cda:rgba(67,155,218,1);--cz-446a96:rgba(68,116,150,1);--cz-446a9f:rgba(68,121,159,1);--cz-45a9fa:rgba(91,171,228,1);--cz-45b7fc:rgba(92,172,229,1);--cz-488bc8:rgba(72,147,200,1);--cz-48bfe9:rgba(79,165,226,1);--cz-4b9dea:rgba(82,167,227,1);--cz-4c94d8:rgba(76,158,216,1);--cz-507da9:rgba(80,132,169,1);--cz-52708e:rgba(82,117,142,1);--cz-5283b4:rgba(82,139,180,1);--cz-5297dd:rgba(82,163,221,1);--cz-537aa9:rgba(83,133,169,1);--cz-537ca7:rgba(83,132,167,1);--cz-537fae:rgba(83,136,174,1);--cz-54769e:rgba(84,127,158,1);--cz-5481b1:rgba(84,138,177,1);--cz-55739c:rgba(85,126,156,1);--cz-557da9:rgba(85,134,169,1);--cz-557fae:rgba(85,137,174,1);--cz-559ad8:rgba(85,161,216,1);--cz-57c8f5:rgba(102,177,230,1);--cz-5b9dde:rgba(91,167,222,1);--cz-5ba3e5:rgba(92,171,228,1);--cz-5c7da4:rgba(92,134,164,1);--cz-5fb5ff:rgba(117,185,233,1);--cz-607b97:rgba(96,128,151,1);--cz-6085aa:rgba(96,139,170,1);--cz-617b99:rgba(97,130,153,1);--cz-6385a8:rgba(99,139,168,1);--cz-6387ac:rgba(99,142,172,1);--cz-63b4fa:rgba(117,184,232,1);--cz-6480a3:rgba(100,137,163,1);--cz-6481a8:rgba(100,140,168,1);--cz-65a5db:rgba(101,170,219,1);--cz-6682a1:rgba(102,136,161,1);--cz-66849c:rgba(102,133,156,1);--cz-6684a9:rgba(102,141,169,1);--cz-6686a8:rgba(102,140,168,1);--cz-6786a6:rgba(103,140,166,1);--cz-6789a8:rgba(103,141,168,1);--cz-6883a2:rgba(104,138,162,1);--cz-6885a6:rgba(104,140,166,1);--cz-68aee8:rgba(105,178,231,1);--cz-68b1f2:rgba(114,183,232,1);--cz-6984a8:rgba(105,142,168,1);--cz-6c86a9:rgba(108,144,169,1);--cz-6c8caf:rgba(108,147,175,1);--cz-6daee9:rgba(111,181,231,1);--cz-6e87a7:rgba(110,143,167,1);--cz-6f8da9:rgba(111,145,169,1);--cz-6fa9df:rgba(111,176,223,1);--cz-7089a3:rgba(112,142,163,1);--cz-708dac:rgba(112,147,172,1);--cz-7095ba:rgba(112,155,186,1);--cz-718db0:rgba(113,150,176,1);--cz-7299c2:rgba(114,161,194,1);--cz-7390ac:rgba(115,148,172,1);--cz-7390ae:rgba(115,149,174,1);--cz-76d8ef:rgba(123,188,234,1);--cz-7790aa:rgba(119,149,170,1);--cz-7890a8:rgba(120,148,168,1);--cz-78a0cb:rgba(120,168,203,1);--cz-78afe2:rgba(120,182,226,1);--cz-7990a8:rgba(121,148,168,1);--cz-79abe4:rgba(121,183,228,1);--cz-7db8ec:rgba(127,189,234,1);--cz-7eb9ec:rgba(128,190,234,1);--cz-7eb9ef:rgba(130,191,235,1);--cz-7edaff:rgba(144,198,237,1);--cz-8195aa:rgba(129,153,170,1);--cz-82a5c4:rgba(130,168,196,1);--cz-82b9e9:rgba(130,190,233,1);--cz-82baf0:rgba(135,193,235,1);--cz-83b5e9:rgba(131,190,233,1);--cz-83b8e5:rgba(131,188,229,1);--cz-83bdf4:rgba(139,196,236,1);--cz-8497aa:rgba(132,154,170,1);--cz-86b8eb:rgba(134,193,235,1);--cz-87b9ec:rgba(135,194,236,1);--cz-87d4ff:rgba(152,202,238,1);--cz-88a4c0:rgba(136,169,192,1);--cz-89c4f4:rgba(144,198,237,1);--cz-8bb9e3:rgba(139,190,227,1);--cz-8bbbea:rgba(139,194,234,1);--cz-8cd4ff:rgba(156,204,239,1);--cz-8dbbe8:rgba(141,194,232,1);--cz-8ebae9:rgba(142,195,233,1);--cz-8ee6ff:rgba(158,205,239,1);--cz-8fbeed:rgba(143,198,237,1);--cz-90b9ec:rgba(144,198,236,1);--cz-91abc2:rgba(145,174,194,1);--cz-91bfea:rgba(145,197,234,1);--cz-91c4f2:rgba(149,201,238,1);--cz-92bee7:rgba(146,196,231,1);--cz-94bbd5:rgba(148,186,213,1);--cz-94c3eb:rgba(148,199,235,1);--cz-95c0ee:rgba(149,201,238,1);--cz-96c5ef:rgba(151,202,238,1);--cz-97a4b4:rgba(151,168,180,1);--cz-99c4ed:rgba(153,202,237,1);--cz-99cef3:rgba(157,205,239,1);--cz-9ac5e8:rgba(154,199,232,1);--cz-9bd0f7:rgba(162,207,240,1);--cz-9cc7ed:rgba(156,203,237,1);--cz-9cc8ee:rgba(156,204,238,1);--cz-9dc6e9:rgba(157,201,233,1);--cz-9dc7ed:rgba(157,204,237,1);--cz-9dc8f2:rgba(160,206,239,1);--cz-9dd0f7:rgba(164,208,240,1);--cz-9ec7ee:rgba(158,205,238,1);--cz-9ec8ec:rgba(158,204,236,1);--cz-9eeaff:rgba(172,212,241,1);--cz-9fc8f4:rgba(163,208,240,1);--cz-9fc9ed:rgba(159,204,237,1);--cz-a3c9ea:rgba(163,204,234,1);--cz-a4c8ef:rgba(164,208,239,1);--cz-a4cbed:rgba(164,207,237,1);--cz-a5cfed:rgba(165,207,237,1);--cz-a5cffa:rgba(173,213,242,1);--cz-a6eeff:rgba(178,216,243,1);--cz-a7c8f4:rgba(170,211,241,1);--cz-a7cdf2:rgba(168,211,241,1);--cz-a7ceff:rgba(179,216,243,1);--cz-a8cdf4:rgba(171,212,241,1);--cz-a8d4f7:rgba(173,213,242,1);--cz-a8d6f8:rgba(174,214,242,1);--cz-a8d8fa:rgba(176,215,242,1);--cz-a9c9f0:rgba(169,210,240,1);--cz-a9cbee:rgba(169,209,238,1);--cz-a9d7fb:rgba(178,215,242,1);--cz-aacdf1:rgba(170,211,241,1);--cz-aacdf3:rgba(172,212,241,1);--cz-abcdeb:rgba(171,208,235,1);--cz-abcfff:rgba(183,218,243,1);--cz-acd1ef:rgba(172,211,239,1);--cz-adf1ff:rgba(184,219,244,1);--cz-aecce8:rgba(174,208,232,1);--cz-aecdec:rgba(174,210,236,1);--cz-b0ccec:rgba(176,211,236,1);--cz-b0cff0:rgba(176,213,240,1);--cz-b0d0ee:rgba(176,212,238,1);--cz-b3d7f4:rgba(180,217,243,1);--cz-b5c8dd:rgba(181,204,221,1);--cz-b5d4f4:rgba(182,218,243,1);--cz-b5d5f0:rgba(181,215,240,1);--cz-b5d6ed:rgba(181,214,237,1);--cz-b6d6f5:rgba(184,218,243,1);--cz-b7d1ef:rgba(183,216,239,1);--cz-b7d5f1:rgba(183,217,241,1);--cz-b8d4f2:rgba(184,218,242,1);--cz-b8d8f1:rgba(184,217,241,1);--cz-b9d5f0:rgba(185,217,240,1);--cz-b9d6f3:rgba(185,219,243,1);--cz-b9d8f6:rgba(187,220,244,1);--cz-b9dcff:rgba(195,224,245,1);--cz-bad7ec:rgba(186,215,236,1);--cz-bad7f2:rgba(186,219,242,1);--cz-bbd6f4:rgba(187,220,244,1);--cz-bcd9ee:rgba(188,217,238,1);--cz-bcdfff:rgba(197,226,246,1);--cz-bdd3e7:rgba(189,213,231,1);--cz-bdd8f2:rgba(189,220,242,1);--cz-bdd9f7:rgba(191,222,245,1);--cz-bfd6ef:rgba(191,219,239,1);--cz-bfd8f0:rgba(191,220,240,1);--cz-bfd9ee:rgba(191,218,238,1);--cz-c0d8f1:rgba(192,221,241,1);--cz-c0d9e9:rgba(192,216,233,1);--cz-c1d7e8:rgba(193,216,232,1);--cz-c1daf2:rgba(193,222,242,1);--cz-c1dff4:rgba(193,223,244,1);--cz-c2dfff:rgba(203,228,246,1);--cz-c4d9f0:rgba(196,222,240,1);--cz-c4dcf2:rgba(196,223,242,1);--cz-c5dff4:rgba(197,224,244,1);--cz-c5e7ff:rgba(205,229,247,1);--cz-c6d9ed:rgba(198,221,237,1);--cz-c6ddee:rgba(198,221,238,1);--cz-c7dff3:rgba(199,225,243,1);--cz-c7e3ff:rgba(207,230,247,1);--cz-c7e5ff:rgba(207,230,247,1);--cz-c8dbee:rgba(200,222,238,1);--cz-c9e2ff:rgba(209,231,247,1);--cz-c9e7fb:rgba(205,229,247,1);--cz-cbdef5:rgba(203,227,245,1);--cz-cbe7ff:rgba(210,232,248,1);--cz-cbe8ff:rgba(210,232,248,1);--cz-cbe9ff:rgba(210,232,248,1);--cz-cce4ff:rgba(211,233,248,1);--cz-cce6fc:rgba(209,231,247,1);--cz-cce7ff:rgba(211,233,248,1);--cz-cce9ff:rgba(211,233,248,1);--cz-cceaff:rgba(211,233,248,1);--cz-cde4ff:rgba(212,233,248,1);--cz-cee6ff:rgba(213,233,248,1);--cz-cfe0f2:rgba(207,227,242,1);--cz-cfe1f4:rgba(207,229,244,1);--cz-d0e4f5:rgba(208,230,245,1);--cz-d0e7ff:rgba(215,234,248,1);--cz-d1e9fb:rgba(212,233,248,1);--cz-d2dce8:rgba(210,223,232,1);--cz-d3e9ff:rgba(217,236,249,1);--cz-d4e7f6:rgba(212,232,246,1);--cz-d4eaff:rgba(218,236,249,1);--cz-d4ebff:rgba(218,236,249,1);--cz-d5e6f7:rgba(213,233,247,1);--cz-d5eaff:rgba(219,237,249,1);--cz-d5ebff:rgba(219,237,249,1);--cz-d6e6f7:rgba(214,233,247,1);--cz-d6eaff:rgba(220,237,249,1);--cz-d7e7f7:rgba(215,234,247,1);--cz-d7e8f5:rgba(215,232,245,1);--cz-d7eaff:rgba(221,237,249,1);--cz-d7ebff:rgba(221,237,249,1);--cz-d7edff:rgba(221,237,249,1);--cz-d8e6f3:rgba(216,232,243,1);--cz-d8ebfb:rgba(218,236,249,1);--cz-d8ecff:rgba(221,238,250,1);--cz-d8edff:rgba(221,238,250,1);--cz-d8efff:rgba(221,238,250,1);--cz-d8f0ff:rgba(221,238,250,1);--cz-d9edff:rgba(222,238,250,1);--cz-d9efff:rgba(222,238,250,1);--cz-dbedfd:rgba(222,238,250,1);--cz-dcecff:rgba(225,240,250,1);--cz-dceeff:rgba(225,240,250,1);--cz-dcefff:rgba(225,240,250,1);--cz-dfedff:rgba(227,241,251,1);--cz-dff3ff:rgba(227,241,251,1);--cz-e0efff:rgba(228,241,251,1);--cz-e1ecf8:rgba(225,238,248,1);--cz-e1f0ff:rgba(229,242,251,1);--cz-e1f1ff:rgba(229,242,251,1);--cz-e2efff:rgba(230,242,251,1);--cz-e2f1ff:rgba(230,242,251,1);--cz-e2f2ff:rgba(230,242,251,1);--cz-e3f0ff:rgba(231,243,251,1);--cz-e3f1ff:rgba(231,243,251,1);--cz-e4f0ff:rgba(232,243,251,1);--cz-e4f2ff:rgba(232,243,251,1);--cz-e4f4ff:rgba(232,243,251,1);--cz-e5f0fb:rgba(229,242,251,1);--cz-e5f3ff:rgba(233,244,251,1);--cz-e5f5ff:rgba(233,244,251,1);--cz-e6faff:rgba(234,244,251,1);--cz-e7f4ff:rgba(234,244,252,1);--cz-e7f5ff:rgba(234,244,252,1);--cz-e7f6ff:rgba(234,244,252,1);--cz-e8f3ff:rgba(235,245,252,1);--cz-e8f9ff:rgba(235,245,252,1);--cz-e9f6ff:rgba(236,245,252,1);--cz-e9f8ff:rgba(236,245,252,1);--cz-e9fbff:rgba(236,245,252,1);--cz-eaf4ff:rgba(237,246,252,1);--cz-eaf6ff:rgba(237,246,252,1);--cz-ecf7ff:rgba(239,247,252,1);--cz-edf7ff:rgba(240,247,252,1);--cz-eef8ff:rgba(240,248,253,1);--cz-eefaff:rgba(240,248,253,1);--cz-eff7ff:rgba(241,248,253,1);--cz-eff8ff:rgba(241,248,253,1);--cz-eff9ff:rgba(241,248,253,1);--cz-f1f8ff:rgba(243,249,253,1);--cz-f1f9ff:rgba(243,249,253,1);--cz-f2f9ff:rgba(244,249,253,1);--cz-f3fbff:rgba(245,250,253,1);--cz-f4f9ff:rgba(246,250,253,1);--cz-f4faff:rgba(246,250,253,1);--cz-f4fbff:rgba(246,250,253,1);--cz-f5faff:rgba(246,251,254,1);--cz-f5fbff:rgba(246,251,254,1);--cz-f6fbff:rgba(247,251,254,1);--cz-f7fbff:rgba(248,251,254,1);--cz-f7fcff:rgba(248,251,254,1);--cz-f8fbff:rgba(249,252,254,1);--cz-f8fcff:rgba(249,252,254,1);--cz-f9fcff:rgba(250,252,254,1);--cz-f9fdff:rgba(250,252,254,1);--cz-fbfdff:rgba(252,253,254,1);--cz-rgb-0-30-70-_3:rgba(10,39,60,0.3);--cz-rgb-0-40-100-_35:rgba(14,56,86,0.35);--cz-rgb-0-45-100-_25:rgba(14,56,86,0.25);--cz-rgb-0-46-112-_3:rgba(16,63,96,0.3);--cz-rgb-0-48-105-_28:rgba(15,59,90,0.28);--cz-rgb-0-53-120-_28:rgba(17,67,103,0.28);--cz-rgb-0-61-130-_25:rgba(18,73,112,0.25);--cz-rgb-0-61-130-_28:rgba(18,73,112,0.28);--cz-rgb-0-65-145-_20:rgba(20,81,125,0.2);--cz-rgb-0-66-130-_15:rgba(18,73,112,0.15);--cz-rgb-0-70-140-_20:rgba(20,78,120,0.2);--cz-rgb-0-70-150-_22:rgba(21,84,129,0.22);--cz-rgb-12-42-78-_25:rgba(13,50,77,0.25);--cz-rgb-126-188-240-_12:rgba(131,192,235,0.12);--cz-rgb-15-67-125-_07:rgba(20,78,120,0.07);--cz-rgb-20-70-120-_18:rgba(20,78,120,0.18);--cz-rgb-20-70-130-_24:rgba(21,84,129,0.24);--cz-rgb-203-231-255-_75:rgba(210,232,248,0.75);--cz-rgb-206-232-255-_86:rgba(213,233,248,0.86);--cz-rgb-213-235-255-_9:rgba(219,237,249,0.9);--cz-rgb-235-247-255-_65:rgba(238,246,252,0.65);--cz-rgb-235-247-255-_75:rgba(238,246,252,0.75);--cz-rgb-239-248-255-_88:rgba(241,248,253,0.88);--cz-rgb-239-248-255-_97:rgba(241,248,253,0.97);--cz-rgb-241-249-255-_74:rgba(243,249,253,0.74);--cz-rgb-242-249-255-_80:rgba(244,249,253,0.8);--cz-rgb-244-250-255-_82:rgba(246,250,253,0.82);--cz-rgb-25-70-120-_18:rgba(25,80,120,0.18);--cz-rgb-39-134-236-_13:rgba(53,152,222,0.13);--cz-rgb-40-160-255-_55:rgba(70,160,225,0.55);--cz-rgb-53-156-236-_24:rgba(65,158,224,0.24);--cz-rgb-54-164-255-_50:rgba(82,167,227,0.5);--cz-rgb-70-150-230-_12:rgba(74,163,226,0.12);--cz-rgb-80-180-255-_45:rgba(104,178,231,0.45);--wall-glass:hsla(205,65%,94%,.72);--wall-panel:hsla(205,65%,96%,.91);--wall-ink:hsl(205,65%,22%)}

html[data-chat-background="sunset"]{--cz-0053c7:rgba(171,28,111,1);--cz-0066df:rgba(192,31,125,1);--cz-06245f:rgba(87,14,57,1);--cz-063f91:rgba(130,21,85,1);--cz-06458e:rgba(127,21,83,1);--cz-06478f:rgba(128,21,83,1);--cz-07368d:rgba(127,21,83,1);--cz-073b93:rgba(132,22,86,1);--cz-073d8f:rgba(129,21,84,1);--cz-074598:rgba(137,22,89,1);--cz-0753bc:rgba(168,27,109,1);--cz-0756b9:rgba(165,27,108,1);--cz-0757bd:rgba(169,27,110,1);--cz-0758bb:rgba(167,27,109,1);--cz-0758bd:rgba(169,27,110,1);--cz-0759d9:rgba(193,31,125,1);--cz-075bd7:rgba(191,31,124,1);--cz-075daf:rgba(157,25,102,1);--cz-075ddd:rgba(196,32,128,1);--cz-0763bf:rgba(170,28,111,1);--cz-08285d:rgba(87,14,57,1);--cz-083d89:rgba(125,20,81,1);--cz-0860a7:rgba(150,24,98,1);--cz-0861c8:rgba(179,29,116,1);--cz-0861ca:rgba(181,29,118,1);--cz-0864ee:rgba(212,34,138,1);--cz-0865ba:rgba(167,27,109,1);--cz-0866c6:rgba(177,29,115,1);--cz-0871cf:rgba(185,30,120,1);--cz-0871e7:rgba(206,33,134,1);--cz-0878d1:rgba(187,30,122,1);--cz-0952d2:rgba(188,31,123,1);--cz-0956ba:rgba(168,27,109,1);--cz-0a4c9e:rgba(144,24,94,1);--cz-102333:rgba(51,16,36,1);--cz-102538:rgba(56,16,39,1);--cz-103377:rgba(116,19,76,1);--cz-103c78:rgba(117,19,76,1);--cz-103d7d:rgba(121,20,79,1);--cz-104990:rgba(138,22,90,1);--cz-124287:rgba(132,21,86,1);--cz-125ca8:rgba(160,26,104,1);--cz-1266b5:rgba(171,28,111,1);--cz-126ad3:rgba(197,32,128,1);--cz-126bef:rgba(220,37,144,1);--cz-126cf4:rgba(220,42,146,1);--cz-135dba:rgba(176,29,115,1);--cz-1475dc:rgba(206,34,134,1);--cz-153b7a:rgba(122,21,80,1);--cz-153f7d:rgba(125,21,82,1);--cz-153f93:rgba(144,24,94,1);--cz-154184:rgba(132,21,86,1);--cz-15477d:rgba(125,21,82,1);--cz-154d89:rgba(136,22,88,1);--cz-1552a5:rgba(160,26,104,1);--cz-155bb3:rgba(172,28,112,1);--cz-163f79:rgba(121,22,80,1);--cz-164c81:rgba(129,22,84,1);--cz-164e86:rgba(134,22,87,1);--cz-164e87:rgba(135,22,88,1);--cz-16558f:rgba(142,23,92,1);--cz-16569c:rgba(153,25,100,1);--cz-1658a8:rgba(163,27,106,1);--cz-1679df:rgba(211,34,137,1);--cz-1687eb:rgba(220,37,144,1);--cz-17365d:rgba(93,23,64,1);--cz-173768:rgba(104,23,70,1);--cz-173f73:rgba(115,23,77,1);--cz-17437d:rgba(125,23,82,1);--cz-174f90:rgba(144,23,94,1);--cz-174f9b:rgba(153,25,100,1);--cz-17548f:rgba(143,23,93,1);--cz-1766b3:rgba(174,28,113,1);--cz-1768c2:rgba(187,30,122,1);--cz-185799:rgba(152,25,99,1);--cz-185fa3:rgba(161,26,105,1);--cz-1877f2:rgba(221,45,148,1);--cz-1885d8:rgba(206,34,134,1);--cz-19519a:rgba(154,25,100,1);--cz-1971d9:rgba(208,34,136,1);--cz-1974da:rgba(209,34,136,1);--cz-1b71df:rgba(215,35,140,1);--cz-1b83ed:rgba(221,43,147,1);--cz-1c4279:rgba(121,28,82,1);--cz-1d5d92:rgba(146,29,97,1);--cz-209cf0:rgba(222,50,150,1);--cz-21558b:rgba(139,33,95,1);--cz-218fdc:rgba(218,35,142,1);--cz-229ce8:rgba(221,45,148,1);--cz-229ed9:rgba(216,35,141,1);--cz-236dbd:rgba(189,35,125,1);--cz-2379db:rgba(218,36,142,1);--cz-237cbe:rgba(190,35,125,1);--cz-244b78:rgba(120,36,85,1);--cz-247ddd:rgba(220,37,144,1);--cz-247dde:rgba(220,38,144,1);--cz-2485de:rgba(220,38,144,1);--cz-254a8c:rgba(140,37,97,1);--cz-258eea:rgba(222,49,150,1);--cz-2675d6:rgba(214,38,141,1);--cz-2776ce:rgba(206,39,136,1);--cz-277bdd:rgba(220,40,145,1);--cz-2785dc:rgba(220,39,145,1);--cz-2786ec:rgba(222,53,152,1);--cz-284a76:rgba(118,40,86,1);--cz-2878c7:rgba(199,40,133,1);--cz-29618e:rgba(142,41,100,1);--cz-2982df:rgba(221,43,147,1);--cz-299bd8:rgba(216,41,143,1);--cz-2b5685:rgba(133,43,95,1);--cz-2b619c:rgba(156,43,109,1);--cz-2ca8ee:rgba(223,59,155,1);--cz-315b85:rgba(133,49,98,1);--cz-315b92:rgba(146,49,106,1);--cz-315b95:rgba(149,49,107,1);--cz-315f8d:rgba(141,49,103,1);--cz-3183d3:rgba(211,49,143,1);--cz-32699d:rgba(157,50,112,1);--cz-327dc4:rgba(196,50,135,1);--cz-3388d7:rgba(215,51,147,1);--cz-345b95:rgba(149,52,109,1);--cz-3489dd:rgba(221,52,151,1);--cz-356298:rgba(152,53,111,1);--cz-3584df:rgba(222,54,152,1);--cz-3597fa:rgba(226,77,164,1);--cz-36608e:rgba(142,54,105,1);--cz-376fae:rgba(174,55,124,1);--cz-399aff:rgba(227,85,168,1);--cz-3e9bf0:rgba(226,76,163,1);--cz-3f6fa4:rgba(164,63,122,1);--cz-3f72a6:rgba(166,63,123,1);--cz-4177a9:rgba(169,65,126,1);--cz-426699:rgba(153,66,117,1);--cz-4387b7:rgba(183,67,135,1);--cz-438acb:rgba(203,67,146,1);--cz-438cda:rgba(218,67,155,1);--cz-446a96:rgba(150,68,116,1);--cz-446a9f:rgba(159,68,121,1);--cz-45a9fa:rgba(228,91,171,1);--cz-45b7fc:rgba(229,92,172,1);--cz-488bc8:rgba(200,72,147,1);--cz-48bfe9:rgba(226,79,165,1);--cz-4b9dea:rgba(227,82,167,1);--cz-4c94d8:rgba(216,76,158,1);--cz-507da9:rgba(169,80,132,1);--cz-52708e:rgba(142,82,117,1);--cz-5283b4:rgba(180,82,139,1);--cz-5297dd:rgba(221,82,163,1);--cz-537aa9:rgba(169,83,133,1);--cz-537ca7:rgba(167,83,132,1);--cz-537fae:rgba(174,83,136,1);--cz-54769e:rgba(158,84,127,1);--cz-5481b1:rgba(177,84,138,1);--cz-55739c:rgba(156,85,126,1);--cz-557da9:rgba(169,85,134,1);--cz-557fae:rgba(174,85,137,1);--cz-559ad8:rgba(216,85,161,1);--cz-57c8f5:rgba(230,102,177,1);--cz-5b9dde:rgba(222,91,167,1);--cz-5ba3e5:rgba(228,92,171,1);--cz-5c7da4:rgba(164,92,134,1);--cz-5fb5ff:rgba(233,117,185,1);--cz-607b97:rgba(151,96,128,1);--cz-6085aa:rgba(170,96,139,1);--cz-617b99:rgba(153,97,130,1);--cz-6385a8:rgba(168,99,139,1);--cz-6387ac:rgba(172,99,142,1);--cz-63b4fa:rgba(232,117,184,1);--cz-6480a3:rgba(163,100,137,1);--cz-6481a8:rgba(168,100,140,1);--cz-65a5db:rgba(219,101,170,1);--cz-6682a1:rgba(161,102,136,1);--cz-66849c:rgba(156,102,133,1);--cz-6684a9:rgba(169,102,141,1);--cz-6686a8:rgba(168,102,140,1);--cz-6786a6:rgba(166,103,140,1);--cz-6789a8:rgba(168,103,141,1);--cz-6883a2:rgba(162,104,138,1);--cz-6885a6:rgba(166,104,140,1);--cz-68aee8:rgba(231,105,178,1);--cz-68b1f2:rgba(232,114,183,1);--cz-6984a8:rgba(168,105,142,1);--cz-6c86a9:rgba(169,108,144,1);--cz-6c8caf:rgba(175,108,147,1);--cz-6daee9:rgba(231,111,181,1);--cz-6e87a7:rgba(167,110,143,1);--cz-6f8da9:rgba(169,111,145,1);--cz-6fa9df:rgba(223,111,176,1);--cz-7089a3:rgba(163,112,142,1);--cz-708dac:rgba(172,112,147,1);--cz-7095ba:rgba(186,112,155,1);--cz-718db0:rgba(176,113,150,1);--cz-7299c2:rgba(194,114,161,1);--cz-7390ac:rgba(172,115,148,1);--cz-7390ae:rgba(174,115,149,1);--cz-76d8ef:rgba(234,123,188,1);--cz-7790aa:rgba(170,119,149,1);--cz-7890a8:rgba(168,120,148,1);--cz-78a0cb:rgba(203,120,168,1);--cz-78afe2:rgba(226,120,182,1);--cz-7990a8:rgba(168,121,148,1);--cz-79abe4:rgba(228,121,183,1);--cz-7db8ec:rgba(234,127,189,1);--cz-7eb9ec:rgba(234,128,190,1);--cz-7eb9ef:rgba(235,130,191,1);--cz-7edaff:rgba(237,144,198,1);--cz-8195aa:rgba(170,129,153,1);--cz-82a5c4:rgba(196,130,168,1);--cz-82b9e9:rgba(233,130,190,1);--cz-82baf0:rgba(235,135,193,1);--cz-83b5e9:rgba(233,131,190,1);--cz-83b8e5:rgba(229,131,188,1);--cz-83bdf4:rgba(236,139,196,1);--cz-8497aa:rgba(170,132,154,1);--cz-86b8eb:rgba(235,134,193,1);--cz-87b9ec:rgba(236,135,194,1);--cz-87d4ff:rgba(238,152,202,1);--cz-88a4c0:rgba(192,136,169,1);--cz-89c4f4:rgba(237,144,198,1);--cz-8bb9e3:rgba(227,139,190,1);--cz-8bbbea:rgba(234,139,194,1);--cz-8cd4ff:rgba(239,156,204,1);--cz-8dbbe8:rgba(232,141,194,1);--cz-8ebae9:rgba(233,142,195,1);--cz-8ee6ff:rgba(239,158,205,1);--cz-8fbeed:rgba(237,143,198,1);--cz-90b9ec:rgba(236,144,198,1);--cz-91abc2:rgba(194,145,174,1);--cz-91bfea:rgba(234,145,197,1);--cz-91c4f2:rgba(238,149,201,1);--cz-92bee7:rgba(231,146,196,1);--cz-94bbd5:rgba(213,148,186,1);--cz-94c3eb:rgba(235,148,199,1);--cz-95c0ee:rgba(238,149,201,1);--cz-96c5ef:rgba(238,151,202,1);--cz-97a4b4:rgba(180,151,168,1);--cz-99c4ed:rgba(237,153,202,1);--cz-99cef3:rgba(239,157,205,1);--cz-9ac5e8:rgba(232,154,199,1);--cz-9bd0f7:rgba(240,162,207,1);--cz-9cc7ed:rgba(237,156,203,1);--cz-9cc8ee:rgba(238,156,204,1);--cz-9dc6e9:rgba(233,157,201,1);--cz-9dc7ed:rgba(237,157,204,1);--cz-9dc8f2:rgba(239,160,206,1);--cz-9dd0f7:rgba(240,164,208,1);--cz-9ec7ee:rgba(238,158,205,1);--cz-9ec8ec:rgba(236,158,204,1);--cz-9eeaff:rgba(241,172,212,1);--cz-9fc8f4:rgba(240,163,208,1);--cz-9fc9ed:rgba(237,159,204,1);--cz-a3c9ea:rgba(234,163,204,1);--cz-a4c8ef:rgba(239,164,208,1);--cz-a4cbed:rgba(237,164,207,1);--cz-a5cfed:rgba(237,165,207,1);--cz-a5cffa:rgba(242,173,213,1);--cz-a6eeff:rgba(243,178,216,1);--cz-a7c8f4:rgba(241,170,211,1);--cz-a7cdf2:rgba(241,168,211,1);--cz-a7ceff:rgba(243,179,216,1);--cz-a8cdf4:rgba(241,171,212,1);--cz-a8d4f7:rgba(242,173,213,1);--cz-a8d6f8:rgba(242,174,214,1);--cz-a8d8fa:rgba(242,176,215,1);--cz-a9c9f0:rgba(240,169,210,1);--cz-a9cbee:rgba(238,169,209,1);--cz-a9d7fb:rgba(242,178,215,1);--cz-aacdf1:rgba(241,170,211,1);--cz-aacdf3:rgba(241,172,212,1);--cz-abcdeb:rgba(235,171,208,1);--cz-abcfff:rgba(243,183,218,1);--cz-acd1ef:rgba(239,172,211,1);--cz-adf1ff:rgba(244,184,219,1);--cz-aecce8:rgba(232,174,208,1);--cz-aecdec:rgba(236,174,210,1);--cz-b0ccec:rgba(236,176,211,1);--cz-b0cff0:rgba(240,176,213,1);--cz-b0d0ee:rgba(238,176,212,1);--cz-b3d7f4:rgba(243,180,217,1);--cz-b5c8dd:rgba(221,181,204,1);--cz-b5d4f4:rgba(243,182,218,1);--cz-b5d5f0:rgba(240,181,215,1);--cz-b5d6ed:rgba(237,181,214,1);--cz-b6d6f5:rgba(243,184,218,1);--cz-b7d1ef:rgba(239,183,216,1);--cz-b7d5f1:rgba(241,183,217,1);--cz-b8d4f2:rgba(242,184,218,1);--cz-b8d8f1:rgba(241,184,217,1);--cz-b9d5f0:rgba(240,185,217,1);--cz-b9d6f3:rgba(243,185,219,1);--cz-b9d8f6:rgba(244,187,220,1);--cz-b9dcff:rgba(245,195,224,1);--cz-bad7ec:rgba(236,186,215,1);--cz-bad7f2:rgba(242,186,219,1);--cz-bbd6f4:rgba(244,187,220,1);--cz-bcd9ee:rgba(238,188,217,1);--cz-bcdfff:rgba(246,197,226,1);--cz-bdd3e7:rgba(231,189,213,1);--cz-bdd8f2:rgba(242,189,220,1);--cz-bdd9f7:rgba(245,191,222,1);--cz-bfd6ef:rgba(239,191,219,1);--cz-bfd8f0:rgba(240,191,220,1);--cz-bfd9ee:rgba(238,191,218,1);--cz-c0d8f1:rgba(241,192,221,1);--cz-c0d9e9:rgba(233,192,216,1);--cz-c1d7e8:rgba(232,193,216,1);--cz-c1daf2:rgba(242,193,222,1);--cz-c1dff4:rgba(244,193,223,1);--cz-c2dfff:rgba(246,203,228,1);--cz-c4d9f0:rgba(240,196,222,1);--cz-c4dcf2:rgba(242,196,223,1);--cz-c5dff4:rgba(244,197,224,1);--cz-c5e7ff:rgba(247,205,229,1);--cz-c6d9ed:rgba(237,198,221,1);--cz-c6ddee:rgba(238,198,221,1);--cz-c7dff3:rgba(243,199,225,1);--cz-c7e3ff:rgba(247,207,230,1);--cz-c7e5ff:rgba(247,207,230,1);--cz-c8dbee:rgba(238,200,222,1);--cz-c9e2ff:rgba(247,209,231,1);--cz-c9e7fb:rgba(247,205,229,1);--cz-cbdef5:rgba(245,203,227,1);--cz-cbe7ff:rgba(248,210,232,1);--cz-cbe8ff:rgba(248,210,232,1);--cz-cbe9ff:rgba(248,210,232,1);--cz-cce4ff:rgba(248,211,233,1);--cz-cce6fc:rgba(247,209,231,1);--cz-cce7ff:rgba(248,211,233,1);--cz-cce9ff:rgba(248,211,233,1);--cz-cceaff:rgba(248,211,233,1);--cz-cde4ff:rgba(248,212,233,1);--cz-cee6ff:rgba(248,213,233,1);--cz-cfe0f2:rgba(242,207,227,1);--cz-cfe1f4:rgba(244,207,229,1);--cz-d0e4f5:rgba(245,208,230,1);--cz-d0e7ff:rgba(248,215,234,1);--cz-d1e9fb:rgba(248,212,233,1);--cz-d2dce8:rgba(232,210,223,1);--cz-d3e9ff:rgba(249,217,236,1);--cz-d4e7f6:rgba(246,212,232,1);--cz-d4eaff:rgba(249,218,236,1);--cz-d4ebff:rgba(249,218,236,1);--cz-d5e6f7:rgba(247,213,233,1);--cz-d5eaff:rgba(249,219,237,1);--cz-d5ebff:rgba(249,219,237,1);--cz-d6e6f7:rgba(247,214,233,1);--cz-d6eaff:rgba(249,220,237,1);--cz-d7e7f7:rgba(247,215,234,1);--cz-d7e8f5:rgba(245,215,232,1);--cz-d7eaff:rgba(249,221,237,1);--cz-d7ebff:rgba(249,221,237,1);--cz-d7edff:rgba(249,221,237,1);--cz-d8e6f3:rgba(243,216,232,1);--cz-d8ebfb:rgba(249,218,236,1);--cz-d8ecff:rgba(250,221,238,1);--cz-d8edff:rgba(250,221,238,1);--cz-d8efff:rgba(250,221,238,1);--cz-d8f0ff:rgba(250,221,238,1);--cz-d9edff:rgba(250,222,238,1);--cz-d9efff:rgba(250,222,238,1);--cz-dbedfd:rgba(250,222,238,1);--cz-dcecff:rgba(250,225,240,1);--cz-dceeff:rgba(250,225,240,1);--cz-dcefff:rgba(250,225,240,1);--cz-dfedff:rgba(251,227,241,1);--cz-dff3ff:rgba(251,227,241,1);--cz-e0efff:rgba(251,228,241,1);--cz-e1ecf8:rgba(248,225,238,1);--cz-e1f0ff:rgba(251,229,242,1);--cz-e1f1ff:rgba(251,229,242,1);--cz-e2efff:rgba(251,230,242,1);--cz-e2f1ff:rgba(251,230,242,1);--cz-e2f2ff:rgba(251,230,242,1);--cz-e3f0ff:rgba(251,231,243,1);--cz-e3f1ff:rgba(251,231,243,1);--cz-e4f0ff:rgba(251,232,243,1);--cz-e4f2ff:rgba(251,232,243,1);--cz-e4f4ff:rgba(251,232,243,1);--cz-e5f0fb:rgba(251,229,242,1);--cz-e5f3ff:rgba(251,233,244,1);--cz-e5f5ff:rgba(251,233,244,1);--cz-e6faff:rgba(251,234,244,1);--cz-e7f4ff:rgba(252,234,244,1);--cz-e7f5ff:rgba(252,234,244,1);--cz-e7f6ff:rgba(252,234,244,1);--cz-e8f3ff:rgba(252,235,245,1);--cz-e8f9ff:rgba(252,235,245,1);--cz-e9f6ff:rgba(252,236,245,1);--cz-e9f8ff:rgba(252,236,245,1);--cz-e9fbff:rgba(252,236,245,1);--cz-eaf4ff:rgba(252,237,246,1);--cz-eaf6ff:rgba(252,237,246,1);--cz-ecf7ff:rgba(252,239,247,1);--cz-edf7ff:rgba(252,240,247,1);--cz-eef8ff:rgba(253,240,248,1);--cz-eefaff:rgba(253,240,248,1);--cz-eff7ff:rgba(253,241,248,1);--cz-eff8ff:rgba(253,241,248,1);--cz-eff9ff:rgba(253,241,248,1);--cz-f1f8ff:rgba(253,243,249,1);--cz-f1f9ff:rgba(253,243,249,1);--cz-f2f9ff:rgba(253,244,249,1);--cz-f3fbff:rgba(253,245,250,1);--cz-f4f9ff:rgba(253,246,250,1);--cz-f4faff:rgba(253,246,250,1);--cz-f4fbff:rgba(253,246,250,1);--cz-f5faff:rgba(254,246,251,1);--cz-f5fbff:rgba(254,246,251,1);--cz-f6fbff:rgba(254,247,251,1);--cz-f7fbff:rgba(254,248,251,1);--cz-f7fcff:rgba(254,248,251,1);--cz-f8fbff:rgba(254,249,252,1);--cz-f8fcff:rgba(254,249,252,1);--cz-f9fcff:rgba(254,250,252,1);--cz-f9fdff:rgba(254,250,252,1);--cz-fbfdff:rgba(254,252,253,1);--cz-rgb-0-30-70-_3:rgba(60,10,39,0.3);--cz-rgb-0-40-100-_35:rgba(86,14,56,0.35);--cz-rgb-0-45-100-_25:rgba(86,14,56,0.25);--cz-rgb-0-46-112-_3:rgba(96,16,63,0.3);--cz-rgb-0-48-105-_28:rgba(90,15,59,0.28);--cz-rgb-0-53-120-_28:rgba(103,17,67,0.28);--cz-rgb-0-61-130-_25:rgba(112,18,73,0.25);--cz-rgb-0-61-130-_28:rgba(112,18,73,0.28);--cz-rgb-0-65-145-_20:rgba(125,20,81,0.2);--cz-rgb-0-66-130-_15:rgba(112,18,73,0.15);--cz-rgb-0-70-140-_20:rgba(120,20,78,0.2);--cz-rgb-0-70-150-_22:rgba(129,21,84,0.22);--cz-rgb-12-42-78-_25:rgba(77,13,50,0.25);--cz-rgb-126-188-240-_12:rgba(235,131,192,0.12);--cz-rgb-15-67-125-_07:rgba(120,20,78,0.07);--cz-rgb-20-70-120-_18:rgba(120,20,78,0.18);--cz-rgb-20-70-130-_24:rgba(129,21,84,0.24);--cz-rgb-203-231-255-_75:rgba(248,210,232,0.75);--cz-rgb-206-232-255-_86:rgba(248,213,233,0.86);--cz-rgb-213-235-255-_9:rgba(249,219,237,0.9);--cz-rgb-235-247-255-_65:rgba(252,238,246,0.65);--cz-rgb-235-247-255-_75:rgba(252,238,246,0.75);--cz-rgb-239-248-255-_88:rgba(253,241,248,0.88);--cz-rgb-239-248-255-_97:rgba(253,241,248,0.97);--cz-rgb-241-249-255-_74:rgba(253,243,249,0.74);--cz-rgb-242-249-255-_80:rgba(253,244,249,0.8);--cz-rgb-244-250-255-_82:rgba(253,246,250,0.82);--cz-rgb-25-70-120-_18:rgba(120,25,80,0.18);--cz-rgb-39-134-236-_13:rgba(222,53,152,0.13);--cz-rgb-40-160-255-_55:rgba(225,70,160,0.55);--cz-rgb-53-156-236-_24:rgba(224,65,158,0.24);--cz-rgb-54-164-255-_50:rgba(227,82,167,0.5);--cz-rgb-70-150-230-_12:rgba(226,74,163,0.12);--cz-rgb-80-180-255-_45:rgba(231,104,178,0.45);--wall-glass:hsla(325,65%,94%,.72);--wall-panel:hsla(325,65%,96%,.91);--wall-ink:hsl(325,65%,22%)}

html[data-chat-background="night"]{--cz-0053c7:rgba(28,76,171,1);--cz-0066df:rgba(31,85,192,1);--cz-06245f:rgba(14,38,87,1);--cz-063f91:rgba(21,57,130,1);--cz-06458e:rgba(21,56,127,1);--cz-06478f:rgba(21,57,128,1);--cz-07368d:rgba(21,56,127,1);--cz-073b93:rgba(22,59,132,1);--cz-073d8f:rgba(21,57,129,1);--cz-074598:rgba(22,60,137,1);--cz-0753bc:rgba(27,74,168,1);--cz-0756b9:rgba(27,73,165,1);--cz-0757bd:rgba(27,74,169,1);--cz-0758bb:rgba(27,74,167,1);--cz-0758bd:rgba(27,74,169,1);--cz-0759d9:rgba(31,85,193,1);--cz-075bd7:rgba(31,84,191,1);--cz-075daf:rgba(25,69,157,1);--cz-075ddd:rgba(32,87,196,1);--cz-0763bf:rgba(28,75,170,1);--cz-08285d:rgba(14,38,87,1);--cz-083d89:rgba(20,55,125,1);--cz-0860a7:rgba(24,66,150,1);--cz-0861c8:rgba(29,79,179,1);--cz-0861ca:rgba(29,80,181,1);--cz-0864ee:rgba(34,93,212,1);--cz-0865ba:rgba(27,74,167,1);--cz-0866c6:rgba(29,78,177,1);--cz-0871cf:rgba(30,82,185,1);--cz-0871e7:rgba(33,91,206,1);--cz-0878d1:rgba(30,82,187,1);--cz-0952d2:rgba(31,83,188,1);--cz-0956ba:rgba(27,74,168,1);--cz-0a4c9e:rgba(24,64,144,1);--cz-102333:rgba(16,28,51,1);--cz-102538:rgba(16,29,56,1);--cz-103377:rgba(19,51,116,1);--cz-103c78:rgba(19,52,117,1);--cz-103d7d:rgba(20,54,121,1);--cz-104990:rgba(22,61,138,1);--cz-124287:rgba(21,58,132,1);--cz-125ca8:rgba(26,71,160,1);--cz-1266b5:rgba(28,76,171,1);--cz-126ad3:rgba(32,87,197,1);--cz-126bef:rgba(37,98,220,1);--cz-126cf4:rgba(42,101,220,1);--cz-135dba:rgba(29,78,176,1);--cz-1475dc:rgba(34,91,206,1);--cz-153b7a:rgba(21,55,122,1);--cz-153f7d:rgba(21,56,125,1);--cz-153f93:rgba(24,64,144,1);--cz-154184:rgba(21,58,132,1);--cz-15477d:rgba(21,56,125,1);--cz-154d89:rgba(22,60,136,1);--cz-1552a5:rgba(26,71,160,1);--cz-155bb3:rgba(28,76,172,1);--cz-163f79:rgba(22,55,121,1);--cz-164c81:rgba(22,58,129,1);--cz-164e86:rgba(22,59,134,1);--cz-164e87:rgba(22,60,135,1);--cz-16558f:rgba(23,63,142,1);--cz-16569c:rgba(25,68,153,1);--cz-1658a8:rgba(27,72,163,1);--cz-1679df:rgba(34,93,211,1);--cz-1687eb:rgba(37,98,220,1);--cz-17365d:rgba(23,46,93,1);--cz-173768:rgba(23,50,104,1);--cz-173f73:rgba(23,54,115,1);--cz-17437d:rgba(23,57,125,1);--cz-174f90:rgba(23,63,144,1);--cz-174f9b:rgba(25,68,153,1);--cz-17548f:rgba(23,63,143,1);--cz-1766b3:rgba(28,77,174,1);--cz-1768c2:rgba(30,82,187,1);--cz-185799:rgba(25,67,152,1);--cz-185fa3:rgba(26,71,161,1);--cz-1877f2:rgba(45,104,221,1);--cz-1885d8:rgba(34,91,206,1);--cz-19519a:rgba(25,68,154,1);--cz-1971d9:rgba(34,92,208,1);--cz-1974da:rgba(34,92,209,1);--cz-1b71df:rgba(35,95,215,1);--cz-1b83ed:rgba(43,102,221,1);--cz-1c4279:rgba(28,59,121,1);--cz-1d5d92:rgba(29,68,146,1);--cz-209cf0:rgba(50,107,222,1);--cz-21558b:rgba(33,68,139,1);--cz-218fdc:rgba(35,96,218,1);--cz-229ce8:rgba(45,104,221,1);--cz-229ed9:rgba(35,95,216,1);--cz-236dbd:rgba(35,86,189,1);--cz-2379db:rgba(36,97,218,1);--cz-237cbe:rgba(35,87,190,1);--cz-244b78:rgba(36,64,120,1);--cz-247ddd:rgba(37,98,220,1);--cz-247dde:rgba(38,99,220,1);--cz-2485de:rgba(38,99,220,1);--cz-254a8c:rgba(37,71,140,1);--cz-258eea:rgba(49,107,222,1);--cz-2675d6:rgba(38,97,214,1);--cz-2776ce:rgba(39,95,206,1);--cz-277bdd:rgba(40,100,220,1);--cz-2785dc:rgba(39,99,220,1);--cz-2786ec:rgba(53,109,222,1);--cz-284a76:rgba(40,66,118,1);--cz-2878c7:rgba(40,93,199,1);--cz-29618e:rgba(41,75,142,1);--cz-2982df:rgba(43,102,221,1);--cz-299bd8:rgba(41,99,216,1);--cz-2b5685:rgba(43,73,133,1);--cz-2b619c:rgba(43,81,156,1);--cz-2ca8ee:rgba(59,114,223,1);--cz-315b85:rgba(49,77,133,1);--cz-315b92:rgba(49,81,146,1);--cz-315b95:rgba(49,82,149,1);--cz-315f8d:rgba(49,80,141,1);--cz-3183d3:rgba(49,103,211,1);--cz-32699d:rgba(50,86,157,1);--cz-327dc4:rgba(50,99,196,1);--cz-3388d7:rgba(51,106,215,1);--cz-345b95:rgba(52,84,149,1);--cz-3489dd:rgba(52,108,221,1);--cz-356298:rgba(53,86,152,1);--cz-3584df:rgba(54,110,222,1);--cz-3597fa:rgba(77,127,226,1);--cz-36608e:rgba(54,83,142,1);--cz-376fae:rgba(55,95,174,1);--cz-399aff:rgba(85,132,227,1);--cz-3e9bf0:rgba(76,126,226,1);--cz-3f6fa4:rgba(63,97,164,1);--cz-3f72a6:rgba(63,97,166,1);--cz-4177a9:rgba(65,100,169,1);--cz-426699:rgba(66,95,153,1);--cz-4387b7:rgba(67,106,183,1);--cz-438acb:rgba(67,112,203,1);--cz-438cda:rgba(67,117,218,1);--cz-446a96:rgba(68,95,150,1);--cz-446a9f:rgba(68,98,159,1);--cz-45a9fa:rgba(91,137,228,1);--cz-45b7fc:rgba(92,138,229,1);--cz-488bc8:rgba(72,115,200,1);--cz-48bfe9:rgba(79,128,226,1);--cz-4b9dea:rgba(82,130,227,1);--cz-4c94d8:rgba(76,123,216,1);--cz-507da9:rgba(80,110,169,1);--cz-52708e:rgba(82,102,142,1);--cz-5283b4:rgba(82,115,180,1);--cz-5297dd:rgba(82,128,221,1);--cz-537aa9:rgba(83,112,169,1);--cz-537ca7:rgba(83,111,167,1);--cz-537fae:rgba(83,113,174,1);--cz-54769e:rgba(84,109,158,1);--cz-5481b1:rgba(84,115,177,1);--cz-55739c:rgba(85,109,156,1);--cz-557da9:rgba(85,113,169,1);--cz-557fae:rgba(85,115,174,1);--cz-559ad8:rgba(85,129,216,1);--cz-57c8f5:rgba(102,145,230,1);--cz-5b9dde:rgba(91,135,222,1);--cz-5ba3e5:rgba(92,137,228,1);--cz-5c7da4:rgba(92,116,164,1);--cz-5fb5ff:rgba(117,156,233,1);--cz-607b97:rgba(96,114,151,1);--cz-6085aa:rgba(96,121,170,1);--cz-617b99:rgba(97,116,153,1);--cz-6385a8:rgba(99,122,168,1);--cz-6387ac:rgba(99,123,172,1);--cz-63b4fa:rgba(117,155,232,1);--cz-6480a3:rgba(100,121,163,1);--cz-6481a8:rgba(100,123,168,1);--cz-65a5db:rgba(101,140,219,1);--cz-6682a1:rgba(102,122,161,1);--cz-66849c:rgba(102,120,156,1);--cz-6684a9:rgba(102,124,169,1);--cz-6686a8:rgba(102,124,168,1);--cz-6786a6:rgba(103,124,166,1);--cz-6789a8:rgba(103,125,168,1);--cz-6883a2:rgba(104,123,162,1);--cz-6885a6:rgba(104,125,166,1);--cz-68aee8:rgba(105,147,231,1);--cz-68b1f2:rgba(114,153,232,1);--cz-6984a8:rgba(105,126,168,1);--cz-6c86a9:rgba(108,128,169,1);--cz-6c8caf:rgba(108,130,175,1);--cz-6daee9:rgba(111,151,231,1);--cz-6e87a7:rgba(110,129,167,1);--cz-6f8da9:rgba(111,130,169,1);--cz-6fa9df:rgba(111,148,223,1);--cz-7089a3:rgba(112,129,163,1);--cz-708dac:rgba(112,132,172,1);--cz-7095ba:rgba(112,137,186,1);--cz-718db0:rgba(113,134,176,1);--cz-7299c2:rgba(114,141,194,1);--cz-7390ac:rgba(115,134,172,1);--cz-7390ae:rgba(115,135,174,1);--cz-76d8ef:rgba(123,160,234,1);--cz-7790aa:rgba(119,136,170,1);--cz-7890a8:rgba(120,136,168,1);--cz-78a0cb:rgba(120,148,203,1);--cz-78afe2:rgba(120,155,226,1);--cz-7990a8:rgba(121,137,168,1);--cz-79abe4:rgba(121,157,228,1);--cz-7db8ec:rgba(127,163,234,1);--cz-7eb9ec:rgba(128,163,234,1);--cz-7eb9ef:rgba(130,165,235,1);--cz-7edaff:rgba(144,175,237,1);--cz-8195aa:rgba(129,143,170,1);--cz-82a5c4:rgba(130,152,196,1);--cz-82b9e9:rgba(130,164,233,1);--cz-82baf0:rgba(135,168,235,1);--cz-83b5e9:rgba(131,165,233,1);--cz-83b8e5:rgba(131,164,229,1);--cz-83bdf4:rgba(139,171,236,1);--cz-8497aa:rgba(132,145,170,1);--cz-86b8eb:rgba(134,168,235,1);--cz-87b9ec:rgba(135,169,236,1);--cz-87d4ff:rgba(152,181,238,1);--cz-88a4c0:rgba(136,155,192,1);--cz-89c4f4:rgba(144,175,237,1);--cz-8bb9e3:rgba(139,168,227,1);--cz-8bbbea:rgba(139,171,234,1);--cz-8cd4ff:rgba(156,184,239,1);--cz-8dbbe8:rgba(141,171,232,1);--cz-8ebae9:rgba(142,172,233,1);--cz-8ee6ff:rgba(158,185,239,1);--cz-8fbeed:rgba(143,174,237,1);--cz-90b9ec:rgba(144,175,236,1);--cz-91abc2:rgba(145,161,194,1);--cz-91bfea:rgba(145,175,234,1);--cz-91c4f2:rgba(149,179,238,1);--cz-92bee7:rgba(146,174,231,1);--cz-94bbd5:rgba(148,170,213,1);--cz-94c3eb:rgba(148,177,235,1);--cz-95c0ee:rgba(149,179,238,1);--cz-96c5ef:rgba(151,180,238,1);--cz-97a4b4:rgba(151,161,180,1);--cz-99c4ed:rgba(153,181,237,1);--cz-99cef3:rgba(157,184,239,1);--cz-9ac5e8:rgba(154,180,232,1);--cz-9bd0f7:rgba(162,188,240,1);--cz-9cc7ed:rgba(156,183,237,1);--cz-9cc8ee:rgba(156,183,238,1);--cz-9dc6e9:rgba(157,182,233,1);--cz-9dc7ed:rgba(157,184,237,1);--cz-9dc8f2:rgba(160,186,239,1);--cz-9dd0f7:rgba(164,189,240,1);--cz-9ec7ee:rgba(158,185,238,1);--cz-9ec8ec:rgba(158,184,236,1);--cz-9eeaff:rgba(172,195,241,1);--cz-9fc8f4:rgba(163,189,240,1);--cz-9fc9ed:rgba(159,185,237,1);--cz-a3c9ea:rgba(163,187,234,1);--cz-a4c8ef:rgba(164,189,239,1);--cz-a4cbed:rgba(164,188,237,1);--cz-a5cfed:rgba(165,189,237,1);--cz-a5cffa:rgba(173,196,242,1);--cz-a6eeff:rgba(178,200,243,1);--cz-a7c8f4:rgba(170,194,241,1);--cz-a7cdf2:rgba(168,192,241,1);--cz-a7ceff:rgba(179,200,243,1);--cz-a8cdf4:rgba(171,194,241,1);--cz-a8d4f7:rgba(173,196,242,1);--cz-a8d6f8:rgba(174,197,242,1);--cz-a8d8fa:rgba(176,198,242,1);--cz-a9c9f0:rgba(169,193,240,1);--cz-a9cbee:rgba(169,192,238,1);--cz-a9d7fb:rgba(178,199,242,1);--cz-aacdf1:rgba(170,194,241,1);--cz-aacdf3:rgba(172,195,241,1);--cz-abcdeb:rgba(171,192,235,1);--cz-abcfff:rgba(183,203,243,1);--cz-acd1ef:rgba(172,194,239,1);--cz-adf1ff:rgba(184,204,244,1);--cz-aecce8:rgba(174,193,232,1);--cz-aecdec:rgba(174,195,236,1);--cz-b0ccec:rgba(176,196,236,1);--cz-b0cff0:rgba(176,197,240,1);--cz-b0d0ee:rgba(176,197,238,1);--cz-b3d7f4:rgba(180,201,243,1);--cz-b5c8dd:rgba(181,194,221,1);--cz-b5d4f4:rgba(182,202,243,1);--cz-b5d5f0:rgba(181,201,240,1);--cz-b5d6ed:rgba(181,200,237,1);--cz-b6d6f5:rgba(184,204,243,1);--cz-b7d1ef:rgba(183,202,239,1);--cz-b7d5f1:rgba(183,202,241,1);--cz-b8d4f2:rgba(184,203,242,1);--cz-b8d8f1:rgba(184,203,241,1);--cz-b9d5f0:rgba(185,203,240,1);--cz-b9d6f3:rgba(185,204,243,1);--cz-b9d8f6:rgba(187,206,244,1);--cz-b9dcff:rgba(195,212,245,1);--cz-bad7ec:rgba(186,203,236,1);--cz-bad7f2:rgba(186,205,242,1);--cz-bbd6f4:rgba(187,206,244,1);--cz-bcd9ee:rgba(188,205,238,1);--cz-bcdfff:rgba(197,213,246,1);--cz-bdd3e7:rgba(189,203,231,1);--cz-bdd8f2:rgba(189,207,242,1);--cz-bdd9f7:rgba(191,209,245,1);--cz-bfd6ef:rgba(191,207,239,1);--cz-bfd8f0:rgba(191,207,240,1);--cz-bfd9ee:rgba(191,207,238,1);--cz-c0d8f1:rgba(192,208,241,1);--cz-c0d9e9:rgba(192,206,233,1);--cz-c1d7e8:rgba(193,206,232,1);--cz-c1daf2:rgba(193,209,242,1);--cz-c1dff4:rgba(193,210,244,1);--cz-c2dfff:rgba(203,217,246,1);--cz-c4d9f0:rgba(196,211,240,1);--cz-c4dcf2:rgba(196,211,242,1);--cz-c5dff4:rgba(197,213,244,1);--cz-c5e7ff:rgba(205,219,247,1);--cz-c6d9ed:rgba(198,211,237,1);--cz-c6ddee:rgba(198,211,238,1);--cz-c7dff3:rgba(199,214,243,1);--cz-c7e3ff:rgba(207,220,247,1);--cz-c7e5ff:rgba(207,220,247,1);--cz-c8dbee:rgba(200,213,238,1);--cz-c9e2ff:rgba(209,222,247,1);--cz-c9e7fb:rgba(205,219,247,1);--cz-cbdef5:rgba(203,217,245,1);--cz-cbe7ff:rgba(210,223,248,1);--cz-cbe8ff:rgba(210,223,248,1);--cz-cbe9ff:rgba(210,223,248,1);--cz-cce4ff:rgba(211,223,248,1);--cz-cce6fc:rgba(209,222,247,1);--cz-cce7ff:rgba(211,223,248,1);--cz-cce9ff:rgba(211,223,248,1);--cz-cceaff:rgba(211,223,248,1);--cz-cde4ff:rgba(212,224,248,1);--cz-cee6ff:rgba(213,225,248,1);--cz-cfe0f2:rgba(207,219,242,1);--cz-cfe1f4:rgba(207,219,244,1);--cz-d0e4f5:rgba(208,220,245,1);--cz-d0e7ff:rgba(215,226,248,1);--cz-d1e9fb:rgba(212,224,248,1);--cz-d2dce8:rgba(210,217,232,1);--cz-d3e9ff:rgba(217,228,249,1);--cz-d4e7f6:rgba(212,223,246,1);--cz-d4eaff:rgba(218,228,249,1);--cz-d4ebff:rgba(218,228,249,1);--cz-d5e6f7:rgba(213,224,247,1);--cz-d5eaff:rgba(219,229,249,1);--cz-d5ebff:rgba(219,229,249,1);--cz-d6e6f7:rgba(214,225,247,1);--cz-d6eaff:rgba(220,230,249,1);--cz-d7e7f7:rgba(215,226,247,1);--cz-d7e8f5:rgba(215,225,245,1);--cz-d7eaff:rgba(221,230,249,1);--cz-d7ebff:rgba(221,230,249,1);--cz-d7edff:rgba(221,230,249,1);--cz-d8e6f3:rgba(216,225,243,1);--cz-d8ebfb:rgba(218,228,249,1);--cz-d8ecff:rgba(221,231,250,1);--cz-d8edff:rgba(221,231,250,1);--cz-d8efff:rgba(221,231,250,1);--cz-d8f0ff:rgba(221,231,250,1);--cz-d9edff:rgba(222,231,250,1);--cz-d9efff:rgba(222,231,250,1);--cz-dbedfd:rgba(222,231,250,1);--cz-dcecff:rgba(225,233,250,1);--cz-dceeff:rgba(225,233,250,1);--cz-dcefff:rgba(225,233,250,1);--cz-dfedff:rgba(227,235,251,1);--cz-dff3ff:rgba(227,235,251,1);--cz-e0efff:rgba(228,236,251,1);--cz-e1ecf8:rgba(225,233,248,1);--cz-e1f0ff:rgba(229,236,251,1);--cz-e1f1ff:rgba(229,236,251,1);--cz-e2efff:rgba(230,237,251,1);--cz-e2f1ff:rgba(230,237,251,1);--cz-e2f2ff:rgba(230,237,251,1);--cz-e3f0ff:rgba(231,238,251,1);--cz-e3f1ff:rgba(231,238,251,1);--cz-e4f0ff:rgba(232,238,251,1);--cz-e4f2ff:rgba(232,238,251,1);--cz-e4f4ff:rgba(232,238,251,1);--cz-e5f0fb:rgba(229,236,251,1);--cz-e5f3ff:rgba(233,239,251,1);--cz-e5f5ff:rgba(233,239,251,1);--cz-e6faff:rgba(234,239,251,1);--cz-e7f4ff:rgba(234,240,252,1);--cz-e7f5ff:rgba(234,240,252,1);--cz-e7f6ff:rgba(234,240,252,1);--cz-e8f3ff:rgba(235,241,252,1);--cz-e8f9ff:rgba(235,241,252,1);--cz-e9f6ff:rgba(236,241,252,1);--cz-e9f8ff:rgba(236,241,252,1);--cz-e9fbff:rgba(236,241,252,1);--cz-eaf4ff:rgba(237,242,252,1);--cz-eaf6ff:rgba(237,242,252,1);--cz-ecf7ff:rgba(239,243,252,1);--cz-edf7ff:rgba(240,244,252,1);--cz-eef8ff:rgba(240,244,253,1);--cz-eefaff:rgba(240,244,253,1);--cz-eff7ff:rgba(241,245,253,1);--cz-eff8ff:rgba(241,245,253,1);--cz-eff9ff:rgba(241,245,253,1);--cz-f1f8ff:rgba(243,246,253,1);--cz-f1f9ff:rgba(243,246,253,1);--cz-f2f9ff:rgba(244,247,253,1);--cz-f3fbff:rgba(245,248,253,1);--cz-f4f9ff:rgba(246,248,253,1);--cz-f4faff:rgba(246,248,253,1);--cz-f4fbff:rgba(246,248,253,1);--cz-f5faff:rgba(246,249,254,1);--cz-f5fbff:rgba(246,249,254,1);--cz-f6fbff:rgba(247,249,254,1);--cz-f7fbff:rgba(248,250,254,1);--cz-f7fcff:rgba(248,250,254,1);--cz-f8fbff:rgba(249,251,254,1);--cz-f8fcff:rgba(249,251,254,1);--cz-f9fcff:rgba(250,251,254,1);--cz-f9fdff:rgba(250,251,254,1);--cz-fbfdff:rgba(252,253,254,1);--cz-rgb-0-30-70-_3:rgba(10,27,60,0.3);--cz-rgb-0-40-100-_35:rgba(14,38,86,0.35);--cz-rgb-0-45-100-_25:rgba(14,38,86,0.25);--cz-rgb-0-46-112-_3:rgba(16,43,96,0.3);--cz-rgb-0-48-105-_28:rgba(15,40,90,0.28);--cz-rgb-0-53-120-_28:rgba(17,46,103,0.28);--cz-rgb-0-61-130-_25:rgba(18,49,112,0.25);--cz-rgb-0-61-130-_28:rgba(18,49,112,0.28);--cz-rgb-0-65-145-_20:rgba(20,55,125,0.2);--cz-rgb-0-66-130-_15:rgba(18,49,112,0.15);--cz-rgb-0-70-140-_20:rgba(20,53,120,0.2);--cz-rgb-0-70-150-_22:rgba(21,57,129,0.22);--cz-rgb-12-42-78-_25:rgba(13,34,77,0.25);--cz-rgb-126-188-240-_12:rgba(131,166,235,0.12);--cz-rgb-15-67-125-_07:rgba(20,53,120,0.07);--cz-rgb-20-70-120-_18:rgba(20,53,120,0.18);--cz-rgb-20-70-130-_24:rgba(21,57,129,0.24);--cz-rgb-203-231-255-_75:rgba(210,223,248,0.75);--cz-rgb-206-232-255-_86:rgba(213,225,248,0.86);--cz-rgb-213-235-255-_9:rgba(219,229,249,0.9);--cz-rgb-235-247-255-_65:rgba(238,243,252,0.65);--cz-rgb-235-247-255-_75:rgba(238,243,252,0.75);--cz-rgb-239-248-255-_88:rgba(241,245,253,0.88);--cz-rgb-239-248-255-_97:rgba(241,245,253,0.97);--cz-rgb-241-249-255-_74:rgba(243,246,253,0.74);--cz-rgb-242-249-255-_80:rgba(244,247,253,0.8);--cz-rgb-244-250-255-_82:rgba(246,248,253,0.82);--cz-rgb-25-70-120-_18:rgba(25,57,120,0.18);--cz-rgb-39-134-236-_13:rgba(53,109,222,0.13);--cz-rgb-40-160-255-_55:rgba(70,122,225,0.55);--cz-rgb-53-156-236-_24:rgba(65,118,224,0.24);--cz-rgb-54-164-255-_50:rgba(82,130,227,0.5);--cz-rgb-70-150-230-_12:rgba(74,125,226,0.12);--cz-rgb-80-180-255-_45:rgba(104,146,231,0.45);--wall-glass:hsla(220,65%,94%,.72);--wall-panel:hsla(220,65%,96%,.91);--wall-ink:hsl(220,65%,22%)}

html[data-chat-background="nature"]{--cz-0053c7:rgba(76,171,28,1);--cz-0066df:rgba(85,192,31,1);--cz-06245f:rgba(38,87,14,1);--cz-063f91:rgba(57,130,21,1);--cz-06458e:rgba(56,127,21,1);--cz-06478f:rgba(57,128,21,1);--cz-07368d:rgba(56,127,21,1);--cz-073b93:rgba(59,132,22,1);--cz-073d8f:rgba(57,129,21,1);--cz-074598:rgba(60,137,22,1);--cz-0753bc:rgba(74,168,27,1);--cz-0756b9:rgba(73,165,27,1);--cz-0757bd:rgba(74,169,27,1);--cz-0758bb:rgba(74,167,27,1);--cz-0758bd:rgba(74,169,27,1);--cz-0759d9:rgba(85,193,31,1);--cz-075bd7:rgba(84,191,31,1);--cz-075daf:rgba(69,157,25,1);--cz-075ddd:rgba(87,196,32,1);--cz-0763bf:rgba(75,170,28,1);--cz-08285d:rgba(38,87,14,1);--cz-083d89:rgba(55,125,20,1);--cz-0860a7:rgba(66,150,24,1);--cz-0861c8:rgba(79,179,29,1);--cz-0861ca:rgba(80,181,29,1);--cz-0864ee:rgba(93,212,34,1);--cz-0865ba:rgba(74,167,27,1);--cz-0866c6:rgba(78,177,29,1);--cz-0871cf:rgba(82,185,30,1);--cz-0871e7:rgba(91,206,33,1);--cz-0878d1:rgba(82,187,30,1);--cz-0952d2:rgba(83,188,31,1);--cz-0956ba:rgba(74,168,27,1);--cz-0a4c9e:rgba(64,144,24,1);--cz-102333:rgba(28,51,16,1);--cz-102538:rgba(29,56,16,1);--cz-103377:rgba(51,116,19,1);--cz-103c78:rgba(52,117,19,1);--cz-103d7d:rgba(54,121,20,1);--cz-104990:rgba(61,138,22,1);--cz-124287:rgba(58,132,21,1);--cz-125ca8:rgba(71,160,26,1);--cz-1266b5:rgba(76,171,28,1);--cz-126ad3:rgba(87,197,32,1);--cz-126bef:rgba(98,220,37,1);--cz-126cf4:rgba(101,220,42,1);--cz-135dba:rgba(78,176,29,1);--cz-1475dc:rgba(91,206,34,1);--cz-153b7a:rgba(55,122,21,1);--cz-153f7d:rgba(56,125,21,1);--cz-153f93:rgba(64,144,24,1);--cz-154184:rgba(58,132,21,1);--cz-15477d:rgba(56,125,21,1);--cz-154d89:rgba(60,136,22,1);--cz-1552a5:rgba(71,160,26,1);--cz-155bb3:rgba(76,172,28,1);--cz-163f79:rgba(55,121,22,1);--cz-164c81:rgba(58,129,22,1);--cz-164e86:rgba(59,134,22,1);--cz-164e87:rgba(60,135,22,1);--cz-16558f:rgba(63,142,23,1);--cz-16569c:rgba(68,153,25,1);--cz-1658a8:rgba(72,163,27,1);--cz-1679df:rgba(93,211,34,1);--cz-1687eb:rgba(98,220,37,1);--cz-17365d:rgba(46,93,23,1);--cz-173768:rgba(50,104,23,1);--cz-173f73:rgba(54,115,23,1);--cz-17437d:rgba(57,125,23,1);--cz-174f90:rgba(63,144,23,1);--cz-174f9b:rgba(68,153,25,1);--cz-17548f:rgba(63,143,23,1);--cz-1766b3:rgba(77,174,28,1);--cz-1768c2:rgba(82,187,30,1);--cz-185799:rgba(67,152,25,1);--cz-185fa3:rgba(71,161,26,1);--cz-1877f2:rgba(104,221,45,1);--cz-1885d8:rgba(91,206,34,1);--cz-19519a:rgba(68,154,25,1);--cz-1971d9:rgba(92,208,34,1);--cz-1974da:rgba(92,209,34,1);--cz-1b71df:rgba(95,215,35,1);--cz-1b83ed:rgba(102,221,43,1);--cz-1c4279:rgba(59,121,28,1);--cz-1d5d92:rgba(68,146,29,1);--cz-209cf0:rgba(107,222,50,1);--cz-21558b:rgba(68,139,33,1);--cz-218fdc:rgba(96,218,35,1);--cz-229ce8:rgba(104,221,45,1);--cz-229ed9:rgba(95,216,35,1);--cz-236dbd:rgba(86,189,35,1);--cz-2379db:rgba(97,218,36,1);--cz-237cbe:rgba(87,190,35,1);--cz-244b78:rgba(64,120,36,1);--cz-247ddd:rgba(98,220,37,1);--cz-247dde:rgba(99,220,38,1);--cz-2485de:rgba(99,220,38,1);--cz-254a8c:rgba(71,140,37,1);--cz-258eea:rgba(107,222,49,1);--cz-2675d6:rgba(97,214,38,1);--cz-2776ce:rgba(95,206,39,1);--cz-277bdd:rgba(100,220,40,1);--cz-2785dc:rgba(99,220,39,1);--cz-2786ec:rgba(109,222,53,1);--cz-284a76:rgba(66,118,40,1);--cz-2878c7:rgba(93,199,40,1);--cz-29618e:rgba(75,142,41,1);--cz-2982df:rgba(102,221,43,1);--cz-299bd8:rgba(99,216,41,1);--cz-2b5685:rgba(73,133,43,1);--cz-2b619c:rgba(81,156,43,1);--cz-2ca8ee:rgba(114,223,59,1);--cz-315b85:rgba(77,133,49,1);--cz-315b92:rgba(81,146,49,1);--cz-315b95:rgba(82,149,49,1);--cz-315f8d:rgba(80,141,49,1);--cz-3183d3:rgba(103,211,49,1);--cz-32699d:rgba(86,157,50,1);--cz-327dc4:rgba(99,196,50,1);--cz-3388d7:rgba(106,215,51,1);--cz-345b95:rgba(84,149,52,1);--cz-3489dd:rgba(108,221,52,1);--cz-356298:rgba(86,152,53,1);--cz-3584df:rgba(110,222,54,1);--cz-3597fa:rgba(127,226,77,1);--cz-36608e:rgba(83,142,54,1);--cz-376fae:rgba(95,174,55,1);--cz-399aff:rgba(132,227,85,1);--cz-3e9bf0:rgba(126,226,76,1);--cz-3f6fa4:rgba(97,164,63,1);--cz-3f72a6:rgba(97,166,63,1);--cz-4177a9:rgba(100,169,65,1);--cz-426699:rgba(95,153,66,1);--cz-4387b7:rgba(106,183,67,1);--cz-438acb:rgba(112,203,67,1);--cz-438cda:rgba(117,218,67,1);--cz-446a96:rgba(95,150,68,1);--cz-446a9f:rgba(98,159,68,1);--cz-45a9fa:rgba(137,228,91,1);--cz-45b7fc:rgba(138,229,92,1);--cz-488bc8:rgba(115,200,72,1);--cz-48bfe9:rgba(128,226,79,1);--cz-4b9dea:rgba(130,227,82,1);--cz-4c94d8:rgba(123,216,76,1);--cz-507da9:rgba(110,169,80,1);--cz-52708e:rgba(102,142,82,1);--cz-5283b4:rgba(115,180,82,1);--cz-5297dd:rgba(128,221,82,1);--cz-537aa9:rgba(112,169,83,1);--cz-537ca7:rgba(111,167,83,1);--cz-537fae:rgba(113,174,83,1);--cz-54769e:rgba(109,158,84,1);--cz-5481b1:rgba(115,177,84,1);--cz-55739c:rgba(109,156,85,1);--cz-557da9:rgba(113,169,85,1);--cz-557fae:rgba(115,174,85,1);--cz-559ad8:rgba(129,216,85,1);--cz-57c8f5:rgba(145,230,102,1);--cz-5b9dde:rgba(135,222,91,1);--cz-5ba3e5:rgba(137,228,92,1);--cz-5c7da4:rgba(116,164,92,1);--cz-5fb5ff:rgba(156,233,117,1);--cz-607b97:rgba(114,151,96,1);--cz-6085aa:rgba(121,170,96,1);--cz-617b99:rgba(116,153,97,1);--cz-6385a8:rgba(122,168,99,1);--cz-6387ac:rgba(123,172,99,1);--cz-63b4fa:rgba(155,232,117,1);--cz-6480a3:rgba(121,163,100,1);--cz-6481a8:rgba(123,168,100,1);--cz-65a5db:rgba(140,219,101,1);--cz-6682a1:rgba(122,161,102,1);--cz-66849c:rgba(120,156,102,1);--cz-6684a9:rgba(124,169,102,1);--cz-6686a8:rgba(124,168,102,1);--cz-6786a6:rgba(124,166,103,1);--cz-6789a8:rgba(125,168,103,1);--cz-6883a2:rgba(123,162,104,1);--cz-6885a6:rgba(125,166,104,1);--cz-68aee8:rgba(147,231,105,1);--cz-68b1f2:rgba(153,232,114,1);--cz-6984a8:rgba(126,168,105,1);--cz-6c86a9:rgba(128,169,108,1);--cz-6c8caf:rgba(130,175,108,1);--cz-6daee9:rgba(151,231,111,1);--cz-6e87a7:rgba(129,167,110,1);--cz-6f8da9:rgba(130,169,111,1);--cz-6fa9df:rgba(148,223,111,1);--cz-7089a3:rgba(129,163,112,1);--cz-708dac:rgba(132,172,112,1);--cz-7095ba:rgba(137,186,112,1);--cz-718db0:rgba(134,176,113,1);--cz-7299c2:rgba(141,194,114,1);--cz-7390ac:rgba(134,172,115,1);--cz-7390ae:rgba(135,174,115,1);--cz-76d8ef:rgba(160,234,123,1);--cz-7790aa:rgba(136,170,119,1);--cz-7890a8:rgba(136,168,120,1);--cz-78a0cb:rgba(148,203,120,1);--cz-78afe2:rgba(155,226,120,1);--cz-7990a8:rgba(137,168,121,1);--cz-79abe4:rgba(157,228,121,1);--cz-7db8ec:rgba(163,234,127,1);--cz-7eb9ec:rgba(163,234,128,1);--cz-7eb9ef:rgba(165,235,130,1);--cz-7edaff:rgba(175,237,144,1);--cz-8195aa:rgba(143,170,129,1);--cz-82a5c4:rgba(152,196,130,1);--cz-82b9e9:rgba(164,233,130,1);--cz-82baf0:rgba(168,235,135,1);--cz-83b5e9:rgba(165,233,131,1);--cz-83b8e5:rgba(164,229,131,1);--cz-83bdf4:rgba(171,236,139,1);--cz-8497aa:rgba(145,170,132,1);--cz-86b8eb:rgba(168,235,134,1);--cz-87b9ec:rgba(169,236,135,1);--cz-87d4ff:rgba(181,238,152,1);--cz-88a4c0:rgba(155,192,136,1);--cz-89c4f4:rgba(175,237,144,1);--cz-8bb9e3:rgba(168,227,139,1);--cz-8bbbea:rgba(171,234,139,1);--cz-8cd4ff:rgba(184,239,156,1);--cz-8dbbe8:rgba(171,232,141,1);--cz-8ebae9:rgba(172,233,142,1);--cz-8ee6ff:rgba(185,239,158,1);--cz-8fbeed:rgba(174,237,143,1);--cz-90b9ec:rgba(175,236,144,1);--cz-91abc2:rgba(161,194,145,1);--cz-91bfea:rgba(175,234,145,1);--cz-91c4f2:rgba(179,238,149,1);--cz-92bee7:rgba(174,231,146,1);--cz-94bbd5:rgba(170,213,148,1);--cz-94c3eb:rgba(177,235,148,1);--cz-95c0ee:rgba(179,238,149,1);--cz-96c5ef:rgba(180,238,151,1);--cz-97a4b4:rgba(161,180,151,1);--cz-99c4ed:rgba(181,237,153,1);--cz-99cef3:rgba(184,239,157,1);--cz-9ac5e8:rgba(180,232,154,1);--cz-9bd0f7:rgba(188,240,162,1);--cz-9cc7ed:rgba(183,237,156,1);--cz-9cc8ee:rgba(183,238,156,1);--cz-9dc6e9:rgba(182,233,157,1);--cz-9dc7ed:rgba(184,237,157,1);--cz-9dc8f2:rgba(186,239,160,1);--cz-9dd0f7:rgba(189,240,164,1);--cz-9ec7ee:rgba(185,238,158,1);--cz-9ec8ec:rgba(184,236,158,1);--cz-9eeaff:rgba(195,241,172,1);--cz-9fc8f4:rgba(189,240,163,1);--cz-9fc9ed:rgba(185,237,159,1);--cz-a3c9ea:rgba(187,234,163,1);--cz-a4c8ef:rgba(189,239,164,1);--cz-a4cbed:rgba(188,237,164,1);--cz-a5cfed:rgba(189,237,165,1);--cz-a5cffa:rgba(196,242,173,1);--cz-a6eeff:rgba(200,243,178,1);--cz-a7c8f4:rgba(194,241,170,1);--cz-a7cdf2:rgba(192,241,168,1);--cz-a7ceff:rgba(200,243,179,1);--cz-a8cdf4:rgba(194,241,171,1);--cz-a8d4f7:rgba(196,242,173,1);--cz-a8d6f8:rgba(197,242,174,1);--cz-a8d8fa:rgba(198,242,176,1);--cz-a9c9f0:rgba(193,240,169,1);--cz-a9cbee:rgba(192,238,169,1);--cz-a9d7fb:rgba(199,242,178,1);--cz-aacdf1:rgba(194,241,170,1);--cz-aacdf3:rgba(195,241,172,1);--cz-abcdeb:rgba(192,235,171,1);--cz-abcfff:rgba(203,243,183,1);--cz-acd1ef:rgba(194,239,172,1);--cz-adf1ff:rgba(204,244,184,1);--cz-aecce8:rgba(193,232,174,1);--cz-aecdec:rgba(195,236,174,1);--cz-b0ccec:rgba(196,236,176,1);--cz-b0cff0:rgba(197,240,176,1);--cz-b0d0ee:rgba(197,238,176,1);--cz-b3d7f4:rgba(201,243,180,1);--cz-b5c8dd:rgba(194,221,181,1);--cz-b5d4f4:rgba(202,243,182,1);--cz-b5d5f0:rgba(201,240,181,1);--cz-b5d6ed:rgba(200,237,181,1);--cz-b6d6f5:rgba(204,243,184,1);--cz-b7d1ef:rgba(202,239,183,1);--cz-b7d5f1:rgba(202,241,183,1);--cz-b8d4f2:rgba(203,242,184,1);--cz-b8d8f1:rgba(203,241,184,1);--cz-b9d5f0:rgba(203,240,185,1);--cz-b9d6f3:rgba(204,243,185,1);--cz-b9d8f6:rgba(206,244,187,1);--cz-b9dcff:rgba(212,245,195,1);--cz-bad7ec:rgba(203,236,186,1);--cz-bad7f2:rgba(205,242,186,1);--cz-bbd6f4:rgba(206,244,187,1);--cz-bcd9ee:rgba(205,238,188,1);--cz-bcdfff:rgba(213,246,197,1);--cz-bdd3e7:rgba(203,231,189,1);--cz-bdd8f2:rgba(207,242,189,1);--cz-bdd9f7:rgba(209,245,191,1);--cz-bfd6ef:rgba(207,239,191,1);--cz-bfd8f0:rgba(207,240,191,1);--cz-bfd9ee:rgba(207,238,191,1);--cz-c0d8f1:rgba(208,241,192,1);--cz-c0d9e9:rgba(206,233,192,1);--cz-c1d7e8:rgba(206,232,193,1);--cz-c1daf2:rgba(209,242,193,1);--cz-c1dff4:rgba(210,244,193,1);--cz-c2dfff:rgba(217,246,203,1);--cz-c4d9f0:rgba(211,240,196,1);--cz-c4dcf2:rgba(211,242,196,1);--cz-c5dff4:rgba(213,244,197,1);--cz-c5e7ff:rgba(219,247,205,1);--cz-c6d9ed:rgba(211,237,198,1);--cz-c6ddee:rgba(211,238,198,1);--cz-c7dff3:rgba(214,243,199,1);--cz-c7e3ff:rgba(220,247,207,1);--cz-c7e5ff:rgba(220,247,207,1);--cz-c8dbee:rgba(213,238,200,1);--cz-c9e2ff:rgba(222,247,209,1);--cz-c9e7fb:rgba(219,247,205,1);--cz-cbdef5:rgba(217,245,203,1);--cz-cbe7ff:rgba(223,248,210,1);--cz-cbe8ff:rgba(223,248,210,1);--cz-cbe9ff:rgba(223,248,210,1);--cz-cce4ff:rgba(223,248,211,1);--cz-cce6fc:rgba(222,247,209,1);--cz-cce7ff:rgba(223,248,211,1);--cz-cce9ff:rgba(223,248,211,1);--cz-cceaff:rgba(223,248,211,1);--cz-cde4ff:rgba(224,248,212,1);--cz-cee6ff:rgba(225,248,213,1);--cz-cfe0f2:rgba(219,242,207,1);--cz-cfe1f4:rgba(219,244,207,1);--cz-d0e4f5:rgba(220,245,208,1);--cz-d0e7ff:rgba(226,248,215,1);--cz-d1e9fb:rgba(224,248,212,1);--cz-d2dce8:rgba(217,232,210,1);--cz-d3e9ff:rgba(228,249,217,1);--cz-d4e7f6:rgba(223,246,212,1);--cz-d4eaff:rgba(228,249,218,1);--cz-d4ebff:rgba(228,249,218,1);--cz-d5e6f7:rgba(224,247,213,1);--cz-d5eaff:rgba(229,249,219,1);--cz-d5ebff:rgba(229,249,219,1);--cz-d6e6f7:rgba(225,247,214,1);--cz-d6eaff:rgba(230,249,220,1);--cz-d7e7f7:rgba(226,247,215,1);--cz-d7e8f5:rgba(225,245,215,1);--cz-d7eaff:rgba(230,249,221,1);--cz-d7ebff:rgba(230,249,221,1);--cz-d7edff:rgba(230,249,221,1);--cz-d8e6f3:rgba(225,243,216,1);--cz-d8ebfb:rgba(228,249,218,1);--cz-d8ecff:rgba(231,250,221,1);--cz-d8edff:rgba(231,250,221,1);--cz-d8efff:rgba(231,250,221,1);--cz-d8f0ff:rgba(231,250,221,1);--cz-d9edff:rgba(231,250,222,1);--cz-d9efff:rgba(231,250,222,1);--cz-dbedfd:rgba(231,250,222,1);--cz-dcecff:rgba(233,250,225,1);--cz-dceeff:rgba(233,250,225,1);--cz-dcefff:rgba(233,250,225,1);--cz-dfedff:rgba(235,251,227,1);--cz-dff3ff:rgba(235,251,227,1);--cz-e0efff:rgba(236,251,228,1);--cz-e1ecf8:rgba(233,248,225,1);--cz-e1f0ff:rgba(236,251,229,1);--cz-e1f1ff:rgba(236,251,229,1);--cz-e2efff:rgba(237,251,230,1);--cz-e2f1ff:rgba(237,251,230,1);--cz-e2f2ff:rgba(237,251,230,1);--cz-e3f0ff:rgba(238,251,231,1);--cz-e3f1ff:rgba(238,251,231,1);--cz-e4f0ff:rgba(238,251,232,1);--cz-e4f2ff:rgba(238,251,232,1);--cz-e4f4ff:rgba(238,251,232,1);--cz-e5f0fb:rgba(236,251,229,1);--cz-e5f3ff:rgba(239,251,233,1);--cz-e5f5ff:rgba(239,251,233,1);--cz-e6faff:rgba(239,251,234,1);--cz-e7f4ff:rgba(240,252,234,1);--cz-e7f5ff:rgba(240,252,234,1);--cz-e7f6ff:rgba(240,252,234,1);--cz-e8f3ff:rgba(241,252,235,1);--cz-e8f9ff:rgba(241,252,235,1);--cz-e9f6ff:rgba(241,252,236,1);--cz-e9f8ff:rgba(241,252,236,1);--cz-e9fbff:rgba(241,252,236,1);--cz-eaf4ff:rgba(242,252,237,1);--cz-eaf6ff:rgba(242,252,237,1);--cz-ecf7ff:rgba(243,252,239,1);--cz-edf7ff:rgba(244,252,240,1);--cz-eef8ff:rgba(244,253,240,1);--cz-eefaff:rgba(244,253,240,1);--cz-eff7ff:rgba(245,253,241,1);--cz-eff8ff:rgba(245,253,241,1);--cz-eff9ff:rgba(245,253,241,1);--cz-f1f8ff:rgba(246,253,243,1);--cz-f1f9ff:rgba(246,253,243,1);--cz-f2f9ff:rgba(247,253,244,1);--cz-f3fbff:rgba(248,253,245,1);--cz-f4f9ff:rgba(248,253,246,1);--cz-f4faff:rgba(248,253,246,1);--cz-f4fbff:rgba(248,253,246,1);--cz-f5faff:rgba(249,254,246,1);--cz-f5fbff:rgba(249,254,246,1);--cz-f6fbff:rgba(249,254,247,1);--cz-f7fbff:rgba(250,254,248,1);--cz-f7fcff:rgba(250,254,248,1);--cz-f8fbff:rgba(251,254,249,1);--cz-f8fcff:rgba(251,254,249,1);--cz-f9fcff:rgba(251,254,250,1);--cz-f9fdff:rgba(251,254,250,1);--cz-fbfdff:rgba(253,254,252,1);--cz-rgb-0-30-70-_3:rgba(27,60,10,0.3);--cz-rgb-0-40-100-_35:rgba(38,86,14,0.35);--cz-rgb-0-45-100-_25:rgba(38,86,14,0.25);--cz-rgb-0-46-112-_3:rgba(43,96,16,0.3);--cz-rgb-0-48-105-_28:rgba(40,90,15,0.28);--cz-rgb-0-53-120-_28:rgba(46,103,17,0.28);--cz-rgb-0-61-130-_25:rgba(49,112,18,0.25);--cz-rgb-0-61-130-_28:rgba(49,112,18,0.28);--cz-rgb-0-65-145-_20:rgba(55,125,20,0.2);--cz-rgb-0-66-130-_15:rgba(49,112,18,0.15);--cz-rgb-0-70-140-_20:rgba(53,120,20,0.2);--cz-rgb-0-70-150-_22:rgba(57,129,21,0.22);--cz-rgb-12-42-78-_25:rgba(34,77,13,0.25);--cz-rgb-126-188-240-_12:rgba(166,235,131,0.12);--cz-rgb-15-67-125-_07:rgba(53,120,20,0.07);--cz-rgb-20-70-120-_18:rgba(53,120,20,0.18);--cz-rgb-20-70-130-_24:rgba(57,129,21,0.24);--cz-rgb-203-231-255-_75:rgba(223,248,210,0.75);--cz-rgb-206-232-255-_86:rgba(225,248,213,0.86);--cz-rgb-213-235-255-_9:rgba(229,249,219,0.9);--cz-rgb-235-247-255-_65:rgba(243,252,238,0.65);--cz-rgb-235-247-255-_75:rgba(243,252,238,0.75);--cz-rgb-239-248-255-_88:rgba(245,253,241,0.88);--cz-rgb-239-248-255-_97:rgba(245,253,241,0.97);--cz-rgb-241-249-255-_74:rgba(246,253,243,0.74);--cz-rgb-242-249-255-_80:rgba(247,253,244,0.8);--cz-rgb-244-250-255-_82:rgba(248,253,246,0.82);--cz-rgb-25-70-120-_18:rgba(57,120,25,0.18);--cz-rgb-39-134-236-_13:rgba(109,222,53,0.13);--cz-rgb-40-160-255-_55:rgba(122,225,70,0.55);--cz-rgb-53-156-236-_24:rgba(118,224,65,0.24);--cz-rgb-54-164-255-_50:rgba(130,227,82,0.5);--cz-rgb-70-150-230-_12:rgba(125,226,74,0.12);--cz-rgb-80-180-255-_45:rgba(146,231,104,0.45);--wall-glass:hsla(100,65%,94%,.72);--wall-panel:hsla(100,65%,96%,.91);--wall-ink:hsl(100,65%,22%)}

html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app :is(.mobile-section,.profile-card,.user-settings-menu,.conversation-list,.member-card){background:var(--wall-panel)!important;color:var(--wall-ink)}

html body .wallpaper-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;width:100%;box-sizing:border-box}
html body .wallpaper-card{position:relative;display:flex!important;flex-direction:column;gap:6px;min-width:0;margin:0;padding:7px!important;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:9px;background:var(--wall-panel,#f3f9ff);color:var(--wall-ink,#17365d);cursor:pointer;text-align:center}
html body .wallpaper-card img{display:block;width:100%;height:78px;object-fit:cover;border-radius:5px}
html body .wallpaper-card span{font:600 12px/1.4 Arial,sans-serif}
html body .wallpaper-card input[type=radio]{position:absolute;top:10px;left:10px;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;accent-color:var(--cz-1971d9,#1971d9)}
html body .wallpaper-card:has(input:checked){border:2px solid var(--cz-1971d9,#1971d9);padding:6px!important}
html body .wallpaper-card:focus-within{outline:2px solid var(--cz-1971d9,#1971d9);outline-offset:2px}

/* Theme the built-in community icons; uploaded profile photos retain their colours. */
html[data-chat-background="nature"] #app :is(.msn-ui-icon,.people-logo,.channel-icon img){filter:sepia(.7) saturate(1.8) hue-rotate(55deg)!important}
html[data-chat-background="sunset"] #app :is(.msn-ui-icon,.people-logo,.channel-icon img){filter:sepia(.8) saturate(2.6) hue-rotate(320deg)!important}
html:is([data-chat-background="nature"],[data-chat-background="sunset"]) #app :is(.nav-identity,.social-avatar){border-color:var(--cz-94bbd5,#94bbd5)}

/* Entry screen follows the server-selected wallpaper and palette. */
html[data-chat-background] body #loginScreen{background:var(--chat-wallpaper-color,#a8ddfb) var(--chat-wallpaper) center/cover no-repeat!important}
html[data-chat-background] body #loginScreen .login-card{background:var(--wall-panel,rgba(245,250,255,.9))!important;color:var(--wall-ink,#17365d)}
html[data-chat-background] body #loginScreen :is(h1,h2,p,label,a,.tagline,.login-slogan){color:var(--wall-ink,#17365d)!important}
html[data-chat-background] body #loginButton{background:linear-gradient(var(--cz-2786ec,#2786ec),var(--cz-0758bd,#0758bd))!important;border-color:var(--cz-0758bd,#0758bd)!important;color:#fff!important}
html[data-chat-background] body #loginScreen input{border-color:var(--cz-94bbd5,#94bbd5)!important;color:var(--wall-ink,#17365d)!important}
html[data-applet-choice="classic"][data-classic-composer="default"] #app #privateComposerBlock{display:none!important}

html[data-chat-background] body #app #radioPanel #radioPlay{background:linear-gradient(145deg,var(--cz-2786ec,#2786ec),var(--cz-0758bd,#0758bd))!important;background-image:linear-gradient(145deg,var(--cz-2786ec,#2786ec),var(--cz-0758bd,#0758bd))!important;color:#fff!important;border:1px solid var(--cz-0758bd,#0758bd)!important;box-shadow:inset 0 1px 2px #fff8,0 1px 4px #0002!important;text-shadow:none!important}
html[data-chat-background] body #app #radioPanel #radioPlay::before,html[data-chat-background] body #app #radioPanel #radioPlay::after{background-image:none!important}

html body .wallpaper-default{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:7px;color:var(--wall-ink,#17365d)}
html body .wallpaper-default input{width:16px!important;min-height:0!important;height:16px!important;margin:0!important}
html body .wallpaper-default small{font-size:11px}
@media(max-width:760px){
 html[data-message-style="classic"][data-classic-composer="default"][data-chat-background] body #app #messages .message-media:not(:empty){display:block!important;width:fit-content;max-width:100%;box-sizing:border-box;padding:6px!important;margin:4px 0!important;background:var(--wall-panel,#eaf5ff)!important;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:9px;color:var(--wall-ink,#17365d)!important;overflow:hidden}
 html[data-message-style="classic"][data-classic-composer="default"][data-chat-background] body #app #messages .voice-player{background:var(--cz-e2f1ff,#e2f1ff)!important;color:var(--wall-ink,#17365d)!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)}
 html[data-message-style="classic"][data-classic-composer="default"][data-chat-background] body #app #messages .voice-play{background:var(--cz-0758bd,#0758bd)!important;color:#fff!important}
 html[data-message-style="classic"][data-classic-composer="default"][data-chat-background] body #app #messages .chat-image{display:block;border-radius:6px;max-width:100%;height:auto}
}

html body .wallpaper-original-preview{display:flex;flex-direction:column;justify-content:center;gap:7px;height:78px;width:100%;box-sizing:border-box;padding:12px;border-radius:5px;background:linear-gradient(135deg,#eef8ff,#b9ddff)}
html body .wallpaper-original-preview i{display:block;height:9px;width:65%;background:#fff;border:1px solid #a8c8e5;border-radius:4px}
html body .wallpaper-original-preview i:nth-child(2){align-self:flex-end;background:#83bafa}
html[data-chat-background="original"]{--wall-panel:#eff8ff;--wall-ink:#17365d;--chat-wallpaper:none;--chat-wallpaper-color:#cbe5ff}

.favicon-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px;margin:12px 0}.favicon-options .favicon-option{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:9px;background:var(--wall-panel,#eff8ff);cursor:pointer}.favicon-option:has(input:checked){outline:2px solid var(--cz-0758bd,#0758bd)}.favicon-option input[type=radio]{width:16px!important;height:16px!important;min-height:0!important;margin:0!important}.favicon-option img{display:block;width:32px;height:32px}

/* Preserve the original borderless mobile login layout; only theme its colors. */
@media(max-width:760px){html[data-chat-background] body #loginScreen .login-card{background:transparent!important;border:0;box-shadow:none;backdrop-filter:none}}
/* Consistent picture cards before and after moderation, in channels and PMs. */
html body #app #messages .message.has-image .message-body{display:inline-block!important;max-width:min(100%,166px)!important;padding:7px!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)!important;border-radius:13px!important;background:var(--wall-panel,var(--cz-edf7ff,#edf7ff))!important;box-shadow:0 2px 5px #00000015;overflow:hidden}
html body #app #messages .message.has-image .image-message{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;margin-top:5px}
html body #app #messages .message.has-image .chat-image{display:block;width:150px!important;max-width:100%!important;height:94px!important;max-height:none!important;object-fit:cover;border-radius:9px!important;margin:0;flex:0 0 auto}
html body #app #messages .message.has-image [data-image-read]{display:block;width:150px;max-width:100%;min-height:94px;border-radius:9px;background:var(--cz-e2f1ff,#e2f1ff)}
html body #app #messages .message.has-image .image-message small{font-size:11px;color:var(--wall-ink,#47617c)}
/* The initial Classic palette remains independent from scenic wallpapers. */
@media(max-width:760px){html[data-applet-choice="classic"] body #app .brand-buddies,html body #app .brand .brand-buddies{width:34px!important;height:34px!important;min-width:34px!important;object-fit:contain;transform:none!important}html.chat-keyboard-open body #app .brand .brand-buddies{width:27px!important;height:27px!important;min-width:27px!important}}
html body #app .brand .brand-buddies{object-fit:contain}
.login-avatar img[data-brand-logo]:not([data-brand-logo="msn"]){object-fit:contain;transform:none!important;width:110px;height:110px}

/* Compact attachment controls and a full-width logo chooser. */
html body #app #messages [data-channel-media-delete]{background:#fff0f2!important;border:1px solid #ee7586!important;color:#df1837!important;border-radius:6px!important;width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;font-size:18px!important;line-height:22px!important}
html body #app #messages .voice-player{width:170px!important;max-width:100%!important;padding:5px 7px!important;gap:5px!important;border-radius:18px!important}
html body #app #messages .voice-play{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:12px!important}
html body #app #messages .voice-wave{height:20px!important;gap:1px!important}
html body #app #messages .voice-time{font-size:10px!important;white-space:nowrap}
html body #app #messages .reaction-counts:empty{display:none!important}
html body #app #messages .reaction-widget:has(>.reaction-menu[hidden]):has(>.reaction-counts:empty){display:none!important}
html body #app #messages .message-media:empty{display:none!important}
html body .applet-admin-dialog #adminBrandForm>.favicon-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin:0}
html body .applet-admin-dialog #adminBrandForm .favicon-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;padding:7px 4px;min-width:0;font-size:12px}
html body .applet-admin-dialog #adminBrandForm .favicon-option img{width:28px!important;height:28px!important;object-fit:contain}
html body .applet-admin-dialog #adminBrandForm .favicon-option input[type=radio]{width:14px!important;height:14px!important;min-height:0;padding:0;margin:0}
html body .applet-admin-dialog #adminBrandForm>label:has(input[name=name]){grid-column:1/-1}
@media(max-width:760px){html[data-applet-choice="classic"][data-message-style="classic"] body #app #messages .message.self:not(.has-image) .message-body{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}html[data-applet-choice="classic"][data-message-style="classic"] body #app #messages .message.self :is(.message-text,.message-content-line){background:transparent!important;color:inherit!important}}

@media(max-width:760px){
/* The themed composer owns its row and all three inner columns. */
html[data-chat-background] body #app .layout .composer .composer-row.themed-composer{display:flex!important;grid-template-columns:none!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:5px!important;gap:4px!important;box-sizing:border-box!important}
html[data-chat-background] body #app .layout .composer .composer-row.themed-composer .message-input-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 32px 32px!important;align-items:center!important;gap:3px!important;flex:1 1 0%!important;align-self:stretch!important;width:auto!important;max-width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:3px 5px!important;margin:0!important;box-sizing:border-box!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:16px!important;background:var(--wall-panel,#fff)!important;box-shadow:inset 0 1px 3px #0000000a!important}
html[data-chat-background] body #app .layout .composer .composer-row.themed-composer .message-input-wrap #messageInput{grid-column:1!important;grid-row:1!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:8px 5px!important;line-height:20px!important;border:0!important;border-radius:11px!important;outline:none!important;box-shadow:none!important;background:transparent!important;resize:none!important;overflow-y:auto!important}
html[data-chat-background] body #app .layout .composer .composer-row.themed-composer .message-input-wrap :is(#emojiButton,#sendButton){position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;justify-self:center!important;grid-row:1!important;box-sizing:border-box!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;flex:none!important;margin:0!important;padding:3px!important;transform:none!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:transparent!important}
html[data-chat-background] body #app .layout .composer .composer-row.themed-composer .message-input-wrap #emojiButton{grid-column:2!important;font-size:23px!important}
html[data-chat-background] body #app .layout .composer .composer-row.themed-composer .message-input-wrap #sendButton{grid-column:3!important;color:var(--cz-0758bd,#0758bd)!important}
html[data-chat-background] body #app .layout .composer .composer-row.themed-composer .message-input-wrap #sendButton svg{display:block!important;width:25px!important;height:25px!important;flex:none!important}

}


/* One compact frame for author, description and attachment. */
html body #app #messages .message:is(.has-image,.has-voice){align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}
html body #app #messages .message:is(.has-image,.has-voice) .message-body{display:block!important;box-sizing:border-box!important;width:fit-content!important;max-width:min(100%,180px)!important;padding:5px!important;margin:2px 0!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)!important;border-radius:10px!important;background:var(--wall-panel,#edf7ff)!important;box-shadow:none!important;color:#111!important;text-align:left!important}
html body #app #messages .message.has-image .message-body{max-width:min(100%,144px)!important}
html body #app #messages .message:is(.has-image,.has-voice) .message-body .media-card-header{display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:wrap!important;width:100%;margin:0 0 3px!important}
html body #app #messages .message:is(.has-image,.has-voice) .media-card-header .message-avatar{display:inline-flex!important;position:static!important;width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;vertical-align:top!important}
html body #app #messages .message:is(.has-image,.has-voice) .media-card-header .message-avatar :is(img,.social-avatar){width:18px!important;height:18px!important;border-radius:5px!important}
html body #app #messages .message:is(.has-image,.has-voice) .media-card-header :is(.message-name,.message-time,.standard-time){font-size:10px!important;line-height:14px!important;color:#111!important}
html body #app #messages .message:is(.has-image,.has-voice) .message-body :is(.message-content-line,.message-text){display:block!important;color:#111!important;background:transparent!important;font-size:11px!important;line-height:14px!important;white-space:normal!important}
html body #app #messages .message.has-image .chat-image{width:132px!important;height:82px!important;max-width:100%!important;margin:0!important;border-radius:7px!important}
html body #app #messages .message.has-image [data-image-read]{width:132px!important;min-height:82px!important}
html body #app #messages .message.has-voice .message-media:not(:empty){display:block!important;width:auto!important;max-width:100%!important;margin:4px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html body #app #messages .message.has-voice .moderated-media{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:3px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html body #app #messages .message.has-voice .voice-player{width:132px!important;padding:3px 5px!important;gap:3px!important;min-height:28px!important;border-radius:14px!important}
html body #app #messages .message.has-voice .voice-play{width:21px!important;height:21px!important;flex-basis:21px!important;font-size:10px!important}
html body #app #messages .message.has-voice .voice-wave{height:17px!important}
@media(max-width:760px){html[data-applet-choice="classic"][data-message-style="classic"] body #app #messages .message:is(.has-image,.has-voice){display:block!important;width:100%!important;margin:3px 0!important;padding:0!important}html[data-applet-choice="classic"][data-message-style="classic"] body #app #messages .message:is(.has-image,.has-voice) .message-body{margin-left:0!important;margin-right:auto!important;background:var(--wall-panel,#edf7ff)!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)!important;padding:5px!important;border-radius:10px!important}}

/* Full-width modern mobile channel composer. */
@media(max-width:760px){
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer{grid-column:1 / -1!important;grid-row:3!important;margin:3px 4px 4px!important;min-width:0!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) #rightPanel{grid-row:2!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer .composer-row{display:flex!important;padding:3px!important;width:100%!important;box-sizing:border-box!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer .composer-row .message-input-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 30px 34px!important;align-items:center!important;gap:2px!important;flex:1 1 0%!important;width:100%!important;min-width:0!important;height:44px!important;padding:3px!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:6px!important;background:#fff!important;box-sizing:border-box!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer .composer-row .message-input-wrap #messageInput{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:6px!important;border:0!important;background:transparent!important;box-sizing:border-box!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer .composer-row .message-input-wrap :is(#emojiButton,#sendButton){position:static!important;inset:auto!important;transform:none!important;grid-row:1!important;width:30px!important;min-width:30px!important;height:32px!important;margin:0!important;padding:2px!important;display:flex!important;align-items:center!important;justify-content:center!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer .composer-row .message-input-wrap #emojiButton{grid-column:2!important;background:transparent!important;border:0!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer .composer-row .message-input-wrap #sendButton{grid-column:3!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:4px!important;background:var(--cz-e2f1ff,#e2f1ff)!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar #nickTabButton.nick-tab-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:60px!important;min-width:60px!important;flex:0 0 60px!important;height:20px!important;min-height:20px!important;margin:2px 2px 2px auto!important;padding:0 5px!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:4px!important;background:linear-gradient(#fff,var(--cz-e2f1ff,#e2f1ff))!important;color:var(--cz-1266b5,#1266b5)!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) #nickTabButton .nick-tab-arrow{display:none!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) #nickTabButton .nick-tab-label{font:400 13px/18px Arial,sans-serif!important}
html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) #nickTabButton::after{content:'';display:block;width:18px;height:16px;flex:0 0 18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'%3E%3Cpath d='M2 1v10M28 13v10M26 6H6M4 18h20' fill='none' stroke='black' stroke-width='2.5'/%3E%3Cpath d='M6 2 0 6l6 4V2m18 12 6 4-6 4v-8'/%3E%3C/svg%3E") center/contain no-repeat}
}

/* Visibility switches hide every entry point, independently of access permissions. */
html[data-ui-youtube="false"] body #youtubeButton#youtubeButton,html[data-ui-youtube="false"] body :is(#app,#socialDialog,#userCard):is(#app,#socialDialog,#userCard) [data-call-shortcut="youtubeButton"]{display:none!important}
html[data-ui-microphone="false"] body #voiceButton#voiceButton,html[data-ui-microphone="false"] body :is(#app,#socialDialog,#userCard):is(#app,#socialDialog,#userCard) [data-call-shortcut="voiceButton"]{display:none!important}
html[data-ui-images="false"] body #imageButton#imageButton,html[data-ui-images="false"] body :is(#app,#socialDialog,#userCard):is(#app,#socialDialog,#userCard) [data-call-shortcut="imageButton"]{display:none!important}
html[data-ui-audio-calls="false"] body #audioCallButton#audioCallButton,html[data-ui-audio-calls="false"] body :is(#app,#socialDialog,#userCard):is(#app,#socialDialog,#userCard) [data-call-shortcut="audioCallButton"],html[data-ui-audio-calls="false"] body :is(#app,#socialDialog,#userCard):is(#app,#socialDialog,#userCard) [data-profile-call="audio"]{display:none!important}
html[data-ui-video-calls="false"] body #videoCallButton#videoCallButton,html[data-ui-video-calls="false"] body :is(#app,#socialDialog,#userCard):is(#app,#socialDialog,#userCard) [data-call-shortcut="videoCallButton"],html[data-ui-video-calls="false"] body :is(#app,#socialDialog,#userCard):is(#app,#socialDialog,#userCard) [data-profile-call="video"]{display:none!important}

@media(max-width:760px){
 html body #app #messages .youtube-preview{display:block!important;width:150px!important;max-width:100%!important;height:94px!important;min-height:0!important;border:0!important;border-radius:9px!important}
 html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout.msn-private-chat .desktop-private-portraits{grid-row:2!important;padding-bottom:8px!important}
}

@media(max-width:760px){
 html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout.msn-private-chat .desktop-composer-toolbar #nickTabButton.nick-tab-button{order:999!important;margin-left:auto!important;margin-right:2px!important;float:none!important}
 html:is(:not([data-applet-choice="classic"]),[data-applet-choice="classic"][data-classic-composer="modern"]) body #app .layout.msn-private-chat .desktop-private-portraits{padding-bottom:0!important;margin-bottom:0!important;align-self:stretch!important}
 html body #app .layout.msn-private-chat .private-self-portrait{margin-top:auto!important;margin-bottom:0!important}
}
@media(min-width:761px){
 html body #app #messages .message:is(.has-image,.has-voice) .message-body{max-width:min(100%,320px)!important}
 html body #app #messages .message.has-image .chat-image{width:280px!important;height:175px!important;max-width:100%!important;object-fit:cover!important}
 html body #app #messages .message.has-image [data-image-read]{width:280px!important;min-height:175px!important;max-width:100%!important}
 html body #app #messages .youtube-preview{width:320px!important;height:180px!important;max-width:100%!important;border-radius:10px!important}
 html body #app #messages .message.has-voice .voice-player{width:240px!important;min-height:36px!important;padding:6px 8px!important;gap:6px!important}
 html body #app #messages .message.has-voice .voice-play{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:13px!important}
 html body #app #messages .message.has-voice .voice-wave{height:24px!important}
}

html body dialog.appearance-choice{background:#fff!important;color:#17365d!important;border-color:#bdd3e7!important}
html body dialog.appearance-choice button{background:#fff!important;color:#17365d!important;border:1px solid #bdd3e7!important;box-shadow:none!important}
html body dialog.appearance-choice button:hover,html body dialog.appearance-choice button:focus-visible{background:#f0f6fc!important;border-color:#83b5e9!important}

/* Classic channel has two grid rows; only the composer controls use modern styling. */
@media(max-width:760px){
 html[data-applet-choice="classic"][data-message-style="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .chat-panel{grid-column:1!important;grid-row:1!important}
 html[data-applet-choice="classic"][data-message-style="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat #rightPanel{grid-column:2!important;grid-row:1!important}
 html[data-applet-choice="classic"][data-message-style="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat>.composer{grid-column:1 / -1!important;grid-row:2!important}
}

/* Compact YouTube previews in administrator and applet operator panels. */
html body .applet-admin-dialog .youtube-preview{display:block;width:160px!important;max-width:100%!important;height:90px!important;min-height:0!important;aspect-ratio:16/9;border:0;border-radius:8px;margin:6px 0}

/* Personal colour is used by the input and transmitted text, never the channel palette. */
html body #app #messageInput{color:var(--outgoing-text-color,#000)!important}
.personal-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}
html body .personal-color-grid button{width:32px;height:32px;min-width:0;padding:0;border:1px solid #8193a5;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff60}
@media(max-width:760px){
 html body #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar>select[data-text-pref="size"]{display:block!important;order:-90!important;flex:0 0 43px!important;width:43px!important;min-width:43px!important;height:25px!important;padding:1px!important;font-size:11px!important;background:#fff!important}
 html body #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar .desktop-font-select{order:-100!important}
}

/* Small personal colour popup on mobile only. */
@media(max-width:760px){
 html body #socialDialog:has(.personal-color-grid){width:250px!important;max-width:calc(100vw - 24px)!important;max-height:80dvh;border-radius:12px;box-sizing:border-box}
 html body #socialDialog:has(.personal-color-grid) header{padding:8px 10px}
 html body #socialDialog:has(.personal-color-grid) h2{font-size:15px}
 html body #socialDialog:has(.personal-color-grid) header button{width:28px;height:28px;padding:2px;border-radius:6px}
 html body #socialDialog:has(.personal-color-grid) .social-dialog-content{padding:10px}
 html body #socialDialog .personal-color-grid{grid-template-columns:repeat(6,28px);justify-content:space-between;gap:6px;margin:0 0 10px}
 html body #socialDialog .personal-color-grid button{width:28px;height:28px;min-height:0;padding:0;border-radius:5px}
 html body #socialDialog:has(.personal-color-grid) label{display:flex;align-items:center;gap:8px;margin:0 0 7px;font-size:12px}
 html body #socialDialog:has(.personal-color-grid) input{box-sizing:border-box;height:28px;min-width:0;padding:3px 5px;border:1px solid var(--cz-aacdf1,#aacdf1);border-radius:5px;background:#fff}
 html body #socialDialog [data-custom-ink]{width:42px}
 html body #socialDialog [data-ink-hex]{width:95px;font-size:16px}
 html body #socialDialog [data-apply-ink]{padding:5px 10px;font-size:12px;border-radius:6px}
}

#connectingScreen.connection-failed .connecting-logo,#connectingScreen.connection-failed .connecting-logo *{animation:none!important}
#connectingScreen.connection-failed .connecting-status{color:#b6203d;font-weight:700}
.admin-ident-settings{padding:10px 0;border-top:1px solid var(--cz-bdd3e7,#bdd3e7)}
.admin-ident-settings textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:8px;background:white;color:#17365d;resize:vertical}

.admin-ident-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--cz-bdd3e7,#bdd3e7)}
.applet-admin-dialog .admin-botnet-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.applet-admin-dialog .admin-botnet-toggle input{width:18px;height:18px;margin:0}
html body .applet-admin-dialog .admin-ident-settings{padding:12px;margin:10px 0;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:10px;background:var(--cz-e2f1ff,#e2f1ff)}
html body .applet-admin-dialog .admin-ident-settings summary{font-weight:600;cursor:pointer}
html body .applet-admin-dialog #adminIdents{display:flex;align-items:flex-end;gap:8px;margin:10px 0}
html body .applet-admin-dialog #adminIdents label{flex:1;min-width:0;margin:0;font-size:13px}
html body .applet-admin-dialog #adminIdents input{width:100%;min-width:0;height:36px;padding:7px 9px;font-size:16px}
html body .applet-admin-dialog #adminIdents button{flex:none;min-height:36px;padding:6px 12px;margin:0}
html body .applet-admin-dialog .admin-ident-list{max-height:200px;overflow:auto;scrollbar-width:thin}
html body .applet-admin-dialog .admin-ident-list span{min-width:0;overflow-wrap:anywhere;font-size:13px}
html body .applet-admin-dialog .admin-ident-list button{flex:none;padding:5px 10px;font-size:12px;border-radius:6px}
html body .applet-admin-dialog label.admin-botnet-toggle{display:flex!important;align-items:center;justify-content:space-between;margin:12px 0 7px;padding:9px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:8px;background:#ffffff80}
html body .applet-admin-dialog label.admin-botnet-toggle input{width:18px!important;height:18px!important;min-width:18px;flex:none;margin:0!important;accent-color:var(--cz-1974da,#1974da)}
html body .applet-admin-dialog .admin-ident-settings>small{display:block;font-size:12px;line-height:1.5}

/* Keep iOS input focus from magnifying/cropping the mobile chat. Message text
   still uses the selected font size; only the editing field has a 16px floor. */
@media(max-width:760px){
 html body #app .layout .composer #messageInput{
  font-size:max(16px,var(--chat-text-size,14px))!important;
 }
}

/* Transcript navigation floats inside the message viewport, without a side rail. */
html body button.transcript-arrow{position:fixed;z-index:45;transform:translateX(-50%);display:grid;place-items:center;width:30px;height:28px;min-width:0;padding:0;border:1px solid var(--cz-94bbd5,#94bbd5);border-radius:14px;background:color-mix(in srgb,var(--cz-e2f1ff,#e2f1ff) 65%,transparent);color:var(--cz-0758bd,#0758bd);box-shadow:0 1px 4px #0002;font-size:21px;line-height:1;cursor:pointer;backdrop-filter:blur(3px)}
html body button.transcript-arrow[hidden]{display:none!important}
/* Compact only the channel name/topic strip. Keep brand, radio and profile
   headings at their original sizes. */
@media(min-width:761px){
 html body #app .layout:not(.private-chat) .channel-head{min-height:36px!important;padding-top:3px!important;padding-bottom:3px!important;gap:6px!important}
 html body #app .layout:not(.private-chat) .channel-head .channel-icon,
 html body #app .layout:not(.private-chat) .channel-head .channel-icon .msn-ui-icon{width:28px!important;height:28px!important;min-width:28px!important;font-size:26px!important}
}
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout.msn-channel-chat .channel-head{min-height:32px!important;padding-top:2px!important;padding-bottom:2px!important;gap:5px!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout.msn-channel-chat .channel-head .channel-icon,
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout.msn-channel-chat .channel-head .channel-icon .msn-ui-icon{width:26px!important;height:26px!important;min-width:26px!important;font-size:24px!important}
}

/* Arrow controls replace the old in-flow paging labels. */
html body #app #messages .history-page{display:none!important}
html body #lastChannelButton{display:none!important}
@media(max-width:760px){
 html:not([data-applet-choice="classic"]):is([data-message-style="modern"],[data-message-style="standard"]) body #app .mobile-nav{height:calc(52px + env(safe-area-inset-bottom))!important;flex-basis:calc(52px + env(safe-area-inset-bottom))!important;padding-top:2px!important;padding-bottom:env(safe-area-inset-bottom)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html:not([data-applet-choice="classic"]):is([data-message-style="modern"],[data-message-style="standard"]) body #app .mobile-nav:has(#lastChannelButton:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))!important}
 html:not([data-applet-choice="classic"]):is([data-message-style="modern"],[data-message-style="standard"]) body #app .mobile-nav button{min-width:0!important;margin:0 3px!important;font-size:19px!important;padding-top:1px!important;padding-bottom:1px!important}
 html:not([data-applet-choice="classic"]):is([data-message-style="modern"],[data-message-style="standard"]) body #app .mobile-nav button>span{font-size:9px!important;margin-top:1px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html:not([data-applet-choice="classic"]):is([data-message-style="modern"],[data-message-style="standard"]) body #app .mobile-nav #lastChannelButton:not([hidden]){display:block!important}
 html:not([data-applet-choice="classic"]) body #app .mobile-nav .nav-identity .social-avatar{width:28px!important;height:28px!important}
 html:not([data-applet-choice="classic"]) body #app .mobile-nav button>img{width:27px!important;height:27px!important;object-fit:contain}
}

@media(max-width:760px){
 html body #app .mobile-nav #lastChannelButton>span{font-family:inherit;font-size:9px!important;font-weight:400;line-height:normal;margin-top:1px!important;display:block}
}

/* Mobile: profile actions expand underneath the selected member. */
@media(max-width:760px){
 html body :is(#memberList,#mobileMemberList) #userCard.inline-member-card.open{display:block;position:relative!important;inset:auto!important;transform:none!important;width:calc(100% - 4px)!important;max-width:none!important;max-height:none!important;margin:6px 2px;padding:8px 4px 4px!important;border:1px solid var(--cz-82b9e9,#82b9e9)!important;border-radius:10px!important;overflow:visible;box-shadow:0 2px 5px #16477022;z-index:1}
 html body :is(#memberList,#mobileMemberList) #userCardContext,
 html body :is(#memberList,#mobileMemberList) #userCardClose{display:none!important}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-avatar{width:48px!important;height:48px!important;margin:3px auto 5px!important;border-radius:10px}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-info h2{font:600 12px/1.3 Arial,sans-serif!important;margin:3px 0!important;overflow-wrap:anywhere}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-online{font-size:10px}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-info p{font-size:9px;margin:3px 0 7px}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-radius:8px}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-actions button{width:100%;min-width:0;min-height:39px!important;padding:6px 3px!important;gap:4px;font-size:10px!important;border-radius:0;box-shadow:none}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-actions button>span:not(.profile-action-icon){min-width:0;flex:1;white-space:normal;overflow-wrap:anywhere}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-actions small{font-size:8px;line-height:1.3}
 html body :is(#memberList,#mobileMemberList) #userCard .profile-action-icon{width:20px!important;height:20px!important;flex:0 0 20px}
 html body :is(#memberList,#mobileMemberList) #userCard .user-card-actions button::after{content:'›';font-size:17px;color:var(--cz-537ca7,#537ca7);margin-left:auto}
 html body :is(#memberList,#mobileMemberList) .profile-expanded{background:var(--cz-d4ebff,#d4ebff);border-radius:6px}
 html body :is(#memberList,#mobileMemberList) .profile-expanded::after{content:'⌄';margin-left:auto;color:var(--cz-537ca7,#537ca7)}
}

@media(max-width:760px){
 html body :is(#memberList,#mobileMemberList) #userCard.inline-member-card.open{margin-top:10px!important}
 html body :is(#memberList,#mobileMemberList) #userCard.inline-member-card::before{content:"";position:absolute;top:-7px;left:15px;width:12px;height:12px;transform:rotate(45deg);border-left:1px solid var(--cz-82b9e9,#82b9e9);border-top:1px solid var(--cz-82b9e9,#82b9e9);background:var(--cz-f5fbff,#f5fbff);pointer-events:none}
 html body #app :is(#memberList,#mobileMemberList) .member-row.profile-expanded{position:relative;padding-right:17px!important;background:var(--cz-d4ebff,#d4ebff)!important;border-radius:6px!important}
 html body :is(#memberList,#mobileMemberList) .member-row.profile-expanded::after{content:""!important;display:block!important;position:absolute;right:6px;top:50%;width:5px;height:5px;border-right:1px solid var(--cz-063f91,#063f91);border-bottom:1px solid var(--cz-063f91,#063f91);transform:translateY(-70%) rotate(45deg);pointer-events:none}
}

/* Operator actions stay collapsed until explicitly opened. */
html body #userCard details.profile-moderation{display:block;max-height:none;overflow:visible;margin-top:7px;padding-top:6px;border-color:var(--cz-bdd3e7,#bdd3e7)}
html body #userCard details.profile-moderation>summary{cursor:pointer;padding:8px 5px;border:1px solid var(--cz-b0d0ee,#b0d0ee);border-radius:7px;background:var(--cz-e4f2ff,#e4f2ff);color:var(--cz-0a4c9e,#0a4c9e);font-size:11px;font-weight:600}
html body #userCard details.profile-moderation:not([open])>button{display:none!important}
html body #userCard details.profile-moderation>button{box-sizing:border-box;display:flex;width:100%;min-width:0;margin-top:4px;padding:6px 4px;font-size:10px;border-color:var(--cz-b0d0ee,#b0d0ee);color:var(--cz-0a4c9e,#0a4c9e);background:var(--cz-f5fbff,#f5fbff)}

/* Shared grouped channel roster on desktop and mobile. */
html body :is(#memberList,#mobileMemberList) .member-group-heading{box-sizing:border-box;display:flex;align-items:center;gap:5px;width:100%;min-width:0;margin:7px 0 3px;padding:4px 5px;border:0;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--group-color) 23%,white),color-mix(in srgb,var(--group-color) 9%,white));color:var(--group-color);font:500 11px/1.25 Arial,sans-serif;text-align:left;cursor:pointer}
html body :is(#memberList,#mobileMemberList) .member-group-heading:first-child{margin-top:0}
html body :is(#memberList,#mobileMemberList) .member-group-heading>span{flex:1;min-width:0;overflow-wrap:anywhere}
html body :is(#memberList,#mobileMemberList) .member-group-heading>b{border-radius:12px;padding:1px 6px;background:color-mix(in srgb,var(--group-color) 55%,white);color:white;font:10px Arial,sans-serif}
html body :is(#memberList,#mobileMemberList) .member-group-heading>i{width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin:0 2px 3px}
html body :is(#memberList,#mobileMemberList) .member-group-heading[aria-expanded="false"]>i{transform:rotate(-45deg);margin-bottom:0}
html body #app :is(#memberList,#mobileMemberList) .grouped-member,html body #mobileMemberList .grouped-member{display:flex;align-items:center;gap:6px;padding:2px 8px!important;margin:2px 0;min-height:20px;border-radius:5px;background:#ffffff66;color:var(--group-color)!important}
html body :is(#memberList,#mobileMemberList) .grouped-member :is(.member-nick,.member-prefix){color:var(--group-color)!important}
html body :is(#memberList,#mobileMemberList) .member-group-icon{display:block;width:16px;height:16px;flex:0 0 16px;color:var(--group-color)}
html body :is(#memberList,#mobileMemberList) .grouped-member>[data-social-friend]{display:none!important}
html body :is(#memberList,#mobileMemberList) :is(.member-group-heading[hidden],.grouped-member[hidden],.group-collapsed,#userCard[hidden]){display:none!important}

/* Global roster avatar preference, independent of group icons in headings. */
html body :is(#memberList,#mobileMemberList) .roster-profile-avatar{display:none!important}
html[data-ui-nick-list-avatars="true"] body :is(#memberList,#mobileMemberList) .grouped-member>.member-group-icon{display:none!important}
html[data-ui-nick-list-avatars="true"] body :is(#memberList,#mobileMemberList) .roster-profile-avatar{display:block!important;width:20px;height:20px;flex:0 0 20px}
html body :is(#memberList,#mobileMemberList) .roster-profile-avatar .social-avatar{width:20px!important;height:20px!important}
html body :is(#memberList,#mobileMemberList) .roster-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:5px}
html body #userCard.rank-colored-profile{--cz-063f91:var(--profile-rank-color);--cz-0a4c9e:var(--profile-rank-color);--cz-537ca7:var(--profile-rank-color);--cz-82b9e9:color-mix(in srgb,var(--profile-rank-color) 45%,white);--cz-b0d0ee:color-mix(in srgb,var(--profile-rank-color) 30%,white);--cz-bdd3e7:color-mix(in srgb,var(--profile-rank-color) 25%,white);--cz-f5fbff:color-mix(in srgb,var(--profile-rank-color) 5%,white);--cz-dceeff:color-mix(in srgb,var(--profile-rank-color) 12%,white);--cz-e4f2ff:color-mix(in srgb,var(--profile-rank-color) 10%,white);background:linear-gradient(135deg,var(--cz-f5fbff),var(--cz-dceeff))!important;border-color:var(--cz-82b9e9)!important}
html body #userCard.rank-colored-profile :is(.user-card-info h2,.user-card-actions button,.profile-moderation button){color:var(--profile-rank-color)!important}

/* Keep the IRC prefix and nickname together on all roster layouts. */
html body #app :is(#memberList,#mobileMemberList) .grouped-member>div:not(.roster-profile-avatar),html body #mobileMemberList .grouped-member>div:not(.roster-profile-avatar){display:flex!important;flex-direction:row!important;align-items:center;gap:2px;min-width:0;flex:1;white-space:nowrap}
html body :is(#memberList,#mobileMemberList) .grouped-member .member-prefix{display:inline!important;flex:0 0 auto}
html body :is(#memberList,#mobileMemberList) .grouped-member .member-nick{display:inline-block!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:760px){
 html body #app .mobile-nav button[data-mobile="chats"]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px}
 html body #app .mobile-nav button[data-mobile="chats"]>.nav-identity{display:block!important;position:static!important;margin:0!important;line-height:1}
 html body #app .mobile-nav button[data-mobile="chats"]>span:not(.nav-identity):not(.mobile-nav-badge){display:block!important;position:static!important;margin:0!important;font-size:9px;line-height:1.1}
}
html body #messages .rank-message .message-name{color:var(--message-rank-color)!important}
html body #messages .rank-message .message-avatar .member-group-icon{width:20px;height:20px;color:var(--message-rank-color);display:block}
html body #adminAccountsArea form{display:grid;gap:9px;margin-top:10px}
html body #adminAccountsArea label{display:grid;gap:4px}
html body #adminAccountsArea button{border:1px solid var(--cz-82b9e9,#82b9e9);border-radius:7px;padding:7px 10px;background:var(--cz-e4f2ff,#e4f2ff);color:var(--cz-063f91,#063f91)}

html body :is(#adminAccountsArea,.management-group) .admin-account-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0;padding:9px 11px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:9px;background:var(--cz-f5fbff,#f5fbff)}
html body .admin-account-row strong{min-width:0;overflow-wrap:anywhere;font-size:13px;color:var(--cz-063f91,#063f91)}
html body .admin-account-row button{flex:0 0 auto;min-width:54px;margin-left:auto}
html body .management-group{margin:10px 0;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:9px;padding:9px}
html body .management-group summary{cursor:pointer;font-weight:600;color:var(--cz-063f91,#063f91)}
html body .management-group form{display:flex;gap:8px;margin:10px 0}
html body .management-group input{min-width:0;flex:1;padding:8px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:7px}
html body .management-group button{padding:7px 11px;border-radius:7px;border:1px solid var(--cz-82b9e9,#82b9e9);background:var(--cz-e4f2ff,#e4f2ff);color:var(--cz-063f91,#063f91)}

/* Compact, non-wrapping roster headings across phone widths. */
html body :is(#memberList,#mobileMemberList) button.member-group-heading{display:grid!important;grid-template-columns:16px minmax(0,1fr) max-content 7px!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;min-height:24px!important;height:auto!important;padding:4px!important;gap:3px!important;line-height:16px!important}
html body :is(#memberList,#mobileMemberList) button.member-group-heading>span{display:block!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;font:600 11px/16px Arial,sans-serif!important}
html body :is(#memberList,#mobileMemberList) button.member-group-heading>.member-group-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
html body :is(#memberList,#mobileMemberList) button.member-group-heading>b{flex:0 0 auto!important;padding:1px 4px!important;font:10px/12px Arial,sans-serif!important;white-space:nowrap!important}
html body :is(#memberList,#mobileMemberList) button.member-group-heading>i{flex:0 0 5px!important}

/* Resize the layout column itself, keeping the roster against the right edge. */
:root{--channel-roster-width:190px}
@media(max-width:760px){:root{--channel-roster-width:clamp(100px,32vw,128px)}}
html[data-message-style="classic"] body #app>.layout:not(.private-chat):not(.standard-members-hidden){grid-template-columns:minmax(0,1fr) var(--channel-roster-width)!important}
@media(max-width:760px){
 html body #app>.layout.msn-channel-chat:not(.private-chat):not(.modern-members-hidden):not(.standard-members-hidden){display:grid!important;grid-template-columns:minmax(0,1fr) var(--channel-roster-width)!important}
}
@media(min-width:1051px){
 html:not([data-message-style="classic"]) body #app>.layout:not(.private-chat){--channel-roster-width:260px;grid-template-columns:280px minmax(0,1fr) var(--channel-roster-width)!important}
}
html body #app>.layout:not(.private-chat):not(.modern-members-hidden):not(.standard-members-hidden)>#rightPanel{width:var(--channel-roster-width)!important;min-width:0!important;max-width:none!important;justify-self:end;box-sizing:border-box!important}

/* Compact phone composer and navigation; desktop dimensions stay unchanged. */
@media(max-width:760px){
 html body #app#app .layout .composer{padding:0!important;min-height:0!important}
 html body #app#app .layout .composer .composer-row{padding:2px!important;gap:3px!important;min-height:0!important}
 html body #app#app .layout .composer .message-input-wrap{height:36px!important;min-height:36px!important;padding:2px!important;gap:2px!important;grid-template-columns:minmax(0,1fr) 28px 30px!important}
 html body #app#app .layout .composer #messageInput{height:30px!important;min-height:30px!important;max-height:30px!important;padding:5px 6px!important;line-height:20px!important}
 html body #app#app .layout .composer :is(#emojiButton,#sendButton){width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:2px!important}
 html body #app#app .layout .composer #emojiButton{font-size:21px!important}
 html body #app#app .layout .composer #sendButton svg{width:22px!important;height:22px!important}
 html body #app#app .desktop-composer-toolbar{min-height:27px!important;height:27px!important;padding:1px 3px!important;gap:4px!important}
 html body #app#app .desktop-composer-toolbar :is(button,select,input){height:23px!important;min-height:23px!important;max-height:23px!important;padding-top:1px!important;padding-bottom:1px!important}
 html body #app#app .mobile-nav{height:calc(44px + env(safe-area-inset-bottom))!important;min-height:0!important;flex-basis:calc(44px + env(safe-area-inset-bottom))!important;padding-top:1px!important;padding-bottom:env(safe-area-inset-bottom)!important}
 html body #app#app .mobile-nav button{min-height:0!important;padding-top:1px!important;padding-bottom:1px!important;margin-top:0!important;margin-bottom:0!important;font-size:18px!important;gap:1px!important}
 html body #app#app .mobile-nav .nav-identity .social-avatar{width:23px!important;height:23px!important}
 html body #app#app .mobile-nav button>img{width:23px!important;height:23px!important;object-fit:contain}
 html body #app#app .mobile-nav button>span:not(.nav-identity):not(.mobile-nav-badge){font-size:9px!important;line-height:10px!important;margin-top:0!important}
}

/* Slim speech-bubble group labels, with a small lower-left tail. */
html body :is(#memberList,#mobileMemberList) button.member-group-heading{position:relative;overflow:visible!important;min-height:22px!important;padding:3px 4px!important;margin-bottom:6px;border-radius:7px 7px 7px 1px!important;box-shadow:0 1px 2px #00000008;background:linear-gradient(90deg,color-mix(in srgb,var(--group-color) 18%,white),color-mix(in srgb,var(--group-color) 7%,white))}
html body :is(#memberList,#mobileMemberList) button.member-group-heading::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:0;border-top:5px solid color-mix(in srgb,var(--group-color) 18%,white);border-right:6px solid transparent;pointer-events:none}
html body :is(#memberList,#mobileMemberList) button.member-group-heading>span{font-weight:500!important;font-size:10px!important;line-height:15px!important}
@media(max-width:760px){
 html body #app#app :is(#memberSearch,#mobileMemberSearch){height:24px!important;min-height:24px!important;max-height:24px!important;flex-basis:24px!important;box-sizing:border-box!important;padding:2px 5px!important;margin-top:0!important;margin-bottom:2px!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)!important;border-radius:4px!important;line-height:18px!important;font-size:12px!important;box-shadow:none!important}
 html body #app#app .mobile-section.open{bottom:calc(44px + env(safe-area-inset-bottom))!important}
 html.chat-keyboard-open body #app#app .mobile-section.open,html.standard-input-focus body #app#app .mobile-section.open{bottom:0!important}
}

/* Small outlined mobile writing tools with breathing room. */
@media(max-width:760px){
 html body #app#app .layout .desktop-composer-toolbar{gap:6px!important;padding:2px 4px!important;box-sizing:border-box!important;min-height:28px!important;height:28px!important}
 html body #app#app .layout .desktop-composer-toolbar button{box-sizing:border-box!important;width:24px!important;min-width:24px!important;max-width:24px!important;flex:0 0 24px!important;height:22px!important;min-height:22px!important;max-height:22px!important;margin:0!important;padding:2px!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:4px!important;background-color:var(--cz-f8fcff,#f8fcff)!important;background-size:17px 17px!important;background-position:center!important;background-repeat:no-repeat!important;font-size:16px!important;box-shadow:0 1px 1px #00000005!important}
 html body #app#app .layout .desktop-composer-toolbar button :is(svg,img){width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;object-fit:contain}
 html body #app#app .layout .desktop-composer-toolbar #nickTabButton{width:49px!important;min-width:49px!important;max-width:49px!important;flex-basis:49px!important;margin-left:auto!important;font-size:10px!important;gap:3px!important}
 html body #app#app .layout .desktop-composer-toolbar :is(select,input[type=color]){height:22px!important;min-height:22px!important;max-height:22px!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:4px!important;background-color:var(--cz-f8fcff,#f8fcff)!important;font-size:10px!important;box-sizing:border-box!important}
}

@media(max-width:760px){
 /* Keep the supplied image button artwork; do not paint the fallback emoji over it. */
 html body #app#app .layout .desktop-composer-toolbar #imageButton.has-custom-icon{font-size:0!important}
 html body #app#app .layout .desktop-composer-toolbar #imageButton.has-custom-icon>*{visibility:hidden!important}
 html body #app#app #messages .rank-message .message-avatar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important;border-radius:50%!important;background:color-mix(in srgb,var(--message-rank-color) 8%,var(--cz-f8fcff,#f8fcff))!important;border:1px solid color-mix(in srgb,var(--message-rank-color) 25%,transparent)!important}
 html body #app#app #messages .rank-message .message-avatar .member-group-icon{width:17px!important;height:17px!important}
 html:not([data-message-style="classic"]) body #app#app #messages .message:not(.has-image):not(.has-voice) .message-body{position:relative;overflow:visible;border-bottom-left-radius:3px!important}
 html:not([data-message-style="classic"]) body #app#app #messages .message:not(.has-image):not(.has-voice) .message-body::before{content:"";position:absolute;left:-5px;bottom:4px;width:9px;height:9px;background:inherit;clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}
 html:not([data-message-style="classic"]) body #app#app #messages .message.self:not(.has-image):not(.has-voice) .message-body{border-bottom-left-radius:14px!important;border-bottom-right-radius:3px!important}
 html:not([data-message-style="classic"]) body #app#app #messages .message.self:not(.has-image):not(.has-voice) .message-body::before{left:auto;right:-5px;transform:scaleX(-1)}
}
.classic-end-time{display:none}
@media(max-width:760px){
 html[data-message-style="classic"] body #app#app #messages .standard-time{display:none!important}
 html[data-message-style="classic"] body #app#app #messages .classic-end-time{display:inline!important;margin-left:6px;color:var(--cz-7390ac,#7390ac);font:normal 9px/1.2 Arial,sans-serif!important;white-space:nowrap;vertical-align:baseline}
 html[data-message-style="classic"][data-show-message-time="false"] body #app#app #messages .classic-end-time,
 html[data-message-style="classic"][data-ui-classic-mobile-time="false"] body #app#app #messages .classic-end-time{display:none!important}
}

/* Inline authority avatars for Classic phone transcripts. */
@media(max-width:760px){
 html[data-message-style="classic"] body #app#app #messages .rank-message .message-avatar{display:inline-flex!important;vertical-align:middle!important;align-items:center;justify-content:center;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;margin:0 2px 0 0!important;padding:0!important}
 html[data-message-style="classic"] body #app#app #messages .rank-message .message-avatar .member-group-icon{width:12px!important;height:12px!important;max-width:12px!important;max-height:12px!important}
 html[data-message-style="classic"] body #app#app #messages .rank-message .message-avatar .social-avatar{width:16px!important;height:16px!important}
}

/* The regular-user group needs only its name, without a counter. */
html body :is(#memberList,#mobileMemberList) button.member-group-heading[data-group="normal"]{grid-template-columns:16px minmax(0,1fr) 7px!important}
/* Recolour the existing close artwork, including its circular outline. */
html body #socialDialog>header [data-social-close],html body #userCardClose{color:#fff!important}
html body #socialDialog>header [data-social-close] .profile-action-icon,html body #userCardClose .profile-action-icon{filter:brightness(0) invert(1)!important}
html body :is(#memberList,#mobileMemberList) button.member-group-heading,html body :is(#memberList,#mobileMemberList) button.member-group-heading[data-group="normal"]{grid-template-columns:16px minmax(0,1fr)!important;cursor:default}
html body :is(#memberList,#mobileMemberList) .roster-profile-avatar,html body :is(#memberList,#mobileMemberList) .roster-profile-avatar :is(.social-avatar,img){border-radius:50%!important}
.message-name[data-social-profile]{cursor:pointer}
.classic-like{display:none}
@media(max-width:760px){html[data-message-style="classic"] body #app#app #messages .classic-like{display:inline-flex!important;vertical-align:middle;align-items:center;justify-content:center;width:20px;height:18px;min-height:0;padding:0;margin:0 0 0 4px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:4px;background:var(--cz-f8fcff,#f8fcff);font-size:12px;line-height:1;cursor:pointer}}

.classic-like{color:#1877f2}.classic-like svg{display:block;flex:none}

/* Reactions replace the Classic like launcher at the end of the message. */
@media(max-width:760px){
 html[data-message-style="classic"] body #app#app #messages .message-body:has(.reaction-counts button)>.classic-like{display:none!important}
 html[data-message-style="classic"] body #app#app #messages .reaction-widget{position:static!important;display:inline!important;margin:0 0 0 4px!important;padding:0!important;vertical-align:middle}
 html[data-message-style="classic"] body #app#app #messages .reaction-counts{position:static!important;inset:auto!important;display:inline-flex!important;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:2px;margin:0!important;padding:0!important;max-width:100%;vertical-align:middle}
 html[data-message-style="classic"] body #app#app #messages .reaction-counts:empty{display:none!important}
 html[data-message-style="classic"] body #app#app #messages .reaction-counts button{height:18px!important;min-height:0!important;margin:0!important;padding:0 3px!important;font-size:11px!important;line-height:16px!important}
}
.classic-menu-like{display:none}
@media(max-width:760px){
 html[data-message-style="classic"] body #app#app #messages .classic-like{display:none!important}
 html[data-message-style="classic"] #messages .message-name[data-social-profile]{touch-action:manipulation}
 html[data-message-style="classic"] #messages .reaction-menu .like-emoji{display:none}
 html[data-message-style="classic"] #messages .reaction-menu .classic-menu-like{display:block;color:#1877f2;width:19px;height:19px}
}

.reaction-counts .reaction-like-icon{display:inline-block;width:14px;height:14px;color:#1877f2;vertical-align:middle;flex-shrink:0;}

/* Desktop controls follow the selected theme and compact mobile styling. */
@media(min-width:761px){
 html body #app#app #nickTabButton.nick-tab-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:49px!important;min-width:49px!important;max-width:49px!important;flex:0 0 49px!important;height:26px!important;min-height:26px!important;padding:2px 5px!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:5px!important;background:var(--cz-f8fcff,#f8fcff)!important;color:var(--cz-124287,#124287)!important;box-shadow:none!important}
 html body #app#app #nickTabButton .nick-tab-arrow{display:none!important}
 html body #app#app #nickTabButton .nick-tab-label{font:400 11px/18px Arial,sans-serif!important}
 html body #app#app #nickTabButton::after{content:'↹'!important;display:block!important;width:auto!important;height:auto!important;flex:none!important;background:none!important;mask:none!important;font:16px/18px Arial,sans-serif!important}
 html body #app#app #nickTabButton[hidden]{display:none!important}
 html body #app#app #rightPanel .channel-stats{display:none!important}
 html body #app#app #rightPanel,html body #app#app #rightPanel .member-card,html body #app#app #memberList{background:var(--cz-eff7ff,#eff7ff)!important;color:var(--cz-17365d,#17365d)!important}
 html body #app#app #memberList .member-group-heading{background:var(--cz-e2f1ff,#e2f1ff)!important}
 html body #app#app #memberList .member-group-heading::after{border-top-color:var(--cz-e2f1ff,#e2f1ff)!important}
 html body #app#app .desktop-member-search{position:relative;flex:0 0 auto;margin:4px 10px 9px;min-width:0;background:var(--cz-f8fcff,#f8fcff);border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:14px 14px 14px 3px}
 html body #app#app .desktop-member-search::after{content:'';position:absolute;left:0;bottom:-5px;width:7px;height:7px;background:var(--cz-f8fcff,#f8fcff);border-left:1px solid var(--cz-bdd3e7,#bdd3e7);border-bottom:1px solid var(--cz-bdd3e7,#bdd3e7);clip-path:polygon(0 0,100% 0,0 100%)}
 html body #app#app #memberSearch{box-sizing:border-box;width:100%!important;height:30px!important;min-height:30px!important;margin:0!important;padding:5px 10px!important;border:0!important;border-radius:inherit!important;background:transparent!important;color:var(--cz-17365d,#17365d)!important;box-shadow:none!important;font:12px/20px Arial,sans-serif!important}
 html body #app#app .desktop-member-search:focus-within{outline:2px solid var(--cz-82b9e9,#82b9e9);outline-offset:1px}
 html body #app#app #memberSearch:focus{outline:none!important}
 html body #app#app .own-nick-form input{background:#fff!important;color:#17365d!important;border:0!important;box-shadow:none!important;border-radius:16px!important;padding:5px 11px!important}
 html body #app#app .own-nick-form input:focus-visible{outline:2px solid var(--cz-82b9e9,#82b9e9);outline-offset:2px}
}
@media(max-width:760px){.desktop-member-search{display:contents}}

/* Quiet white nickname fields, including focused states. */
html body #app#app :is(#memberSearch,#mobileMemberSearch,.own-nick-form input),
html body #app#app :is(#memberSearch,#mobileMemberSearch,.own-nick-form input):focus{
 border:0!important;outline:none!important;box-shadow:none!important;background:#fff!important;color:#17365d!important;border-radius:14px!important;
}
html body #app#app .desktop-member-search,html body #app#app .desktop-member-search:focus-within{border:0!important;outline:none!important;box-shadow:none!important;background:#fff!important}
html body #app#app .desktop-member-search::after{background:#fff!important;border:0!important}
@media(min-width:761px){
 html body #app#app #messages .message-avatar{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;border-radius:50%!important;align-self:flex-start}
 html body #app#app #messages .message-avatar :is(img,.social-avatar){width:38px!important;height:38px!important;border-radius:50%!important}
 html body #app#app #messages .rank-message .message-avatar .member-group-icon{width:27px!important;height:27px!important}
 html body #app#app #memberList button.member-group-heading{min-height:27px!important;padding:5px 6px!important;grid-template-columns:19px minmax(0,1fr)!important}
 html body #app#app #memberList button.member-group-heading>span{font-size:12px!important;line-height:17px!important}
 html body #app#app #memberList button.member-group-heading .member-group-icon{width:17px!important;height:17px!important}
}

/* Compact Messenger voice room, shared by every device and appearance. */
html body .voice-room-panel{width:326px;max-width:calc(100vw - 12px);max-height:calc(100dvh - 24px);top:12px;right:6px;border:1px solid #8fb6d9;border-radius:5px;background:#e8f5fc;color:#123f76;box-shadow:0 3px 14px #234d7133;font:11px/1.3 Arial,sans-serif}
html body .voice-room-panel>header{padding:5px 6px;gap:5px;background:linear-gradient(#f3faff,#cce4fa);border-bottom:1px solid #a8cce8;min-height:25px}
html body .voice-room-panel header b{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .voice-room-panel .room-mic{font-size:21px;color:#1682d7}
html body .voice-room-panel button{font:10px/1.3 Arial,sans-serif;color:#123f76;background:linear-gradient(#fff,#e5f2fd);border:1px solid #a8cce8;border-radius:3px;padding:5px;min-height:24px;box-shadow:0 1px 2px #6090b322}
html body .voice-room-panel button[hidden]{display:none!important}
html body .voice-room-panel .room-body{padding:7px 6px 5px}
html body .voice-room-panel .room-top-tools{display:flex;gap:12px;margin:0 3px 7px;align-items:center}
html body .voice-room-panel [data-room-publish]{background:linear-gradient(#5ecb66,#148835);color:white;border-color:#379a46;font-weight:bold;font-size:11px;min-height:30px;white-space:nowrap;padding:5px 8px;flex-shrink:0}
html body .voice-room-panel [data-room-publish]>span{border-left:1px solid #ffffff55;margin-left:5px;padding-left:5px}
html body .voice-room-panel .room-search{display:flex;align-items:center;gap:5px;min-width:0;flex:1;background:#fbfdff;border:1px solid #b6d4ec;border-radius:5px;padding:0 6px;font-size:22px;height:28px;box-sizing:border-box}
html body .voice-room-panel input[data-room-search]{width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;outline:none;box-shadow:none;font:10px Arial,sans-serif;color:#123f76}
html body .voice-room-panel .room-group{border:1px solid #c3deef;border-radius:3px;margin:0 0 7px;overflow:visible;background:#f5fbff}
html body .voice-room-panel .room-group>summary{list-style:none;cursor:pointer;padding:4px 6px;background:linear-gradient(#e8f5ff,#c8e2fa);font-weight:bold;font-size:11px;display:flex;justify-content:space-between}
html body .voice-room-panel .room-group>summary::-webkit-details-marker{display:none}
html body .voice-room-panel .room-group>summary::after{content:'⌄'}
html body .voice-room-panel .room-group[open]>summary::after{content:'⌃'}
html body .voice-room-panel .room-speakers{display:block;padding:0;border:0}
html body .voice-room-panel :is(.room-speakers,.room-listeners) article{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;width:auto;text-align:left;padding:3px 7px;min-height:26px;border-bottom:1px solid #e1eef8;font-size:10px}
html body .voice-room-panel :is(.room-speakers,.room-listeners) article:last-child{border-bottom:0}
html body .voice-room-panel .room-avatar{flex:0 0 27px;width:27px;height:27px}
html body .voice-room-panel .room-avatar :is(.social-avatar,img){width:27px!important;height:27px!important;border-radius:4px!important}
html body .voice-room-panel .room-avatar+span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .voice-room-panel .room-avatar+span b{font-size:10px;font-weight:normal}
html body .voice-room-panel .room-speakers .room-avatar+span b{font-weight:bold}
html body .voice-room-panel .room-listeners small{display:none}
html body .voice-room-panel .room-speakers small{font-size:9px;color:#6e879e}
html body .voice-room-panel .room-listeners{max-height:38dvh;overflow:auto}
html body .voice-room-panel .room-live{padding:3px 6px;border-radius:12px;background:#d3eaff;font-size:9px;white-space:nowrap}
html body .voice-room-panel .room-crown{position:absolute;left:3px;top:3px;font-size:12px}
html body .voice-room-panel .room-speakers article:has(.room-crown){padding-left:22px}
html body .voice-room-panel .room-headphones{font-size:11px;color:#718ca7}
html body .voice-room-panel .room-controls{position:relative;display:block;flex:0 0 15px}
html body .voice-room-panel .room-controls>summary{list-style:none;cursor:pointer;font-size:16px;text-align:center;color:#607f9e}
html body .voice-room-panel .room-controls>summary::-webkit-details-marker{display:none}
html body .voice-room-panel .room-controls>div{position:absolute;right:0;top:19px;display:flex;gap:3px;background:#fff;border:1px solid #b6d4ec;border-radius:4px;padding:4px;z-index:2;box-shadow:0 2px 5px #0002}
html body .voice-room-panel .room-admin-tools{display:flex;gap:4px;margin:8px 0}
html body .voice-room-panel .room-admin-tools button{flex:1;white-space:nowrap;padding:6px 3px;font-size:9px}
html body .voice-room-panel .room-kicked{border-top:1px solid #b9d7ed;padding-top:5px}
html body .voice-room-panel .room-kicked>summary{background:linear-gradient(#e7f5ff,#d1e9fc);border:1px solid #c3deef;padding:5px;font-size:10px;cursor:pointer}
html body .voice-room-panel .room-empty{display:block;padding:9px;font-size:10px;color:#7891a5}

/* Centre the voice room on every screen, with more room on desktop. */
html body .voice-room-panel{
 left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
 transform:translate(-50%,-50%)!important;
 width:370px!important;max-width:calc(100vw - 20px)!important;
 max-height:calc(100dvh - 32px)!important;box-sizing:border-box;overflow:auto;
}
@media(min-width:761px){
 html body .voice-room-panel{width:480px!important;font-size:13px}
 html body .voice-room-panel>header{padding:8px 10px;min-height:32px}
 html body .voice-room-panel header b{font-size:16px}
 html body .voice-room-panel .room-body{padding:10px}
 html body .voice-room-panel button{font-size:12px;min-height:28px}
 html body .voice-room-panel .room-top-tools{gap:12px;margin-bottom:10px}
 html body .voice-room-panel [data-room-publish]{font-size:13px;min-height:36px}
 html body .voice-room-panel .room-search{height:34px}
 html body .voice-room-panel input[data-room-search]{font-size:12px}
 html body .voice-room-panel .room-group>summary{font-size:13px;padding:6px 8px}
 html body .voice-room-panel :is(.room-speakers,.room-listeners) article{min-height:34px;padding:5px 9px;gap:10px;font-size:12px}
 html body .voice-room-panel .room-avatar{flex-basis:34px;width:34px;height:34px}
 html body .voice-room-panel .room-avatar :is(.social-avatar,img){width:34px!important;height:34px!important}
 html body .voice-room-panel .room-avatar+span b{font-size:12px}
 html body .voice-room-panel .room-speakers small{font-size:11px}
 html body .voice-room-panel .room-live{font-size:11px}
 html body .voice-room-panel .room-admin-tools button{font-size:12px;padding:8px 5px}
 html body .voice-room-panel .room-kicked>summary{font-size:12px;padding:7px}
}

/* Supplied voice room skin — all applet layouts */
@font-face {
  font-family: 'RoomRoboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/room-roboto-0.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'RoomRoboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/room-roboto-1.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
html body .voice-room-panel.vr-demo{--vr-accent:var(--cz-1687eb,#1682d7);--vr-dark:var(--cz-124287,#123f76);--vr-paper:var(--cz-f4fbff,#f4fbff);--vr-soft:var(--cz-f4fbff,#e5f2ff);--vr-border:var(--cz-a7cdf2,#a7cdf2);--vr-muted:var(--cz-315b85,#315b85);container-type:inline-size;width:560px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);top: max(12px,env(safe-area-inset-top));right:10px;border:0;border-radius:15px;padding:0;background:var(--vr-paper);font-family:RoomRoboto,Arial,sans-serif;overflow:auto;color:var(--vr-dark)}
@media(max-width:760px){html[data-applet-choice="modern"] body .voice-room-panel.vr-demo{--vr-accent:var(--md-00866c,#00866c);--vr-dark:var(--md-006653,#006653);--vr-paper:var(--md-fcfefe,#f0f7f3);--vr-soft:var(--md-dff2e8,#dff2e8);--vr-border:var(--md-bddbd0,#c8ded3);--vr-muted:var(--md-174e41,#546e64)}}
html body .voice-room-panel.vr-demo *{box-sizing:border-box}
html body .voice-room-panel.vr-demo svg{width:100%;height:100%;display:block;flex-shrink:0}
html body .voice-room-panel.vr-demo button{font-family:inherit;min-height:0;box-shadow:none;cursor:pointer}
html body .voice-room-panel.vr-demo .vrx-voice-room{--u:calc(100cqw / 790);position:relative;border-radius:calc(19 * var(--u));background:linear-gradient(to bottom,var(--vr-dark) calc(110 * var(--u)),var(--vr-paper) calc(110 * var(--u)));box-shadow:0 calc(6 * var(--u)) calc(22 * var(--u)) var(--vr-accent),0 0 calc(4 * var(--u)) var(--vr-muted);color:var(--vr-dark)}html body .voice-room-panel.vr-demo .vrx-room-header{height:calc(80 * var(--u));display:flex;align-items:center;gap:calc(25 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(25 * var(--u));border:calc(1 * var(--u)) solid var(--vr-muted);border-bottom:0;border-radius:calc(19 * var(--u)) calc(19 * var(--u)) 0 0;background:linear-gradient(165deg,var(--vr-accent) 0%,var(--vr-dark) 48%,var(--vr-dark) 100%);box-shadow:inset 0 calc(1 * var(--u)) calc(3 * var(--u)) var(--vr-border);color:var(--vr-paper)}html body .voice-room-panel.vr-demo .vrx-room-mark{width:calc(40 * var(--u));height:calc(45 * var(--u));color:var(--vr-border);filter:drop-shadow(0 0 calc(3 * var(--u)) var(--vr-muted))}html body .voice-room-panel.vr-demo .vrx-room-title{font-size:calc(28 * var(--u));font-weight:700;line-height:1.15;letter-spacing:calc(-.25 * var(--u));margin:0;white-space:nowrap;flex:1;text-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) var(--vr-dark)}html body .voice-room-panel.vr-demo .vrx-header-actions{display:flex;gap:calc(13 * var(--u));align-items:center}html body .voice-room-panel.vr-demo .vrx-header-button{height:calc(51 * var(--u));min-width:calc(84 * var(--u));padding:0 calc(18 * var(--u));border:calc(2 * var(--u)) solid var(--vr-muted);border-radius:calc(14 * var(--u));background:linear-gradient(135deg,var(--vr-paper),var(--vr-accent));box-shadow:inset 0 0 calc(5 * var(--u)) var(--vr-border);color:var(--vr-paper);font-size:calc(20 * var(--u));font-weight:500;display:grid;place-items:center}html body .voice-room-panel.vr-demo .vrx-header-close{min-width:calc(51 * var(--u));width:calc(51 * var(--u));padding:0}html body .voice-room-panel.vr-demo .vrx-header-close svg{width:calc(18 * var(--u));height:calc(18 * var(--u));stroke-width:3.2}html body .voice-room-panel.vr-demo .vrx-room-body{position:relative;border-radius:calc(20 * var(--u));padding:calc(19 * var(--u)) calc(15 * var(--u)) calc(16 * var(--u));background:linear-gradient(110deg,var(--vr-paper) 0%,var(--vr-paper) 55%,var(--vr-paper) 100%);box-shadow:inset 0 0 calc(10 * var(--u)) var(--vr-paper);border:calc(1 * var(--u)) solid var(--vr-soft);border-top:0;margin-top:0}html body .voice-room-panel.vr-demo .vrx-toolbar{height:calc(64 * var(--u));display:grid;grid-template-columns:242fr 215fr 270fr;gap:calc(14 * var(--u));margin:0 calc(1 * var(--u)) calc(19 * var(--u)) calc(4 * var(--u))}html body .voice-room-panel.vr-demo .vrx-broadcast-control{position:relative;min-width:0;display:flex;align-items:stretch;border-radius:calc(15 * var(--u));background:linear-gradient(135deg,var(--vr-accent),var(--vr-accent) 56%,var(--vr-accent));box-shadow:0 calc(2 * var(--u)) calc(8 * var(--u)) var(--vr-accent),inset 0 calc(2 * var(--u)) calc(4 * var(--u)) var(--vr-border);border:calc(1 * var(--u)) solid var(--vr-border);color:var(--vr-paper)}html body .voice-room-panel.vr-demo .vrx-broadcast-main{display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--u));flex:1;min-width:0;padding:0 0 0 calc(13 * var(--u));background:none;color:inherit;border:0;border-radius:inherit;font-size:calc(21 * var(--u));font-weight:700;white-space:nowrap}html body .voice-room-panel.vr-demo .vrx-broadcast-main svg{width:calc(35 * var(--u));height:calc(35 * var(--u));color:var(--vr-soft)}html body .voice-room-panel.vr-demo .broadcast-chevron{border:0;background:none;color:inherit;width:calc(49 * var(--u));padding:0 calc(18 * var(--u)) 0 calc(9 * var(--u));border-radius:0 calc(15 * var(--u)) calc(15 * var(--u)) 0;display:grid;place-items:center}html body .voice-room-panel.vr-demo .broadcast-chevron svg{width:calc(19 * var(--u));height:calc(19 * var(--u));stroke-width:3}html body .voice-room-panel.vr-demo .vrx-microphone-button{display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));padding:0 calc(12 * var(--u));border:calc(2 * var(--u)) solid var(--vr-soft);border-radius:calc(15 * var(--u));background:linear-gradient(160deg,var(--vr-paper),var(--vr-soft));color:var(--vr-accent);white-space:nowrap;font-size:calc(20 * var(--u));font-weight:500;min-width:0}html body .voice-room-panel.vr-demo .vrx-microphone-button svg{width:calc(26 * var(--u));height:calc(34 * var(--u))}html body .voice-room-panel.vr-demo .vrx-listener-search{display:flex;align-items:center;gap:calc(14 * var(--u));padding:0 calc(14 * var(--u));border:calc(2 * var(--u)) solid var(--vr-soft);border-radius:calc(16 * var(--u));background:linear-gradient(var(--vr-paper),var(--vr-paper));box-shadow:inset 0 calc(3 * var(--u)) calc(6 * var(--u)) var(--vr-dark);min-width:0}html body .voice-room-panel.vr-demo .vrx-listener-search>svg{width:calc(27 * var(--u));height:calc(29 * var(--u));stroke-width:2.5}html body .voice-room-panel.vr-demo .vrx-listener-search input{width:100%;min-width:0;border:0;outline:none;background:none;padding:0;height:100%;font-size:calc(22 * var(--u));color:var(--vr-accent);letter-spacing:calc(-.15 * var(--u))}html body .voice-room-panel.vr-demo .vrx-listener-search input::placeholder{color:var(--vr-muted);opacity:1}html body .voice-room-panel.vr-demo .vrx-listener-search input::-webkit-search-cancel-button{cursor:pointer}html body .voice-room-panel.vr-demo .vrx-listener-search:focus-within{border-color:var(--vr-border)}html body .voice-room-panel.vr-demo .vrx-room-section{border:calc(2 * var(--u)) solid var(--vr-soft);border-radius:calc(16 * var(--u));overflow:hidden;background:var(--vr-paper)}html body .voice-room-panel.vr-demo .vrx-section-heading{display:flex;align-items:center;gap:calc(12 * var(--u));width:100%;height:calc(57 * var(--u));border:0;border-bottom:calc(1 * var(--u)) solid var(--vr-soft);background:linear-gradient(var(--vr-paper),var(--vr-soft));padding:0 calc(18 * var(--u));text-align:left;color:var(--vr-dark);font-size:calc(23 * var(--u));font-weight:700;line-height:1}html body .voice-room-panel.vr-demo .vrx-section-heading>.people-icon{height:calc(29 * var(--u));width:calc(30 * var(--u))}html body .voice-room-panel.vr-demo .vrx-section-heading .vrx-section-label{flex:1}html body .voice-room-panel.vr-demo .vrx-section-heading>.chevron{width:calc(18 * var(--u));height:calc(18 * var(--u));stroke-width:3.5;transform:rotate(180deg)}html body .voice-room-panel.vr-demo .vrx-section-heading[aria-expanded="false"]{border-bottom-color:transparent}html body .voice-room-panel.vr-demo .vrx-section-heading[aria-expanded="false"]>.chevron{transform:none}html body .voice-room-panel.vr-demo .vrx-publishers-section{margin-bottom:calc(16 * var(--u))}html body .voice-room-panel.vr-demo .vrx-person-row{position:relative;min-height:calc(102 * var(--u));display:flex;align-items:center;padding:0 calc(15 * var(--u));gap:calc(12 * var(--u));background:linear-gradient(110deg,var(--vr-paper),var(--vr-paper))}html body .voice-room-panel.vr-demo .vrx-crown-icon{height:calc(31 * var(--u));width:calc(30 * var(--u));margin-right:calc(-1 * var(--u));margin-left:calc(1 * var(--u))}html body .voice-room-panel.vr-demo .vrx-avatar{position:relative;width:calc(78 * var(--u));height:calc(78 * var(--u));flex-shrink:0;display:grid;place-items:center}html body .voice-room-panel.vr-demo .reference-avatar{width:100%;height:100%;display:block;object-fit:contain}html body .voice-room-panel.vr-demo .avatar-face{width:calc(75 * var(--u));height:calc(75 * var(--u));border:calc(2 * var(--u)) solid var(--vr-soft);box-shadow:0 0 calc(5 * var(--u)) var(--vr-soft);overflow:hidden;border-radius:50%;background:linear-gradient(125deg,var(--vr-soft),var(--vr-soft));display:block}html body .voice-room-panel.vr-demo .avatar-face svg{height:100%;width:100%}html body .voice-room-panel.vr-demo .online-dot{position:absolute;width:calc(25 * var(--u));height:calc(25 * var(--u));border:calc(4 * var(--u)) solid var(--vr-paper);background:linear-gradient(var(--vr-accent),var(--vr-accent));border-radius:50%;right:calc(1 * var(--u));bottom:calc(6 * var(--u));box-shadow:0 0 calc(3 * var(--u)) var(--vr-soft)}html body .voice-room-panel.vr-demo .vrx-person-info{flex:1;min-width:0;margin-left:calc(7 * var(--u));display:flex;flex-direction:column;gap:calc(3 * var(--u))}html body .voice-room-panel.vr-demo .vrx-person-name{font-size:calc(24 * var(--u));line-height:1.15;font-weight:700;color:var(--vr-dark)}html body .voice-room-panel.vr-demo .vrx-person-role{font-size:calc(21 * var(--u));line-height:1.2;color:var(--vr-border);font-weight:400}html body .voice-room-panel.vr-demo .vrx-live-badge{display:flex;align-items:center;gap:calc(9 * var(--u));height:calc(44 * var(--u));padding:0 calc(15 * var(--u));border-radius:calc(30 * var(--u));background:linear-gradient(120deg,var(--vr-soft),var(--vr-soft));font-size:calc(20 * var(--u));font-weight:500;white-space:nowrap;color:var(--vr-dark)}html body .voice-room-panel.vr-demo .vrx-live-badge svg{width:calc(31 * var(--u));height:calc(29 * var(--u))}html body .voice-room-panel.vr-demo .vrx-publisher-mute{height:calc(57 * var(--u));width:calc(57 * var(--u));flex-shrink:0;display:grid;place-items:center;padding:0;border:calc(2 * var(--u)) solid var(--vr-soft);background:linear-gradient(135deg,var(--vr-paper),var(--vr-soft));border-radius:50%;color:var(--vr-dark);margin-left:calc(-2 * var(--u))}html body .voice-room-panel.vr-demo .vrx-publisher-mute svg{width:calc(27 * var(--u));height:calc(30 * var(--u))}html body .voice-room-panel.vr-demo .person-menu-button{position:relative;flex-shrink:0;border:0;padding:0;background:none;color:var(--vr-border);width:calc(26 * var(--u));height:calc(45 * var(--u));display:grid;place-items:center;margin-left:calc(-2 * var(--u));margin-right:calc(4 * var(--u))}html body .voice-room-panel.vr-demo .person-menu-button svg{width:calc(7 * var(--u));height:calc(27 * var(--u))}html body .voice-room-panel.vr-demo .vrx-listeners-section{margin-bottom:calc(17 * var(--u))}html body .voice-room-panel.vr-demo .vrx-empty-state{min-height:calc(106 * var(--u));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(7 * var(--u));padding:calc(14 * var(--u)) calc(12 * var(--u)) calc(18 * var(--u));color:var(--vr-border);font-size:calc(21 * var(--u));line-height:1.2}html body .voice-room-panel.vr-demo .vrx-empty-state svg{width:calc(50 * var(--u));height:calc(37 * var(--u));color:var(--vr-border)}html body .voice-room-panel.vr-demo .vrx-empty-state p{margin:0}html body .voice-room-panel.vr-demo .vrx-management-actions{height:calc(67 * var(--u));display:grid;grid-template-columns:318fr 195fr 221fr;gap:calc(13 * var(--u));margin-bottom:calc(17 * var(--u))}html body .voice-room-panel.vr-demo .vrx-management-button{height:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));border:calc(2 * var(--u)) solid var(--vr-soft);border-radius:calc(16 * var(--u));background:linear-gradient(var(--vr-paper),var(--vr-soft));box-shadow:inset 0 calc(1 * var(--u)) calc(4 * var(--u)) var(--vr-paper);font-size:calc(20 * var(--u));font-weight:500;line-height:1.15;white-space:nowrap;padding:0 calc(10 * var(--u));color:var(--vr-dark)}html body .voice-room-panel.vr-demo .vrx-management-button svg{width:calc(30 * var(--u));height:calc(34 * var(--u))}html body .voice-room-panel.vr-demo .vrx-management-button[aria-pressed="true"]{background:var(--vr-soft);border-color:var(--vr-border)}html body .voice-room-panel.vr-demo .vrx-banned-section .vrx-section-heading{font-weight:400;height:calc(55 * var(--u));font-size:calc(23 * var(--u));gap:calc(11 * var(--u))}html body .voice-room-panel.vr-demo .vrx-banned-section .triangle{height:calc(21 * var(--u));width:calc(18 * var(--u));transform:none}html body .voice-room-panel.vr-demo .vrx-banned-section .vrx-section-heading[aria-expanded="true"] .triangle{transform:rotate(90deg)}html body .voice-room-panel.vr-demo .vrx-voice-room.is-minimized .vrx-room-header{border-radius:calc(19 * var(--u))}html body .voice-room-panel.vr-demo .vrx-voice-room button:hover{filter:brightness(1.025)}html body .voice-room-panel.vr-demo .vrx-voice-room button:active{filter:brightness(.98)}html body .voice-room-panel.vr-demo .popup-menu{position:absolute;z-index:10;background:var(--vr-paper);border:calc(2 * var(--u)) solid var(--vr-soft);box-shadow:0 calc(6 * var(--u)) calc(24 * var(--u)) var(--vr-dark);border-radius:calc(15 * var(--u));padding:calc(7 * var(--u));min-width:calc(225 * var(--u));color:var(--vr-dark)}html body .voice-room-panel.vr-demo .popup-menu button{display:block;border:0;width:100%;background:transparent;text-align:left;padding:calc(13 * var(--u)) calc(14 * var(--u));font-size:calc(20 * var(--u));border-radius:calc(9 * var(--u));white-space:nowrap}html body .voice-room-panel.vr-demo .popup-menu button:hover{background:var(--vr-soft)}html body .voice-room-panel.vr-demo .broadcast-menu{left:0;top:calc(70 * var(--u))}html body .voice-room-panel.vr-demo .member-menu{right:calc(18 * var(--u));top:calc(324 * var(--u));z-index:12}

html body .voice-room-panel.vr-demo .vrx-voice-room{--u:calc(100cqw / 790)}
html body .voice-room-panel.vr-demo .vrx-room-header{color:white}
html body .voice-room-panel.vr-demo .vrx-header-button,html body .voice-room-panel.vr-demo .vrx-broadcast-main{color:white}
html body .voice-room-panel.vr-demo .vrx-room-title{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:max(14px,calc(28 * var(--u)))}
html body .voice-room-panel.vr-demo summary{list-style:none;cursor:pointer}
html body .voice-room-panel.vr-demo summary::-webkit-details-marker{display:none}
html body .voice-room-panel.vr-demo .vrx-section-heading>svg{width:calc(30 * var(--u));height:calc(29 * var(--u))}
html body .voice-room-panel.vr-demo .vrx-section-heading>svg:last-child{width:calc(18 * var(--u));transform:rotate(180deg)}
html body .voice-room-panel.vr-demo details:not([open])>.vrx-section-heading>svg:last-child{transform:none}
html body .voice-room-panel.vr-demo .room-avatar,html body .voice-room-panel.vr-demo .room-avatar :is(img,.social-avatar){width:calc(78 * var(--u))!important;height:calc(78 * var(--u))!important;border-radius:50%;object-fit:cover;flex:0 0 auto;overflow:hidden;background:var(--vr-soft)}
html body .voice-room-panel.vr-demo .vrx-person-info{overflow:hidden}
html body .voice-room-panel.vr-demo .vrx-person-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:max(13px,calc(24 * var(--u)))}
html body .voice-room-panel.vr-demo .room-controls{position:relative;flex:none}
html body .voice-room-panel.vr-demo .room-controls>summary{width:20px;height:28px;padding:5px}
html body .voice-room-panel.vr-demo .room-controls>div{position:absolute;right:0;top:28px;z-index:20;width:160px;padding:5px;background:var(--vr-paper);border:1px solid var(--vr-border);border-radius:10px;box-shadow:0 5px 15px #0002;display:grid;gap:4px}
html body .voice-room-panel.vr-demo .room-controls button{color:var(--vr-dark);background:var(--vr-soft);font-size:12px;padding:8px;border:0;border-radius:7px}
html body .voice-room-panel.vr-demo .vrx-room-section{overflow:visible;margin-bottom:calc(16 * var(--u))}
html body .voice-room-panel.vr-demo .vrx-section-heading{border-radius:calc(16 * var(--u))}
html body .voice-room-panel.vr-demo .vrx-listener-search input{font-size:max(11px,calc(22 * var(--u)));margin:0;box-shadow:none}
html body .voice-room-panel.vr-demo button:disabled{opacity:.5;cursor:default}
html body .voice-room-panel.vr-demo [hidden]{display:none!important}

html body .voice-room-panel.vr-demo .room-broadcast-menu{position:relative;display:grid;align-items:center}html body .voice-room-panel.vr-demo .room-broadcast-menu>summary{width:25px;padding:6px;color:white}html body .voice-room-panel.vr-demo .room-broadcast-menu>div{position:absolute;left:0;top:100%;z-index:25;width:160px;border:1px solid var(--vr-border);border-radius:9px;background:var(--vr-paper);padding:5px}html body .voice-room-panel.vr-demo .room-broadcast-menu button{width:100%;padding:8px;color:var(--vr-dark);background:var(--vr-soft);border:0;font-size:12px}

html body .voice-room-panel.vr-demo .room-broadcast-menu>summary{display:grid;place-items:center;list-style:none;width:calc(40 * var(--u));height:100%;padding:calc(8 * var(--u))}
html body .voice-room-panel.vr-demo .room-broadcast-menu>summary::-webkit-details-marker{display:none}
html body .voice-room-panel.vr-demo .room-broadcast-menu>summary svg{width:calc(19 * var(--u));height:calc(19 * var(--u));stroke-width:3}
html body .voice-room-panel.vr-demo .vrx-toolbar{min-height:0;max-height:none;padding:0;flex:none;overflow:visible}
html body .voice-room-panel.vr-demo .vrx-section-heading{display:flex;text-align:left;justify-content:flex-start}
html body .voice-room-panel.vr-demo .vrx-section-label{min-width:0;white-space:nowrap}
html body .voice-room-panel.vr-demo .vrx-room-title{font-size:calc(28 * var(--u))}
html body .voice-room-panel.vr-demo .vrx-header-button{background:#ffffff14;box-shadow:none}
html body .voice-room-panel.vr-demo .vrx-voice-room{box-shadow:0 4px 16px #0002}
html body .voice-room-panel.vr-demo .vrx-broadcast-control{box-shadow:inset 0 1px 3px #ffffff50,0 2px 5px #0001}

/* Voice toolbar: override legacy data-room button/input rules explicitly. */
html body .voice-room-panel.vr-demo .vrx-toolbar{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,1.25fr)!important;align-items:stretch!important;gap:6px!important;height:36px!important;margin:0 0 10px!important;padding:0!important}
html body .voice-room-panel.vr-demo .vrx-broadcast-control{display:flex!important;align-items:stretch!important;min-width:0!important;height:36px!important;border-radius:8px!important;overflow:visible!important}
html body .voice-room-panel.vr-demo .vrx-broadcast-main[data-room-publish]{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;min-width:0!important;min-height:0!important;height:34px!important;margin:0!important;padding:0 3px!important;gap:4px!important;font:600 11px/1.2 RoomRoboto,Arial,sans-serif!important;border:0!important;border-radius:8px 0 0 8px!important;background:transparent!important;box-shadow:none!important;color:white!important;white-space:nowrap!important}
html body .voice-room-panel.vr-demo .vrx-broadcast-main[data-room-publish]>span{border:0!important;padding:0!important;margin:0!important;min-width:0!important}
html body .voice-room-panel.vr-demo .vrx-broadcast-main>svg{width:17px!important;height:19px!important;flex:0 0 17px!important}
html body .voice-room-panel.vr-demo .room-broadcast-menu{display:block!important;flex:0 0 16px!important;min-width:0!important;height:34px!important;margin:0!important;padding:0!important;border:0!important}
html body .voice-room-panel.vr-demo .room-broadcast-menu>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;list-style:none!important}
html body .voice-room-panel.vr-demo .room-broadcast-menu>summary svg{width:10px!important;height:10px!important}
html body .voice-room-panel.vr-demo .vrx-microphone-button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:0!important;height:36px!important;padding:0 4px!important;margin:0!important;gap:4px!important;border-radius:8px!important;font:500 10px/1.2 RoomRoboto,Arial,sans-serif!important;white-space:nowrap!important}
html body .voice-room-panel.vr-demo .vrx-microphone-button>svg{width:14px!important;height:18px!important;flex:0 0 14px!important}
html body .voice-room-panel.vr-demo .vrx-listener-search{display:flex!important;align-items:center!important;min-width:0!important;height:36px!important;margin:0!important;padding:0 5px!important;gap:4px!important;border:1px solid var(--vr-border)!important;border-radius:8px!important;background:var(--vr-paper)!important;box-shadow:inset 0 1px 3px #0000000b!important}
html body .voice-room-panel.vr-demo .vrx-listener-search>svg{width:14px!important;height:14px!important;flex:0 0 14px!important}
html body .voice-room-panel.vr-demo .vrx-listener-search input[data-room-search]{appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:1 1 0!important;width:0!important;min-width:0!important;max-width:100%!important;height:30px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font:400 10px/30px RoomRoboto,Arial,sans-serif!important;letter-spacing:0!important;color:var(--vr-dark)!important;text-overflow:ellipsis!important}
html body .voice-room-panel.vr-demo .vrx-listener-search input::placeholder{font:inherit!important;color:var(--vr-muted)!important;opacity:.8!important}
@media(min-width:761px){html body .voice-room-panel.vr-demo .vrx-toolbar{height:42px!important;gap:10px!important}html body .voice-room-panel.vr-demo .vrx-toolbar>:is(.vrx-broadcast-control,.vrx-microphone-button,.vrx-listener-search){height:42px!important}html body .voice-room-panel.vr-demo .vrx-broadcast-main[data-room-publish],html body .voice-room-panel.vr-demo .room-broadcast-menu,html body .voice-room-panel.vr-demo .room-broadcast-menu>summary{height:40px!important}html body .voice-room-panel.vr-demo .vrx-broadcast-main[data-room-publish],html body .voice-room-panel.vr-demo .vrx-microphone-button,html body .voice-room-panel.vr-demo .vrx-listener-search input[data-room-search]{font-size:13px!important}}

/* Compact room search and stacked publisher actions, all layouts. */
html body .voice-room-panel.vr-demo .vrx-toolbar{grid-template-columns:minmax(110px,1fr) minmax(0,1.25fr)!important}
html body .voice-room-panel.vr-demo .vrx-listener-search{justify-self:end!important;width:100%!important;max-width:210px!important;border:0!important;background:transparent!important;box-shadow:none!important;height:32px!important;align-self:center!important;padding:0 4px!important}
html body .voice-room-panel.vr-demo .vrx-listener-search input[data-room-search]{font-size:11px!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .voice-room-panel.vr-demo .vrx-person-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;padding:6px 0}
html body .voice-room-panel.vr-demo .vrx-person-actions .vrx-publisher-mute{width:28px;height:28px;margin:0}
html body .voice-room-panel.vr-demo .vrx-person-actions .vrx-publisher-mute svg{width:15px;height:18px}
html body .voice-room-panel.vr-demo .vrx-person-actions .vrx-live-badge{margin:0}

html body .voice-room-panel.vr-demo .vrx-listener-search{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;height:26px!important;max-width:160px!important}
html body .voice-room-panel.vr-demo .vrx-listener-search>svg{display:none!important}
html body .voice-room-panel.vr-demo .vrx-listener-search input[data-room-search]{font:12px/24px Arial,sans-serif!important;padding:0 4px!important;height:24px!important;outline:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body .room-nick-invite{margin-left:auto!important;flex:0 0 26px!important;width:26px!important;height:26px!important;padding:2px!important;border:0!important;border-radius:50%!important;background:transparent!important;cursor:pointer;font-size:17px!important;z-index:2}
html body .channel-room-icon{display:inline-block!important;flex:0 0 auto!important;font-size:12px!important;margin-left:3px!important;vertical-align:middle!important}

html body .room-restore{writing-mode:horizontal-tb!important;text-orientation:mixed!important;letter-spacing:0!important;width:34px!important;height:34px!important;min-height:0!important;padding:5px!important;right:4px!important;top:calc(50% + 62px)!important;bottom:auto!important;border-radius:50%!important;border:1px solid var(--cz-a7cdf2,#a7cdf2)!important;background:var(--cz-f4fbff,#f4fbff)!important;color:var(--cz-124287,#124287)!important;font:20px/24px Arial!important;z-index:35!important}
html body .room-restore[hidden]{display:none!important}
html body.mobile-section-open .room-restore{display:none!important}
@media(max-width:760px){html[data-applet-choice="modern"] body .room-restore{background:var(--md-e5f3ed)!important;border-color:var(--md-bddbd0)!important;color:var(--md-006653)!important}}
html body .channel-hash:has(.channel-room-icon)::before,html body .channel-hash:has(.channel-room-icon)::after{display:none!important}
html body .channel-hash .channel-room-icon{position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:23px!important;margin:0!important;z-index:2!important}

/* Voice publishers: compact avatar tiles on every layout. */
.voice-room-panel.vr-demo .vrx-publisher-grid{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important;padding:12px!important}
.voice-room-panel.vr-demo .vrx-publisher-grid>.vrx-publisher-tile{display:flex!important;flex-direction:column!important;align-items:center!important;position:relative!important;gap:6px!important;width:76px!important;min-width:76px!important;padding:5px!important;margin:0!important;border:0!important;box-sizing:border-box!important}
.voice-room-panel.vr-demo .vrx-publisher-tile .vrx-person-info,.voice-room-panel.vr-demo .vrx-publisher-tile .vrx-live-badge{display:none!important}
.voice-room-panel.vr-demo .vrx-publisher-tile .vrx-crown-icon{position:absolute!important;top:-8px!important;left:0!important;width:20px!important;height:20px!important}
.voice-room-panel.vr-demo .vrx-publisher-tile .room-avatar{width:58px!important;height:58px!important;min-width:58px!important;flex:0 0 58px!important;border:3px solid var(--vr-border)!important;border-radius:50%!important;padding:0!important;overflow:hidden!important;background:var(--vr-soft)!important;box-sizing:border-box!important;transition:border-color .1s,box-shadow .1s}
.voice-room-panel.vr-demo .vrx-publisher-tile .room-avatar :is(.social-avatar,img){width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
.voice-room-panel.vr-demo .vrx-publisher-tile.room-speaking .room-avatar{border-color:#ed3945!important;box-shadow:0 0 0 4px #ed394530!important}
.voice-room-panel.vr-demo .vrx-publisher-tile .vrx-person-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;margin:0!important}
.voice-room-panel.vr-demo .vrx-publisher-tile .vrx-publisher-mute{width:27px!important;height:30px!important;padding:4px!important}
.voice-room-panel.vr-demo .vrx-publisher-tile .room-controls>div{right:0;z-index:20}

/* Sent emoji and consistent Facebook-style like across layouts. */
html body #app#app #messages .chat-inline-emoji{font-size:1.45em!important;line-height:1.15!important;vertical-align:-.08em;display:inline-block}
html body .reaction-menu .like-emoji{display:none!important}
html body .reaction-menu .classic-menu-like{display:block!important;width:27px!important;height:27px!important;min-width:27px!important;color:#1877f2!important;fill:#1877f2!important}
html body .reaction-counts .reaction-like-icon{display:inline-block!important;width:21px!important;height:21px!important;color:#1877f2!important;fill:#1877f2!important}
html body #app#app :is([data-mobile-private],[data-reference-private]):has(.private-typing-badge){position:relative!important;padding-right:70px!important}
html body #app#app .private-typing-badge{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%);font:italic 11px/16px Arial!important;color:var(--md-00866c,var(--cz-1266b5,#1266b5))!important;white-space:nowrap!important;background:transparent!important}