@font-face{ font-family: 'PC Glass Sans'; font-style: normal; font-display: swap; font-weight: 400; src:url('/fonts/pc/ca2b9eabacfab99d.woff2') format('woff2'); 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: 'PC Glass Sans'; font-style: normal; font-display: swap; font-weight: 400; src:url('/fonts/pc/543c03fff71d1b39.woff2') format('woff2'); 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; } @font-face{ font-family: 'PC Glass Sans'; font-style: normal; font-display: swap; font-weight: 600; src:url('/fonts/pc/ca47ccb548e4ed2b.woff2') format('woff2'); 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: 'PC Glass Sans'; font-style: normal; font-display: swap; font-weight: 600; src:url('/fonts/pc/eaf782735cb43684.woff2') format('woff2'); 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; } @font-face{ font-family: 'PC Glass Sans'; font-style: normal; font-display: swap; font-weight: 700; src:url('/fonts/pc/b7afcd7367b91f6f.woff2') format('woff2'); 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: 'PC Glass Sans'; font-style: normal; font-display: swap; font-weight: 700; src:url('/fonts/pc/ab74f0c2d7ec37e4.woff2') format('woff2'); 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; } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app .titlebar{height:80px!important;border-radius:20px!important;display:flex!important;align-items:center!important;flex:none!important;background:linear-gradient(173deg,var(--pcg-069982,#069982) 0%,var(--pcg-087d68,#087d68) 15%,var(--pcg-005a44,#005a44) 74%,var(--pcg-00573e,#00573e))!important;border:1px solid var(--pcg-40c5b6,#40c5b6)!important;box-shadow:inset 0 2px 2px #ffffff34,inset 0 -1px 1px var(--pcg-002f3326,#002f3326),0 3px 8px var(--pcg-176e5112,#176e5112)!important;color:var(--pcg-f5fffb,#f5fffb)!important;position:relative!important;z-index:4!important} html.pc-reference body #app#app#app .brand{display:flex!important;align-items:center!important;gap:12px!important;width:258px!important;height:78px!important;padding:9px 19px 9px 20px!important;border-radius:19px!important;background:linear-gradient(128deg,var(--pcg-008a68a0,#008a68a0),var(--pcg-004936b3,#004936b3))!important;box-shadow:inset -1px 0 1px var(--pcg-2cd1a930,#2cd1a930)!important;flex:none!important;text-align:left!important} html.pc-reference body #app#app#app .brand strong{font-size:28px!important;line-height:32px!important;font-weight:700!important;white-space:nowrap!important;letter-spacing:-.15px!important} html.pc-reference body #app#app#app .brand small{font-size:14px!important;color:var(--pcg-e5f3ea,#e5f3ea)!important;line-height:20px!important;white-space:nowrap!important} html.pc-reference body #app#app#app .pc-navigation{display:flex!important;gap:8px!important;margin-left:15px!important;align-items:center!important;height:52px!important} html.pc-reference body #app#app#app .pc-navigation>button{height:50px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 14px!important;font-weight:600!important;font-size:16px!important;white-space:nowrap!important;border:1px solid transparent!important;border-radius:18px!important;color:#fafffe!important} html.pc-reference body #app#app#app .pc-navigation>button.active{background:linear-gradient(140deg,var(--pcg-22b99b88,#22b99b88),var(--pcg-109279a0,#109279a0))!important;border-color:var(--pcg-33c9b499,#33c9b499)!important;box-shadow:inset 0 1px 2px var(--pcg-88ead140,#88ead140),0 3px 6px var(--pcg-004d3322,#004d3322)!important} html.pc-reference body #app#app#app .pc-navigation b{font-size:16px!important;line-height:23px!important;min-width:27px!important;padding:0 7px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:linear-gradient(var(--pcg-3ebca088,#3ebca088),var(--pcg-1c8f78a0,#1c8f78a0))!important;box-shadow:inset 0 1px 0 var(--pcg-b6ffe529,#b6ffe529)!important} html.pc-reference body #app#app#app #radioPanel{width:303px!important;height:60px!important;border-radius:19px!important;background:linear-gradient(140deg,var(--pcg-31b79b47,#31b79b47),var(--pcg-31978233,#31978233))!important;border:1px solid var(--pcg-35bda7,#35bda7)!important;box-shadow:inset 0 1px 3px var(--pcg-5df4d649,#5df4d649),0 1px 3px var(--pcg-00483330,#00483330)!important;display:flex!important;align-items:center!important;padding:6px 16px!important;gap:15px!important;flex:none!important} html.pc-reference body #app#app#app #radioPanel .radio-info{flex:1!important;min-width:0!important;text-align:left!important;align-self:stretch!important;padding:0!important} html.pc-reference body #app#app#app #radioTitle{font-size:15px!important;line-height:19px!important;font-weight:700!important;white-space:nowrap!important} html.pc-reference body #app#app#app #radioStatus{font-size:12px!important;line-height:16px!important;color:var(--pcg-abdfd6,#abdfd6)!important;white-space:nowrap!important} html.pc-reference body #app#app#app #radioPanel .radio-bars{height:10px!important;display:flex!important;align-items:flex-end!important;gap:3px!important;margin-top:1px!important} html.pc-reference body #app#app#app #modernHeaderRadioRefresh{width:41px!important;height:41px!important;border-radius:14px!important;background:linear-gradient(140deg,var(--pcg-44c8aa66,#44c8aa66),var(--pcg-008c6d44,#008c6d44))!important;border:1px solid var(--pcg-47c6ad70,#47c6ad70)!important;display:grid!important;place-items:center!important;margin:0 16px 0 31px!important;box-shadow:inset 0 1px 2px var(--pcg-7cedcb55,#7cedcb55)!important} html.pc-reference body #app#app#app .pc-top-profile{width:224px!important;height:50px!important;border-left:1px solid var(--pcg-7ac6b23b,#7ac6b23b)!important;display:flex!important;align-items:center!important;padding:0 19px 0 13px!important;gap:9px!important;text-align:left!important;flex:none!important} html.pc-reference body #app#app#app .pc-top-profile strong{display:block!important;font-size:17px!important;line-height:23px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important} html.pc-reference body #app#app#app >.layout{display:grid!important;grid-template-columns:278px 305px minmax(0,1fr)!important;height:calc(100% - 80px)!important;min-height:0!important} html.pc-reference body #app#app#app :is(#pcReferenceRail,#rightPanel,#mobileSection){min-width:0!important;min-height:0!important;border-radius:25px!important;background:linear-gradient(108deg,var(--pcg-f6fffeaa,#f6fffeaa),var(--pcg-e7f5f2aa,#e7f5f2aa))!important;box-shadow:inset 0 1px 2px #fff,3px 4px 12px var(--pcg-5baca529,#5baca529),inset -1px 0 3px var(--pcg-c3e6e6b8,#c3e6e6b8)!important;position:relative!important;overflow:hidden!important} html.pc-reference body #app#app#app #pcReferenceRail>.desktop-profile-panel{height:203px!important;flex:none!important;padding:24px 18px 14px 20px!important;border-bottom:1px solid #fff!important;box-shadow:0 2px 9px var(--pcg-72b3bb14,#72b3bb14)!important} html.pc-reference body #app#app#app #desktopPrivatePreference .private-preference{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 9px 27px 6px!important;font-size:15px!important;line-height:24px!important;color:var(--pcg-2d5670,#2d5670)!important} html.pc-reference body #app#app#app .own-nick-form{display:flex!important;gap:10px!important;height:34px!important} html.pc-reference body #app#app#app .own-nick-form input{height:34px!important;flex:1!important;width:0!important;border:1px solid #fff!important;border-radius:18px!important;padding:0 12px!important;font-size:13px!important;background:linear-gradient(140deg,#fff9,var(--pcg-e9f3f7b0,#e9f3f7b0))!important;box-shadow:0 4px 10px var(--pcg-739fab26,#739fab26),inset 0 1px 0 #fff!important} html.pc-reference body #app#app#app .own-nick-form button{height:34px!important;width:92px!important;border:1px solid #fff!important;border-radius:19px!important;font-size:14px!important;color:var(--pcg-00816b,#00816b)!important;background:linear-gradient(140deg,var(--pcg-effffa,#effffa),var(--pcg-d8f6f4,#d8f6f4))!important;box-shadow:0 4px 8px var(--pcg-559e9d28,#559e9d28)!important} html.pc-reference body #app#app#app #pcReferenceRail>header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:17px 21px 7px 24px!important;height:60px!important;flex:none!important} html.pc-reference body #app#app#app #pcReferenceRail>header h2{font-size:23px!important;line-height:30px!important;font-weight:700!important;margin:0!important;letter-spacing:-.25px!important} html.pc-reference body #app#app#app #pcReferenceRail>header .md-join{width:37px!important;height:37px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--pcg-17d7b1,#17d7b1),var(--pcg-008468,#008468) 65%,var(--pcg-005d4b,#005d4b))!important;box-shadow:inset 0 1px 2px var(--pcg-8dfbda,#8dfbda),0 4px 7px var(--pcg-31867930,#31867930)!important;color:white!important;display:grid!important;place-items:center!important} html.pc-reference body #app#app#app #pcReferenceRail>.pc-channel-search{margin:0 20px 13px 21px!important;height:41px!important;flex:none!important} html.pc-reference body #app#app#app #pcReferenceRail .pc-channel-items{padding:0 18px 8px 19px!important;overflow:auto!important;scrollbar-width:none!important;flex:1!important;min-height:0!important} html.pc-reference body #app#app#app #pcReferenceRail .md-channel{width:100%!important;height:54px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:4px 9px!important;border-radius:19px!important;margin-bottom:5px!important;border:1px solid #fff!important;box-shadow:0 4px 6px var(--pcg-7e9ba420,#7e9ba420)!important;background:linear-gradient(120deg,#ffffffba,var(--pcg-e5f2f6a0,#e5f2f6a0))!important;text-align:left!important;min-width:0!important} html.pc-reference body #app#app#app #pcReferenceRail .md-channel[aria-current="page"]{background:linear-gradient(125deg,var(--pcg-b7f0dd,#b7f0dd),var(--pcg-a1ece5,#a1ece5))!important;box-shadow:inset 0 1px 4px var(--pcg-defff1,#defff1),0 3px 8px var(--pcg-65b9a533,#65b9a533)!important;border-color:var(--pcg-d9fff4,#d9fff4)!important} html.pc-reference body #app#app#app #pcReferenceRail .md-channel>span>b{display:block!important;font-size:16px!important;line-height:21px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html.pc-reference body #app#app#app #pcReferenceRail .md-channel small{display:block!important;font-size:13px!important;line-height:19px!important;color:var(--pcg-547588,#547588)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html.pc-reference body #app#app#app #pcReferenceRail .md-channel em>b{display:grid!important;place-items:center!important;flex:none!important;min-width:24px!important;height:25px!important;border-radius:14px!important;padding:0 6px!important;color:white!important;font-size:16px!important;font-weight:700!important;background:linear-gradient(130deg,var(--pcg-79999f,#79999f),var(--pcg-3e6f75,#3e6f75))!important;box-shadow:inset 0 1px 1px #fff5!important} html.pc-reference body #app#app#app #rightPanel{padding:15px 20px 20px!important;z-index:1!important} html.pc-reference body #app#app#app #memberSearch{height:42px!important;border-radius:23px!important;margin-bottom:18px!important;background:linear-gradient(135deg,#f8fcffb8,var(--pcg-eaf3f6b8,#eaf3f6b8))!important;box-shadow:inset 0 2px 4px var(--pcg-a6c2cf5e,#a6c2cf5e),0 4px 8px var(--pcg-709fab25,#709fab25)!important} html.pc-reference body #app#app#app #memberList{height:calc(100% - 60px)!important;overflow:auto!important;scrollbar-width:none!important;padding:0 0 5px!important} html.pc-reference body #app#app#app #memberList .pc-glass-role{--accent:var(--pcg-7a11d2,#7a11d2)!important;--light:var(--pcg-eee1ff,#eee1ff)!important;--pale:var(--pcg-f4ecfa,#f4ecfa)!important;--shadow:var(--pcg-b39cca3b,#b39cca3b)!important;border:1px solid #fff!important;border-radius:19px!important;overflow:hidden!important;background:linear-gradient(110deg,#fff,#f9faff77)!important;box-shadow:0 5px 9px var(--pcg-66979f25,#66979f25)!important;margin-bottom:13px!important;padding:0 3px 5px!important} html.pc-reference body #app#app#app #memberList .member-group-heading{width:100%!important;height:35px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:2px 10px 2px 6px!important;text-align:left!important;background:linear-gradient(110deg,#ffffff8f,var(--light))!important;border-radius:14px!important;color:var(--accent)!important;font-size:15px!important;font-weight:700!important} html.pc-reference body #app#app#app #memberList .roster-design-count{display:grid!important;place-items:center!important;height:21px!important;min-width:22px!important;padding:0 5px!important;border-radius:12px!important;font-size:14px!important;color:white!important;box-shadow:inset 0 1px 2px #fff8!important;background:var(--accent)!important} html.pc-reference body #app#app#app #memberList .member-row.grouped-member{width:100%!important;height:33px!important;border-radius:16px!important;display:flex!important;align-items:center!important;text-align:left!important;gap:10px!important;padding:1px 9px!important;background:linear-gradient(115deg,#fff9,var(--pale))!important;box-shadow:0 1px 4px var(--shadow)!important;font-size:16px!important;color:var(--pcg-123149,#123149)!important;white-space:nowrap!important} html.pc-reference body #app#app#app #memberList .member-nick{overflow:hidden!important;text-overflow:ellipsis!important} html.pc-reference body #app#app#app .chat-panel{position:relative!important;min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:26px!important;background:linear-gradient(120deg,#f4fbfacc,var(--pcg-d4f0edaa,#d4f0edaa))!important;box-shadow:inset 0 1px 2px #fff,0 3px 10px var(--pcg-54a19f29,#54a19f29)!important} html.pc-reference body #app#app#app .channel-head{height:80px!important;flex:none!important;display:flex!important;align-items:center!important;padding:9px 18px!important;gap:14px!important;background:linear-gradient(105deg,#ffffffe5,#f5fafbd9)!important;position:relative!important;z-index:2!important} html.pc-reference body #app#app#app #modernIdentity strong{margin:0 0 2px!important;font-size:26px!important;font-weight:700!important;line-height:31px!important;letter-spacing:-.3px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} html.pc-reference body #app#app#app #modernIdentity small{margin:0!important;font-size:15px!important;line-height:23px!important;color:var(--pcg-798e9e,#798e9e)!important} html.pc-reference body #app#app#app :is(#modernHeaderMedia,#modernCallActions){display:flex!important;gap:8px!important;align-items:center!important} html.pc-reference body #app#app#app :is(#modernHeaderMedia,#modernCallActions)>button{height:44px!important;width:44px!important;border:1px solid #f8ffff!important;border-radius:17px!important;background:linear-gradient(125deg,#fff9,var(--pcg-dbedee7d,#dbedee7d))!important;box-shadow:0 4px 9px var(--pcg-809fa22e,#809fa22e),inset 0 1px 2px #fff!important;color:var(--pcg-4d7b86,#4d7b86)!important;display:grid!important;place-items:center!important} html.pc-reference body #app#app#app #modernTopic:not([hidden]){height:43px!important;flex:none!important;margin:0 10px!important;padding:0 14px 0 15px!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;border-radius:20px!important;border:1px solid var(--pcg-ecffffc9,#ecffffc9)!important;background:linear-gradient(120deg,var(--pcg-deefefaa,#deefefaa),var(--pcg-c6e9e9df,#c6e9e9df))!important;box-shadow:inset 0 1px 2px #fff,0 4px 9px var(--pcg-7eaeae28,#7eaeae28)!important;color:var(--pcg-577d8e,#577d8e)!important;z-index:2!important;font-size:15px!important} html.pc-reference body #app#app#app #messages{padding:19px 24px!important;flex:1!important;min-height:0!important;overflow:auto!important;scrollbar-width:none!important;overscroll-behavior:contain!important} html.pc-reference body #app#app#app #messages .message:not(.system-message){display:flex!important;gap:10px!important;align-items:flex-start!important;margin-bottom:15px!important} html.pc-reference body #app#app#app #messages .message-avatar{width:53px!important;height:54px!important;flex:none!important} html.pc-reference body #app#app#app #messages .message-body{min-width:140px!important;max-width:70%!important;min-height:81px!important;position:relative!important;padding:10px 15px 25px!important;border:1px solid var(--pcg-ecf7f8b8,#ecf7f8b8)!important;border-radius:21px!important;background:linear-gradient(120deg,#fffdfd,var(--pcg-f1f9fbd9,#f1f9fbd9))!important;box-shadow:0 6px 11px var(--pcg-6a9fa020,#6a9fa020)!important;color:var(--pcg-264b62,#264b62)!important;overflow-wrap:anywhere!important} html.pc-reference body #app#app#app #messages .message-name{display:block!important;font-size:14px!important;line-height:19px!important;font-weight:700!important;color:var(--pcg-072a48,#072a48)!important;text-align:left!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html.pc-reference body #app#app#app #messages .message-text{font-size:18.5px!important;line-height:25px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important} html.pc-reference body #app#app#app #messages .classic-end-time{position:absolute!important;bottom:6px!important;right:14px!important;font-size:13px!important;color:var(--pcg-6a8c9a,#6a8c9a)!important;line-height:16px!important} html.pc-reference body #app#app#app #messages .message.self .message-body{background:linear-gradient(120deg,var(--pcg-e4fff1,#e4fff1),var(--pcg-cdf3e4,#cdf3e4))!important;border-color:var(--pcg-e0fff1,#e0fff1)!important} html.pc-reference body #app#app#app .composer{position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;height:64px!important;flex:none!important;margin:0 10px 6px 19px!important;padding:5px 7px 5px 0!important;border-radius:30px!important;background:linear-gradient(120deg,#ffffff68,var(--pcg-d6f2f244,#d6f2f244))!important;border:1px solid var(--pcg-efffff,#efffff)!important;box-shadow:0 4px 9px var(--pcg-7ba5a22b,#7ba5a22b),inset 0 1px 3px #fff9!important;z-index:3!important} html.pc-reference body #app#app#app :is(#emojiButton,#modernAttach){width:43px!important;height:48px!important;flex:none!important;display:grid!important;place-items:center!important;border-radius:23px!important;border:1px solid #f9ffffa9!important;background:linear-gradient(120deg,#fff9,var(--pcg-d8ebeb88,#d8ebeb88))!important;box-shadow:0 2px 5px var(--pcg-7c9b9c20,#7c9b9c20)!important;color:var(--pcg-628791,#628791)!important} html.pc-reference body #app#app#app :is(#sendButton,#voiceButton){width:55px!important;height:55px!important;margin-right:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(145deg,var(--pcg-14d3ad,#14d3ad),var(--pcg-008c6d,#008c6d) 60%,var(--pcg-006b55,#006b55))!important;box-shadow:inset 0 1px 3px var(--pcg-91ffe5,#91ffe5),0 5px 8px var(--pcg-438d8540,#438d8540)!important;flex:none!important} }@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body{background:var(--pcg-eef8f5,#eef8f5)!important} html.pc-reference body #app#app#app{padding:2px 6px 6px!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 23% 28%,#fcffff90,transparent 50%),linear-gradient(125deg,var(--pcg-eef9f7,#eef9f7),var(--pcg-e8f4f1,#e8f4f1))!important;color:var(--pcg-092b45,#092b45)!important;font-family:'PC Glass Sans',Arial,sans-serif!important;box-sizing:border-box!important} html.pc-reference body #app#app#app :is(button,input,select,.member-nick,.member-prefix,.message-name,.message-text,.pc-channel-search){font-family:'PC Glass Sans',Arial,sans-serif!important} html.pc-reference body #app#app#app>.titlebar{padding:0!important;gap:0!important;height:80px!important;min-height:80px!important;flex:0 0 80px!important;flex-wrap:nowrap!important} html.pc-reference body #app#app#app .brand{width:258px!important;min-width:220px!important;flex:0 0 auto!important} html.pc-reference body #app#app#app .brand img{width:66px!important;height:59px!important} html.pc-reference body #app#app#app .brand :is(strong,small){font-family:'PC Glass Sans',Arial,sans-serif!important} html.pc-reference body #app#app#app .pc-navigation{position:static!important;transform:none!important;flex:none!important;order:0!important;padding:0!important;width:auto!important} html.pc-reference body #app#app#app .pc-navigation button{width:auto!important;min-width:0!important} html.pc-reference body #app#app#app .pc-navigation button svg{width:24px!important;height:24px!important} html.pc-reference body #app#app#app #modernHeaderRadio{margin-left:auto!important;gap:0!important;flex:none!important} html.pc-reference body #app#app#app #radioPanel{width:303px!important;max-width:303px!important;flex:0 0 303px!important} html.pc-reference body #app#app#app #radioVolume{width:60px!important;min-width:60px!important;max-width:60px!important;flex:0 0 60px!important;height:6px!important;accent-color:var(--pcg-20c5aa,#20c5aa)!important} html.pc-reference body #app#app#app #radioPanel .radio-info{width:auto!important;flex:1!important} html.pc-reference body #app#app#app #modernHeaderRadioRefresh{flex:0 0 41px!important;font-size:26px!important} html.pc-reference body #app#app#app .pc-top-profile{margin:0!important;max-width:224px!important;color:var(--pcg-f5fffb,#f5fffb)!important} html.pc-reference body #app#app#app .pc-top-avatar,html.pc-reference body #app#app#app .pc-top-avatar .social-avatar{width:50px!important;height:50px!important;flex:0 0 50px!important} html.pc-reference body #app#app#app>.layout{grid-template-columns:clamp(218px,15.4vw,278px) clamp(230px,16.9vw,305px) minmax(0,1fr)!important;gap:0!important;background:transparent!important;flex:1 1 0!important;height:auto!important} html.pc-reference body #app#app#app :is(#pcReferenceRail,#rightPanel,#mobileSection){border:0!important;padding:0!important;background:linear-gradient(108deg,var(--pcg-f6fffeaa,#f6fffeaa),var(--pcg-e7f5f2aa,#e7f5f2aa))!important} html.pc-reference body #app#app#app #pcReferenceRail{overflow:hidden!important;display:flex!important;flex-direction:column!important} html.pc-reference body #app#app#app #pcReferenceRail>.desktop-profile-panel{background:transparent!important;border-bottom:1px solid white!important;margin:0!important;height:203px!important;min-height:203px!important;order:-1!important} html.pc-reference body #app#app#app #desktopPrivatePreference{margin:0!important} html.pc-reference body #app#app#app #pcReferenceRail .my-profile{width:100%!important;display:block!important} html.pc-reference body #app#app#app #pcReferenceRail .social-own-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;gap:10px!important;align-items:center!important;padding:0!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:center!important;min-width:0!important;background:none!important;border:0!important;padding:0!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self .social-avatar{width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:18px!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self b{font-size:18px!important;color:var(--pcg-005a3f,#005a3f)!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} html.pc-reference body #app#app#app #pcReferenceRail .social-status{width:100px!important;height:34px!important;border:1px solid var(--pcg-ddf4f2,#ddf4f2)!important;border-radius:19px!important;background:linear-gradient(115deg,#fff9,var(--pcg-e5ffff6e,#e5ffff6e))!important;color:var(--pcg-078167,#078167)!important;font-size:14px!important;padding:5px!important} html.pc-reference body #app#app#app #pcReferenceRail .own-nick-form{grid-column:1/-1!important;margin:0!important;flex-wrap:nowrap!important} html.pc-reference body #app#app#app #pcReferenceRail .own-nick-form small:empty{display:none!important} html.pc-reference body #app#app#app #pcReferenceRail>header .md-join{position:static!important;min-width:37px!important;min-height:37px!important;padding:0!important;font-size:28px!important} html.pc-reference body #app#app#app #pcReferenceRail>.pc-channel-search{width:calc(100% - 41px)!important;padding:0 12px!important;border:1px solid white!important;border-radius:16px!important;background:linear-gradient(120deg,#fcffffc9,var(--pcg-e6f7f5b0,#e6f7f5b0))!important;box-shadow:0 5px 9px var(--pcg-527d9820,#527d9820),inset 0 1px 2px #fff!important;font-size:15px!important} html.pc-reference body #app#app#app #pcReferenceRail .md-channel{min-height:54px!important;height:54px!important} html.pc-reference body #app#app#app #pcReferenceRail .md-channel>:is(img,.social-avatar){width:43px!important;height:43px!important;flex:0 0 43px!important} html.pc-reference body #app#app#app #rightPanel{padding:15px 20px 20px!important;overflow:hidden!important} html.pc-reference body #app#app#app #memberSearch{width:100%!important;min-height:42px!important;height:42px!important;margin:0 0 18px!important;padding:0 12px!important;border:1px solid white!important;font-size:15px!important} html.pc-reference body #app#app#app #rightPanel .member-card{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important} html.pc-reference body #app#app#app #memberList{flex:1!important;min-height:0!important;padding:0 0 5px!important;overflow:auto!important;scrollbar-width:none!important} html.pc-reference body #app#app#app #memberList .pc-glass-role{--accent:var(--group-color,var(--pcg-467482,#467482))!important;--light:color-mix(in srgb,var(--accent) 13%,white)!important;--pale:color-mix(in srgb,var(--accent) 5%,white)!important;--shadow:var(--pcg-9cbdca3b,#9cbdca3b)!important} html.pc-reference body #app#app#app #memberList .member-group-heading{--ink:var(--accent)!important;margin:0!important;min-height:35px!important;border:0!important;box-shadow:none!important;flex-wrap:nowrap!important} html.pc-reference body #app#app#app #memberList .member-group-heading>svg{width:32px!important;height:30px!important;flex:0 0 32px!important;background:transparent!important;padding:2px!important} html.pc-reference body #app#app#app #memberList .roster-design-arrow{width:16px!important;flex:0 0 16px!important;height:16px!important} html.pc-reference body #app#app#app #memberList .roster-design-arrow svg{width:16px!important;height:16px!important} html.pc-reference body #app#app#app #memberList .member-row.grouped-member{min-height:33px!important;margin:0!important;border:0!important;--row:var(--pale)!important;--ink:var(--pcg-123149,#123149)!important} html.pc-reference body #app#app#app #memberList .member-row.grouped-member::before,html.pc-reference body #app#app#app #memberList .member-row.grouped-member::after{content:none!important} html.pc-reference body #app#app#app #memberList .member-row :is(.member-nick,.member-prefix){font-size:16px!important;font-weight:400!important;color:var(--pcg-123149,#123149)!important} html.pc-reference body #app#app#app .channel-head{height:80px!important;min-height:80px!important;flex:0 0 80px!important} html.pc-reference body #app#app#app .channel-icon,html.pc-reference body #app#app#app .channel-icon :is(img,.social-avatar){width:60px!important;height:60px!important;flex:0 0 60px!important} html.pc-reference body #app#app#app #modernTopic:not([hidden]){position:relative!important;min-height:43px!important;height:auto!important;padding:10px 44px 10px 15px!important;width:calc(100% - 20px)!important;display:block!important} html.pc-reference body #app#app#app #modernTopic>.channel-head-toggle{top:9px!important;right:12px!important} html.pc-reference body #app#app#app #messages#messages{background:transparent url('/images/pc-glass/wallpaper.webp') center/100% 100% no-repeat!important} html.pc-reference body #app#app#app #messages .message-avatar :is(img,.social-avatar){width:53px!important;height:54px!important} html.pc-reference body #app#app#app #messages .message-body{flex:0 1 auto!important;max-width:70%!important;min-height:81px!important} html.pc-reference body #app#app#app #messages .message-body::before{content:none!important} html.pc-reference body #app#app#app #messages .message.self .message-body{border-radius:21px!important} html.pc-reference body #app#app#app .composer{display:block!important;min-height:64px!important;height:64px!important;flex:0 0 64px!important} html.pc-reference body #app#app#app .composer-row{height:54px!important;min-height:54px!important;gap:6px!important} html.pc-reference body #app#app#app .message-input-wrap{display:contents!important} html.pc-reference body #app#app#app #messageInput{height:49px!important;min-height:49px!important;flex:1 1 0!important;width:0!important;padding:12px 16px!important;margin-right:6px!important;border:2px solid var(--pcg-f7ffff,#f7ffff)!important;border-radius:27px!important;box-shadow:inset 0 2px 5px var(--pcg-a5c4cc51,#a5c4cc51)!important;background:linear-gradient(120deg,var(--pcg-edf2f9aa,#edf2f9aa),var(--pcg-e6f8fbb5,#e6f8fbb5))!important;font-size:17px!important;order:2!important} html.pc-reference body #app#app#app :is(#emojiButton,#modernAttach){flex:0 0 43px!important;width:43px!important;height:48px!important;padding:8px!important} html.pc-reference body #app#app#app :is(#voiceButton,#sendButton){flex:0 0 55px!important;width:55px!important;height:55px!important;order:3!important;padding:14px!important;margin:0!important} html.pc-reference body #app#app#app #mobileMembersButton{display:none!important} html.pc-reference body #app#app#app #mobileSectionContent{background:transparent!important} html.pc-reference body #app#app#app :is(.md-card,.md-friend-group,.md-channel){font-family:'PC Glass Sans',Arial,sans-serif!important} } @media(min-width:761px) and (max-width:1450px) and (hover:hover),(min-width:761px) and (max-width:1450px) and (pointer:fine),(min-width:1401px) and (max-width:1450px){ html.pc-reference body #app#app#app>.titlebar{height:130px!important;min-height:130px!important;flex-basis:130px!important;flex-wrap:wrap!important;padding:0 10px!important} html.pc-reference body #app#app#app .pc-navigation{order:5!important;width:100%!important;height:44px!important;margin:0!important;justify-content:center!important} html.pc-reference body #app#app#app .pc-navigation>button{height:40px!important} html.pc-reference body #app#app#app .brand{min-width:190px!important;width:220px!important} html.pc-reference body #app#app#app .pc-top-profile{width:170px!important;padding:0 8px!important} html.pc-reference body #app#app#app #modernHeaderRadioRefresh{margin:0 10px!important} html.pc-reference body #app#app#app>.layout{grid-template-columns:218px 230px minmax(0,1fr)!important} html.pc-reference body #app#app#app #rightPanel{padding:12px!important} html.pc-reference body #app#app#app #pcReferenceRail>.desktop-profile-panel{padding:16px 10px!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self .social-avatar{width:45px!important;height:45px!important;flex-basis:45px!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #memberList .pc-glass-role:has([data-group="owner"]){--group-color:var(--pcg-7a11d2,#7a11d2)!important} html.pc-reference body #app#app#app #memberList .member-group-heading[data-group="owner"]>.member-group-icon{background:transparent url("/images/pc-glass/reference.webp") -315px -160px/1806px 871px no-repeat!important;width:33px!important;height:32px!important;padding:0!important;border-radius:12px!important} html.pc-reference body #app#app#app #memberList .member-group-heading[data-group="owner"]>.member-group-icon>*{opacity:0!important} html.pc-reference body #app#app#app #memberList .pc-glass-role:has([data-group="a"]){--group-color:var(--pcg-f10927,#f10927)!important} html.pc-reference body #app#app#app #memberList .member-group-heading[data-group="a"]>.member-group-icon{background:transparent url("/images/pc-glass/reference.webp") -315px -246px/1806px 871px no-repeat!important;width:33px!important;height:32px!important;padding:0!important;border-radius:12px!important} html.pc-reference body #app#app#app #memberList .member-group-heading[data-group="a"]>.member-group-icon>*{opacity:0!important} html.pc-reference body #app#app#app #memberList .pc-glass-role:has([data-group="h"]){--group-color:var(--pcg-008fe3,#008fe3)!important} html.pc-reference body #app#app#app #memberList .member-group-heading[data-group="h"]>.member-group-icon{background:transparent url("/images/pc-glass/reference.webp") -315px -437px/1806px 871px no-repeat!important;width:33px!important;height:32px!important;padding:0!important;border-radius:12px!important} html.pc-reference body #app#app#app #memberList .member-group-heading[data-group="h"]>.member-group-icon>*{opacity:0!important} html.pc-reference body #app#app#app #memberList .pc-glass-role:has([data-group="v"]){--group-color:var(--pcg-049431,#049431)!important} html.pc-reference body #app#app#app #memberList .member-group-heading[data-group="v"]>.member-group-icon{background:transparent url("/images/pc-glass/reference.webp") -315px -631px/1806px 871px no-repeat!important;width:33px!important;height:32px!important;padding:0!important;border-radius:12px!important} html.pc-reference body #app#app#app #memberList .member-group-heading[data-group="v"]>.member-group-icon>*{opacity:0!important} } @media(min-width:761px) and (max-width:950px) and (hover:hover),(min-width:761px) and (max-width:950px) and (pointer:fine){ html.pc-reference body #app#app#app .brand{width:180px!important;min-width:180px!important;padding:8px!important;gap:7px!important} html.pc-reference body #app#app#app .brand strong{font-size:24px!important} html.pc-reference body #app#app#app .brand img{width:48px!important;height:48px!important} html.pc-reference body #app#app#app #radioPanel{width:240px!important;max-width:240px!important;flex-basis:240px!important;padding:6px 10px!important;gap:8px!important} html.pc-reference body #app#app#app .pc-top-profile{width:140px!important;padding:0 5px!important} html.pc-reference body #app#app#app #modernHeaderRadioRefresh{margin:0 8px!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #memberList .member-row.group-collapsed,html.pc-reference body #app#app#app #memberList .pc-glass-role:has(>.member-group-heading[hidden]),html.pc-reference body #app#app#app [hidden]{display:none!important} html.pc-reference body #app#app#app .composer-row:not(.md-has-text):not(.md-no-voice) #sendButton,html.pc-reference body #app#app#app .composer-row.md-has-text #voiceButton,html.pc-reference body #app#app#app .composer-row.md-no-voice #voiceButton{display:none!important} html.pc-reference body #app#app#app .member-group-heading[aria-expanded="false"] .roster-design-arrow svg{transform:rotate(-90deg)!important} } #pcYoutube,#pcClear{display:none} @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app .pc-channel-active #modernCallActions{display:none!important} html.pc-reference body #app#app#app .pc-channel-active :is(#pcYoutube,#pcClear):not([hidden]){display:grid!important;place-items:center!important;order:3!important;width:44px!important;height:44px!important;flex:0 0 44px!important;padding:9px!important;border:1px solid #f8ffff!important;border-radius:17px!important;background:linear-gradient(125deg,#fff9,var(--pcg-dbedee7d,#dbedee7d))!important;box-shadow:0 4px 9px var(--pcg-809fa22e,#809fa22e)!important;color:var(--pcg-4d7b86,#4d7b86)!important} html.pc-reference body #app#app#app :is(#pcYoutube,#pcClear)>:is(img,svg){width:25px!important;height:25px!important;object-fit:contain!important} html.pc-reference body #app#app#app .status-updates-list{background:transparent!important;color:var(--md-102933)!important} html.pc-reference body #app#app#app .layout[data-pc-view="statuses"] .chat-panel{display:none!important} html.pc-reference body #app#app#app .layout[data-pc-view="statuses"] #mobileSection{grid-column:2/-1!important;background:linear-gradient(108deg,var(--pcg-f6fffeaa,#f6fffeaa),var(--pcg-e7f5f2aa,#e7f5f2aa))!important} html.pc-reference body #app#app#app :is(.pc-navigation b,.md-channel em>b,.mobile-nav-badge,.status-unread-badge,.status-count-badge){background:#e53945!important;color:#fff!important;border-color:#e53945!important} html.pc-reference body #app#app#app #messages .message-text{color:var(--md-102933)!important} html.pc-reference body #app#app#app #messages .message.self .message-name{color:var(--group-color,var(--md-006653))!important} html.pc-reference body :is(dialog,#userCard) :is(button[aria-label="Kapat"],.close-button,.close,.dialog-close){color:var(--md-102933)!important;background:var(--md-e5f3ed)!important} html.pc-reference body #app#app#app :is(.channel-close,.private-close,.close-button){color:var(--md-102933)!important;background:var(--md-e5f3ed)!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference[data-chat-background="modern-blue"]{--pcg-31b79b47:#317fb747;--pcg-66979f25:#66879f25;--pcg-467482:#466982;--pcg-20c5aa:#297ebc;--pcg-109279a0:#1d5985a0;--pcg-31867930:#31628630;--pcg-f7ffff:#f8fbfe;--pcg-00483330:#0d283b30;--pcg-072a48:#0e2c41;--pcg-709fab25:#7092ab25;--pcg-6a9fa020:#6a89a020;--pcg-d6f2f244:#d6e6f244;--pcg-defff1:#e4f0f9;--pcg-edf2f9aa:#edf4f9aa;--pcg-e5f2f6a0:#e5eff6a0;--pcg-069982:#1d5882;--pcg-3ebca088:#3e87bc88;--pcg-b6ffe529:#c3def229;--pcg-44c8aa66:#4491c866;--pcg-176e5112:#18496d12;--pcg-002f3326:#091c2a26;--pcg-9cbdca3b:#9cb7ca3b;--pcg-e7f5f2aa:#e7eff5aa;--pcg-f4ecfa:#ecf4fa;--pcg-092b45:#0e2b40;--pcg-f5fffb:#f7fbfd;--pcg-88ead140:#8cc0e640;--pcg-049431:#1b547d;--pcg-eef9f7:#eef4f9;--pcg-00573e:#103047;--pcg-f6fffeaa:#f8fbfdaa;--pcg-2d5670:#2d5470;--pcg-effffa:#f2f8fc;--pcg-65b9a533:#6596b933;--pcg-91ffe5:#a5ceeb;--pcg-17d7b1:#2b83c3;--pcg-dbedee7d:#dbe6ee7d;--pcg-7cedcb55:#85bce455;--pcg-deefefaa:#dee8efaa;--pcg-559e9d28:#557f9e28;--pcg-d8ebeb88:#d8e3eb88;--pcg-d9fff4:#e0eef8;--pcg-abdfd6:#abc9df;--pcg-004936b3:#0d283cb3;--pcg-e6f7f5b0:#e6f0f7b0;--pcg-22b99b88:#2779b488;--pcg-eee1ff:#e6f2fa;--pcg-d8f6f4:#d8e9f6;--pcg-264b62:#264962;--pcg-1c8f78a0:#1f5e8ca0;--pcg-31978233:#316c9733;--pcg-008c6d44:#194d7344;--pcg-577d8e:#57778e;--pcg-d4f0edaa:#d4e4f0aa;--pcg-c6e9e9df:#c6dae9df;--pcg-f1f9fbd9:#f1f7fbd9;--pcg-006b55:#133b58;--pcg-e6f8fbb5:#e7f2fab5;--pcg-a1ece5:#a2cceb;--pcg-008fe3:#297dba;--pcg-47c6ad70:#4791c670;--pcg-123149:#123249;--pcg-c3e6e6b8:#c3d7e6b8;--pcg-35bda7:#3584bd;--pcg-b7f0dd:#b8d8ef;--pcg-008a68a0:#194c71a0;--pcg-005a44:#10324a;--pcg-a6c2cf5e:#a6becf5e;--pcg-438d8540:#436e8d40;--pcg-7a11d2:#297dba;--pcg-7ac6b23b:#7aa6c63b;--pcg-798e9e:#798e9e;--pcg-547588:#547288;--pcg-eaf3f6b8:#eaf1f6b8;--pcg-628791:#627d91;--pcg-e5ffff6e:#eaf3fa6e;--pcg-8dfbda:#9ecaea;--pcg-4d7b86:#4d6e86;--pcg-72b3bb14:#729cbb14;--pcg-527d9820:#527b9820;--pcg-087d68:#18496d;--pcg-004d3322:#0e2a3f22;--pcg-ecffffc9:#eff6fcc9;--pcg-739fab26:#7393ab26;--pcg-14d3ad:#2a7fbd;--pcg-7eaeae28:#7e9aae28;--pcg-e4fff1:#e9f3fa;--pcg-5baca529:#5b8aac29;--pcg-a5c4cc51:#a5bccc51;--pcg-efffff:#f2f8fc;--pcg-e9f3f7b0:#e9f1f7b0;--pcg-e5f3ea:#e5edf3;--pcg-005d4b:#11334c;--pcg-7e9ba420:#7e94a420;--pcg-79999f:#798f9f;--pcg-cdf3e4:#cde3f3;--pcg-078167:#184b70;--pcg-008c6d:#194d73;--pcg-ecf7f8b8:#ecf3f8b8;--pcg-3e6f75:#3e5e75;--pcg-6a8c9a:#6a869a;--pcg-ddf4f2:#ddeaf4;--pcg-f10927:#2d8acd;--pcg-40c5b6:#408dc5;--pcg-54a19f29:#5481a129;--pcg-008468:#18496c;--pcg-5df4d649:#71b1e049;--pcg-e8f4f1:#e8eff4;--pcg-2cd1a930:#2e8bcf30;--pcg-b39cca3b:#9cb7ca3b;--pcg-e0fff1:#e6f1f9;--pcg-eef8f5:#eef4f8;--pcg-33c9b499:#338ac999;--pcg-809fa22e:#8094a22e;--pcg-7c9b9c20:#7c8f9c20;--pcg-00816b:#17476a;--pcg-005a3f:#10324a;--pcg-7ba5a22b:#7b93a52b} html.pc-reference[data-chat-background="pink"]{--pcg-31b79b47:#b7317147;--pcg-66979f25:#9f668125;--pcg-467482:#824663;--pcg-20c5aa:#bc2970;--pcg-109279a0:#851d4fa0;--pcg-31867930:#86315a30;--pcg-f7ffff:#fef8fb;--pcg-00483330:#3b0d2330;--pcg-072a48:#410e26;--pcg-709fab25:#ab708c25;--pcg-6a9fa020:#a06a8420;--pcg-d6f2f244:#f2d6e344;--pcg-defff1:#f9e4ee;--pcg-edf2f9aa:#f9edf3aa;--pcg-e5f2f6a0:#f6e5eda0;--pcg-069982:#821d4d;--pcg-3ebca088:#bc3e7a88;--pcg-b6ffe529:#f2c3da29;--pcg-44c8aa66:#c8448366;--pcg-176e5112:#6d184112;--pcg-002f3326:#2a091926;--pcg-9cbdca3b:#ca9cb23b;--pcg-e7f5f2aa:#f5e7eeaa;--pcg-f4ecfa:#faecf3;--pcg-092b45:#400e26;--pcg-f5fffb:#fdf7fa;--pcg-88ead140:#e68cb740;--pcg-049431:#7d1b4a;--pcg-eef9f7:#f9eef3;--pcg-00573e:#47102a;--pcg-f6fffeaa:#fdf8faaa;--pcg-2d5670:#702d4d;--pcg-effffa:#fcf2f7;--pcg-65b9a533:#b9658d33;--pcg-91ffe5:#eba5c7;--pcg-17d7b1:#c32b74;--pcg-dbedee7d:#eedbe47d;--pcg-7cedcb55:#e485b355;--pcg-deefefaa:#efdee6aa;--pcg-559e9d28:#9e557828;--pcg-d8ebeb88:#ebd8e188;--pcg-d9fff4:#f8e0ec;--pcg-abdfd6:#dfabc4;--pcg-004936b3:#3c0d24b3;--pcg-e6f7f5b0:#f7e6eeb0;--pcg-22b99b88:#b4276b88;--pcg-eee1ff:#fae6f0;--pcg-d8f6f4:#f6d8e6;--pcg-264b62:#622643;--pcg-1c8f78a0:#8c1f53a0;--pcg-31978233:#97316233;--pcg-008c6d44:#73194444;--pcg-577d8e:#8e5771;--pcg-d4f0edaa:#f0d4e1aa;--pcg-c6e9e9df:#e9c6d7df;--pcg-f1f9fbd9:#fbf1f6d9;--pcg-006b55:#581334;--pcg-e6f8fbb5:#fae7f0b5;--pcg-a1ece5:#eba2c5;--pcg-008fe3:#ba296f;--pcg-47c6ad70:#c6478470;--pcg-123149:#49122c;--pcg-c3e6e6b8:#e6c3d4b8;--pcg-35bda7:#bd3576;--pcg-b7f0dd:#efb8d2;--pcg-008a68a0:#711943a0;--pcg-005a44:#4a102c;--pcg-a6c2cf5e:#cfa6ba5e;--pcg-438d8540:#8d436740;--pcg-7a11d2:#ba296f;--pcg-7ac6b23b:#c67a9e3b;--pcg-798e9e:#9e798b;--pcg-547588:#88546d;--pcg-eaf3f6b8:#f6eaf0b8;--pcg-628791:#916279;--pcg-e5ffff6e:#faeaf26e;--pcg-8dfbda:#ea9ec2;--pcg-4d7b86:#864d68;--pcg-72b3bb14:#bb729514;--pcg-527d9820:#98527420;--pcg-087d68:#6d1841;--pcg-004d3322:#3f0e2622;--pcg-ecffffc9:#fceff5c9;--pcg-739fab26:#ab738e26;--pcg-14d3ad:#bd2a71;--pcg-7eaeae28:#ae7e9528;--pcg-e4fff1:#fae9f1;--pcg-5baca529:#ac5b8229;--pcg-a5c4cc51:#cca5b851;--pcg-efffff:#fcf2f7;--pcg-e9f3f7b0:#f7e9f0b0;--pcg-e5f3ea:#f3e5ec;--pcg-005d4b:#4c112d;--pcg-7e9ba420:#a47e9020;--pcg-79999f:#9f798b;--pcg-cdf3e4:#f3cddf;--pcg-078167:#701842;--pcg-008c6d:#731944;--pcg-ecf7f8b8:#f8ecf2b8;--pcg-3e6f75:#753e58;--pcg-6a8c9a:#9a6a81;--pcg-ddf4f2:#f4dde8;--pcg-f10927:#cd2d7a;--pcg-40c5b6:#c54080;--pcg-54a19f29:#a1547929;--pcg-008468:#6c1840;--pcg-5df4d649:#e071a649;--pcg-e8f4f1:#f4e8ee;--pcg-2cd1a930:#cf2e7b30;--pcg-b39cca3b:#ca9cb23b;--pcg-e0fff1:#f9e6ef;--pcg-eef8f5:#f8eef3;--pcg-33c9b499:#c9337b99;--pcg-809fa22e:#a280902e;--pcg-7c9b9c20:#9c7c8b20;--pcg-00816b:#6a173f;--pcg-005a3f:#4a102c;--pcg-7ba5a22b:#a57b8f2b} html.pc-reference[data-chat-background="purple"]{--pcg-31b79b47:#7c31b747;--pcg-66979f25:#86669f25;--pcg-467482:#684682;--pcg-20c5aa:#7b29bc;--pcg-109279a0:#571d85a0;--pcg-31867930:#61318630;--pcg-f7ffff:#fbf8fe;--pcg-00483330:#270d3b30;--pcg-072a48:#2b0e41;--pcg-709fab25:#9170ab25;--pcg-6a9fa020:#886aa020;--pcg-d6f2f244:#e6d6f244;--pcg-defff1:#f0e4f9;--pcg-edf2f9aa:#f4edf9aa;--pcg-e5f2f6a0:#efe5f6a0;--pcg-069982:#561d82;--pcg-3ebca088:#853ebc88;--pcg-b6ffe529:#ddc3f229;--pcg-44c8aa66:#8e44c866;--pcg-176e5112:#48186d12;--pcg-002f3326:#1b092a26;--pcg-9cbdca3b:#b69cca3b;--pcg-e7f5f2aa:#efe7f5aa;--pcg-f4ecfa:#f4ecfa;--pcg-092b45:#2a0e40;--pcg-f5fffb:#faf7fd;--pcg-88ead140:#be8ce640;--pcg-049431:#521b7d;--pcg-eef9f7:#f4eef9;--pcg-00573e:#2f1047;--pcg-f6fffeaa:#fbf8fdaa;--pcg-2d5670:#532d70;--pcg-effffa:#f8f2fc;--pcg-65b9a533:#9465b933;--pcg-91ffe5:#cca5eb;--pcg-17d7b1:#802bc3;--pcg-dbedee7d:#e6dbee7d;--pcg-7cedcb55:#ba85e455;--pcg-deefefaa:#e8deefaa;--pcg-559e9d28:#7e559e28;--pcg-d8ebeb88:#e3d8eb88;--pcg-d9fff4:#ede0f8;--pcg-abdfd6:#c8abdf;--pcg-004936b3:#270d3cb3;--pcg-e6f7f5b0:#f0e6f7b0;--pcg-22b99b88:#7627b488;--pcg-eee1ff:#f1e6fa;--pcg-d8f6f4:#e9d8f6;--pcg-264b62:#482662;--pcg-1c8f78a0:#5c1f8ca0;--pcg-31978233:#6a319733;--pcg-008c6d44:#4b197344;--pcg-577d8e:#76578e;--pcg-d4f0edaa:#e4d4f0aa;--pcg-c6e9e9df:#dac6e9df;--pcg-f1f9fbd9:#f7f1fbd9;--pcg-006b55:#3a1358;--pcg-e6f8fbb5:#f2e7fab5;--pcg-a1ece5:#cba2eb;--pcg-008fe3:#7a29ba;--pcg-47c6ad70:#8e47c670;--pcg-123149:#311249;--pcg-c3e6e6b8:#d7c3e6b8;--pcg-35bda7:#8135bd;--pcg-b7f0dd:#d7b8ef;--pcg-008a68a0:#4a1971a0;--pcg-005a44:#30104a;--pcg-a6c2cf5e:#bda6cf5e;--pcg-438d8540:#6c438d40;--pcg-7a11d2:#7a29ba;--pcg-7ac6b23b:#a57ac63b;--pcg-798e9e:#8e799e;--pcg-547588:#715488;--pcg-eaf3f6b8:#f1eaf6b8;--pcg-628791:#7c6291;--pcg-e5ffff6e:#f3eafa6e;--pcg-8dfbda:#c99eea;--pcg-4d7b86:#6d4d86;--pcg-72b3bb14:#9b72bb14;--pcg-527d9820:#79529820;--pcg-087d68:#48186d;--pcg-004d3322:#290e3f22;--pcg-ecffffc9:#f6effcc9;--pcg-739fab26:#9273ab26;--pcg-14d3ad:#7c2abd;--pcg-7eaeae28:#997eae28;--pcg-e4fff1:#f3e9fa;--pcg-5baca529:#885bac29;--pcg-a5c4cc51:#bba5cc51;--pcg-efffff:#f8f2fc;--pcg-e9f3f7b0:#f1e9f7b0;--pcg-e5f3ea:#ede5f3;--pcg-005d4b:#32114c;--pcg-7e9ba420:#937ea420;--pcg-79999f:#8e799f;--pcg-cdf3e4:#e2cdf3;--pcg-078167:#491870;--pcg-008c6d:#4b1973;--pcg-ecf7f8b8:#f3ecf8b8;--pcg-3e6f75:#5d3e75;--pcg-6a8c9a:#856a9a;--pcg-ddf4f2:#eaddf4;--pcg-f10927:#872dcd;--pcg-40c5b6:#8a40c5;--pcg-54a19f29:#7f54a129;--pcg-008468:#47186c;--pcg-5df4d649:#af71e049;--pcg-e8f4f1:#efe8f4;--pcg-2cd1a930:#882ecf30;--pcg-b39cca3b:#b69cca3b;--pcg-e0fff1:#f1e6f9;--pcg-eef8f5:#f4eef8;--pcg-33c9b499:#8733c999;--pcg-809fa22e:#9380a22e;--pcg-7c9b9c20:#8e7c9c20;--pcg-00816b:#45176a;--pcg-005a3f:#30104a;--pcg-7ba5a22b:#937ba52b} html.pc-reference[data-chat-background="black"]{--pcg-31b79b47:#6d818a47;--pcg-66979f25:#64788025;--pcg-467482:#778c94;--pcg-20c5aa:#6e828b;--pcg-109279a0:#85979fa0;--pcg-31867930:#7e919930;--pcg-f7ffff:#1f2528;--pcg-00483330:#a6b3b930;--pcg-072a48:#a3b1b7;--pcg-709fab25:#5e707825;--pcg-6a9fa020:#63767e20;--pcg-d6f2f244:#2d353944;--pcg-defff1:#272e31;--pcg-edf2f9aa:#242b2eaa;--pcg-e5f2f6a0:#272f32a0;--pcg-069982:#8698a0;--pcg-3ebca088:#687b8488;--pcg-b6ffe529:#323c4029;--pcg-44c8aa66:#62757d66;--pcg-176e5112:#90a0a812;--pcg-002f3326:#aebabf26;--pcg-9cbdca3b:#49575c3b;--pcg-e7f5f2aa:#272e32aa;--pcg-f4ecfa:#242b2e;--pcg-092b45:#a4b1b7;--pcg-f5fffb:#202629;--pcg-88ead140:#45525840;--pcg-049431:#899ba2;--pcg-eef9f7:#242b2e;--pcg-00573e:#a0afb5;--pcg-f6fffeaa:#202628aa;--pcg-2d5670:#8799a1;--pcg-effffa:#22282b;--pcg-65b9a533:#5d6f7733;--pcg-91ffe5:#3d484d;--pcg-17d7b1:#6b7f88;--pcg-dbedee7d:#2c35387d;--pcg-7cedcb55:#48555b55;--pcg-deefefaa:#2b3337aa;--pcg-559e9d28:#6a7e8628;--pcg-d8ebeb88:#2e373b88;--pcg-d9fff4:#283033;--pcg-abdfd6:#3e4a4f;--pcg-004936b3:#a6b3b9b3;--pcg-e6f7f5b0:#272e31b0;--pcg-22b99b88:#70868f88;--pcg-eee1ff:#262d30;--pcg-d8f6f4:#2b3337;--pcg-264b62:#8fa0a7;--pcg-1c8f78a0:#82959da0;--pcg-31978233:#778c9433;--pcg-008c6d44:#8d9ea644;--pcg-577d8e:#6e828b;--pcg-d4f0edaa:#2e363aaa;--pcg-c6e9e9df:#343e42df;--pcg-f1f9fbd9:#22292cd9;--pcg-006b55:#99a8af;--pcg-e6f8fbb5:#252d30b5;--pcg-a1ece5:#3d494e;--pcg-008fe3:#6e838c;--pcg-47c6ad70:#62757d70;--pcg-123149:#9fadb4;--pcg-c3e6e6b8:#354044b8;--pcg-35bda7:#6a7e87;--pcg-b7f0dd:#364045;--pcg-008a68a0:#8e9fa6a0;--pcg-005a44:#9faeb4;--pcg-a6c2cf5e:#4451575e;--pcg-438d8540:#74899240;--pcg-7a11d2:#6e838c;--pcg-7ac6b23b:#54636a3b;--pcg-798e9e:#5f7179;--pcg-547588:#70868f;--pcg-eaf3f6b8:#262d30b8;--pcg-628791:#6a7e86;--pcg-e5ffff6e:#252c2f6e;--pcg-8dfbda:#3f4b50;--pcg-4d7b86:#738891;--pcg-72b3bb14:#596a7114;--pcg-527d9820:#6c818a20;--pcg-087d68:#90a0a8;--pcg-004d3322:#a4b2b822;--pcg-ecffffc9:#23292cc9;--pcg-739fab26:#5d6f7726;--pcg-14d3ad:#6d828b;--pcg-7eaeae28:#596a7228;--pcg-e4fff1:#252c2f;--pcg-5baca529:#64777f29;--pcg-a5c4cc51:#45535851;--pcg-efffff:#22282b;--pcg-e9f3f7b0:#262d30b0;--pcg-e5f3ea:#283033;--pcg-005d4b:#9eadb3;--pcg-7e9ba420:#5c6e7520;--pcg-79999f:#5f7179;--pcg-cdf3e4:#2f383c;--pcg-078167:#8fa0a7;--pcg-008c6d:#8d9ea6;--pcg-ecf7f8b8:#252c2fb8;--pcg-3e6f75:#7f929a;--pcg-6a8c9a:#657880;--pcg-ddf4f2:#2a3236;--pcg-f10927:#687b84;--pcg-40c5b6:#647880;--pcg-54a19f29:#697d8629;--pcg-008468:#90a1a8;--pcg-5df4d649:#4f5e6449;--pcg-e8f4f1:#272e32;--pcg-2cd1a930:#677a8330;--pcg-b39cca3b:#49575c3b;--pcg-e0fff1:#262d30;--pcg-eef8f5:#242b2e;--pcg-33c9b499:#677b8399;--pcg-809fa22e:#5c6e752e;--pcg-7c9b9c20:#5f717920;--pcg-00816b:#91a2a9;--pcg-005a3f:#9faeb4;--pcg-7ba5a22b:#5d6e762b} html.pc-reference[data-chat-background="black"] body #app#app#app :is(.message-body,.md-card,.status-update-row,.mobile-section-head){background:#293238!important;color:#e2ece8!important} html.pc-reference[data-chat-background="black"] body #app#app#app #messages{background-image:url('/images/modern-demo/pattern-black.webp')!important;background-color:#20282c!important} html.pc-reference[data-chat-background="modern-blue"] body #app#app#app #messages{background-image:url('/images/modern-demo/pattern-blue.webp')!important;background-color:#e7eff5!important;background-size:420px!important;background-repeat:repeat!important} html.pc-reference[data-chat-background="pink"] body #app#app#app #messages{background-image:url('/images/modern-demo/pattern-pink.webp')!important;background-color:#f5e8ee!important;background-size:420px!important;background-repeat:repeat!important} html.pc-reference[data-chat-background="purple"] body #app#app#app #messages{background-image:url('/images/modern-demo/pattern-purple.webp')!important;background-color:#eee9f5!important;background-size:420px!important;background-repeat:repeat!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #messages .message-text :is([style*="color: rgb(255, 255, 255)"],[style*="color:#ffffff"],[style*="color: #ffffff"],[style*="color: white"]):not([style*="background"]){color:var(--md-102933)!important} } /* PC avatar, wallpaper and dialog alignment. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #messages{background:#eeeae3 url('/images/modern-demo/pattern.webp') center/160px 160px repeat!important} html.pc-reference[data-chat-background="modern-blue"] body #app#app#app #messages{background:#e9f0f7 url('/images/modern-demo/pattern-blue.webp') center/160px 160px repeat!important} html.pc-reference[data-chat-background="pink"] body #app#app#app #messages{background:#f5eaf0 url('/images/modern-demo/pattern-pink.webp') center/160px 160px repeat!important} html.pc-reference[data-chat-background="purple"] body #app#app#app #messages{background:#eeeaf5 url('/images/modern-demo/pattern-purple.webp') center/160px 160px repeat!important} html.pc-reference[data-chat-background="black"] body #app#app#app #messages{background:#242b2f url('/images/modern-demo/pattern-black.webp') center/160px 160px repeat!important} html.pc-reference body #app#app#app .pc-top-profile>span:last-child{display:none!important} html.pc-reference body #app#app#app .pc-top-avatar{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:0!important;border-radius:50%!important} html.pc-reference body #app#app#app .pc-top-avatar .social-avatar{display:block!important;position:relative!important;width:50px!important;height:50px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important} html.pc-reference body #app#app#app .pc-top-avatar .social-avatar img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;object-fit:cover!important;transform:none!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference{display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0 8px!important;width:auto!important;order:10!important} html.pc-reference body #app#app#app .pc-navigation .private-preference{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:8px!important;color:#fff!important;font-size:14px!important;white-space:nowrap!important} html.pc-reference body #app#app#app #pcReferenceRail>.desktop-profile-panel{height:auto!important;min-height:203px!important;padding:18px 20px!important} html.pc-reference body #app#app#app #pcReferenceRail .social-own-controls{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self{justify-content:flex-start!important;width:100%!important;min-height:68px!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self b{max-width:calc(100% - 76px)!important} html.pc-reference body #app#app#app #pcReferenceRail .social-status{align-self:flex-start!important;margin:0!important;width:130px!important;max-width:100%!important} html.pc-reference body #app#app#app #pcReferenceRail .own-nick-form{width:100%!important;display:flex!important;gap:8px!important} html.pc-reference body #app#app#app #messages .message.self .message-avatar{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 53px!important;width:53px!important;height:54px!important;overflow:visible!important} html.pc-reference body #app#app#app #messages .message.self .message-avatar .social-avatar,html.pc-reference body #app#app#app #messages .message.self .message-avatar img{display:block!important;width:53px!important;height:54px!important;border-radius:50%!important} html.pc-reference body #app#app#app :is(#memberSearch,#pcReferenceRail>.pc-channel-search){border:0!important;border-radius:0!important;box-shadow:none!important;outline-offset:0!important;background:transparent!important;color:var(--md-102933)!important;font:15px 'PC Glass Sans',Arial!important;height:36px!important;min-height:36px!important;padding:6px 10px!important} } @media(min-width:1451px) and (max-width:1700px){html.pc-reference body #app#app#app .pc-navigation>button{padding:0 9px!important;font-size:15px!important}html.pc-reference body #app#app#app .brand{width:218px!important;min-width:218px!important}html.pc-reference body #app#app#app .pc-top-profile{width:175px!important}html.pc-reference body #app#app#app #modernHeaderRadioRefresh{margin:0 10px!important}} @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference .private-preference, html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference .private-preference>span:first-child{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference .private-switch{background:#a9afb5!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference input:checked+.private-switch{background:#e53945!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference .private-switch::after{background:#fff!important} } /* Desktop profile centering and header alignment. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #pcReferenceRail>.desktop-profile-panel{height:auto!important;min-height:260px!important;padding:12px 12px 16px!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;text-align:center!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self .social-avatar{width:120px!important;height:120px!important;flex:0 0 120px!important;border-radius:50%!important;margin:0 auto!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self .social-avatar img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:cover!important;border-radius:50%!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self b{display:block!important;width:100%!important;max-width:100%!important;text-align:center!important;font-size:16px!important;line-height:22px!important} html.pc-reference body #app#app#app #pcReferenceRail .social-status{align-self:center!important;width:auto!important;max-width:150px!important;margin:0 auto 3px!important} html.pc-reference body #app#app#app :is(#memberSearch,#pcReferenceRail>.pc-channel-search){background:#fff!important;border:0!important;border-radius:6px!important;box-shadow:none!important;outline:none!important;appearance:none!important;-webkit-appearance:none!important;color:#29463c!important} html.pc-reference body #app#app#app :is(#memberSearch,#pcReferenceRail>.pc-channel-search)::placeholder{color:#73877e!important;opacity:1!important} html.pc-reference body #app#app#app .pc-navigation{align-items:center!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference{height:50px!important;align-self:center!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0 12px!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference .private-preference{position:relative!important;height:50px!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:0!important;margin:0!important;line-height:20px!important;transform:none!important;top:auto!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference .private-preference>span:first-child{display:block!important;align-self:center!important;line-height:20px!important;margin:0!important;padding:0!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference .private-switch{display:block!important;align-self:center!important;position:relative!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0!important;flex:0 0 36px!important} html.pc-reference body #app#app#app .pc-navigation #desktopPrivatePreference input{top:50%!important;right:0!important;transform:translateY(-50%)!important;margin:0!important} html.pc-reference body #app#app#app #modernHeaderRadio{margin-left:auto!important;padding-left:6px!important} } /* PC: glass-demo searches, member counts and theme-tinted conversation canvas. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app .member-group-heading:not([data-group="normal"]) .roster-design-count{display:none!important} html.pc-reference body #app#app#app #memberSearch{border:1px solid #fff!important;border-radius:23px!important;background:linear-gradient(135deg,#f8fcffb8,var(--pcg-eaf3f6b8,#eaf3f6b8))!important;box-shadow:inset 0 2px 4px var(--pcg-a6c2cf5e,#a6c2cf5e),0 4px 8px var(--pcg-709fab25,#709fab25)!important;color:var(--pcg-264b62,#264b62)!important} html.pc-reference body #app#app#app #pcReferenceRail>.pc-channel-search{border:0!important;outline:0!important;border-radius:16px!important;background:linear-gradient(120deg,#fcffffc9,var(--pcg-e6f7f5b0,#e6f7f5b0))!important;box-shadow:none!important;color:var(--pcg-264b62,#264b62)!important} html.pc-reference body #app#app#app :is(#memberSearch,#pcReferenceRail>.pc-channel-search)::placeholder{color:#678194!important;opacity:1!important} html.pc-reference[data-chat-background="whatsapp"] body #app#app#app #messages{background-color:#e7f1ec!important} } /* Reference HTML search wrappers: preserve native live search inputs. */ .pc-glass-search{display:contents} .pc-glass-search>svg{display:none} @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app .pc-glass-search{display:flex!important;align-items:center!important;gap:10px!important;height:41px!important;min-height:41px!important;flex:none!important;border:1px solid #fff!important;border-radius:16px!important;padding:0 12px!important;background:linear-gradient(120deg,#fcffffc9,#e6f7f5b0)!important;box-shadow:0 5px 9px #527d9820,inset 0 1px 2px #fff!important;color:#6a8a96!important} html.pc-reference body #app#app#app .pc-glass-search-channel{margin:0 20px 13px 21px!important;border:0!important;box-shadow:none!important} html.pc-reference body #app#app#app .pc-glass-search-member{height:42px!important;min-height:42px!important;border-radius:23px!important;margin-bottom:18px!important;background:linear-gradient(135deg,#f8fcffb8,#eaf3f6b8)!important;box-shadow:inset 0 2px 4px #a6c2cf5e,0 4px 8px #709fab25!important} html.pc-reference body #app#app#app .pc-glass-search>svg{display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important} html.pc-reference body #app#app#app .pc-glass-search input:is(#memberSearch,.pc-channel-search){width:100%!important;min-width:0!important;min-height:0!important;height:100%!important;margin:0!important;padding:0!important;background:none!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;font-size:15px!important;color:#264b62!important} html.pc-reference body #app#app#app #messages#messages{background:transparent url('/images/pc-glass/wallpaper.webp') center/100% 100% no-repeat!important} html.pc-reference body #app#app#app #messages .rank-message .message-avatar{display:grid!important;place-items:center!important;width:53px!important;height:53px!important;padding:9px!important;box-sizing:border-box!important;border-radius:50%!important;border:1px solid var(--md-006653,#006653)!important;background:var(--md-e9f5ef,#e9f5ef)!important;box-shadow:inset 0 1px 3px #ffffffa0,0 2px 5px #00000015!important;overflow:hidden!important} html.pc-reference body #app#app#app #messages .rank-message .message-avatar>.member-group-icon{display:block!important;width:32px!important;height:32px!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--message-rank-color)!important} } /* PC searches: the icon and input share the reference field without inner frames. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app .pc-glass-search{box-sizing:border-box!important;min-width:0!important;border:0!important;outline:none!important;box-shadow:none!important} html.pc-reference body #app#app#app .pc-glass-search input:is(#memberSearch,.pc-channel-search){flex:1 1 0%!important;width:0!important;max-width:100%!important;box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:none!important;box-shadow:none!important} html.pc-reference body #app#app#app .pc-glass-search input:is(#memberSearch,.pc-channel-search):focus{border:0!important;outline:none!important;box-shadow:none!important} html.pc-reference body #app#app#app #mobileSectionContent [data-mobile-private]{background:linear-gradient(120deg,#ffffffba,var(--pcg-e5f2f6a0,#e5f2f6a0))!important;box-shadow:0 4px 6px var(--pcg-7e9ba420,#7e9ba420)!important} html.pc-reference body #app#app#app #mobileSectionContent [data-mobile-private][aria-current="page"]{background:linear-gradient(125deg,var(--pcg-b7f0dd,#b7f0dd),var(--pcg-a1ece5,#a1ece5))!important;box-shadow:inset 0 1px 4px var(--pcg-defff1,#defff1),0 3px 8px var(--pcg-65b9a533,#65b9a533)!important} } /* PC original login layout, medium theme surfaces and matching wallpaper. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html{--pc-entry-dark:#28695b;--pc-entry-mid:#67998a;--pc-entry-card:#acd0be;--pc-entry-ink:#153e32} html[data-chat-background="modern-blue"]{--pc-entry-dark:#285681;--pc-entry-mid:#6b92b6;--pc-entry-card:#abc7df;--pc-entry-ink:#183b5b} html[data-chat-background="pink"]{--pc-entry-dark:#813958;--pc-entry-mid:#b77895;--pc-entry-card:#dfb3c6;--pc-entry-ink:#57243d} html[data-chat-background="purple"]{--pc-entry-dark:#5c3b80;--pc-entry-mid:#9879b5;--pc-entry-card:#c9b5df;--pc-entry-ink:#3d2856} html body #loginScreen#loginScreen#loginScreen,html body #connectingScreen#connectingScreen#connectingScreen{background:linear-gradient(145deg,var(--pc-entry-dark),var(--pc-entry-mid))!important} html body #loginScreen#loginScreen#loginScreen .login-card,html body #connectingScreen#connectingScreen#connectingScreen .connecting-box{background:var(--pc-entry-card)!important;border-color:color-mix(in srgb,var(--pc-entry-dark) 25%,white)!important;color:var(--pc-entry-ink)!important} html body #loginScreen#loginScreen#loginScreen :is(h1,strong,label,p,small,a,.login-community,.login-footer),html body #connectingScreen#connectingScreen#connectingScreen :is(h2,.connecting-title,small){color:var(--pc-entry-ink)!important} html.pc-reference[data-chat-background="whatsapp"] body #app#app#app #messages#messages{background:var(--pc-entry-card) url('/images/pc-glass/wallpaper.webp') center/100% 100% no-repeat!important} html.pc-reference[data-chat-background="modern-blue"] body #app#app#app #messages#messages{background:var(--pc-entry-card) url('/images/pc-glass/wallpaper-modern-blue.webp') center/100% 100% no-repeat!important} html.pc-reference[data-chat-background="pink"] body #app#app#app #messages#messages{background:var(--pc-entry-card) url('/images/pc-glass/wallpaper-pink.webp') center/100% 100% no-repeat!important} html.pc-reference[data-chat-background="purple"] body #app#app#app #messages#messages{background:var(--pc-entry-card) url('/images/pc-glass/wallpaper-purple.webp') center/100% 100% no-repeat!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #socialDialog#socialDialog [data-social-close],html.pc-reference body #userCard#userCard #userCardClose{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;padding:0!important;border:1px solid var(--pc-entry-dark)!important;border-radius:50%!important;background:var(--pc-entry-dark)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;font-size:0!important;box-shadow:0 2px 5px #0002!important} html.pc-reference body #socialDialog#socialDialog [data-social-close]>*,html.pc-reference body #userCard#userCard #userCardClose>*{display:none!important} html.pc-reference body #socialDialog#socialDialog [data-social-close]::after,html.pc-reference body #userCard#userCard #userCardClose::after{content:'×'!important;font:25px/1 Arial,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important} html.pc-reference body dialog.applet-admin-dialog.applet-admin-dialog,html.pc-reference body dialog.applet-admin-dialog.applet-admin-dialog>header,html.pc-reference body dialog.applet-admin-dialog.applet-admin-dialog>.admin-content{background:var(--pc-entry-card)!important;color:var(--pc-entry-ink)!important;border-color:var(--pc-entry-mid)!important} html.pc-reference body dialog.applet-admin-dialog.applet-admin-dialog input:not([type=checkbox]):not([type=radio]):not([type=color]){background:color-mix(in srgb,var(--pc-entry-card) 72%,white)!important;color:var(--pc-entry-ink)!important;border:1px solid var(--pc-entry-mid)!important;box-shadow:none!important} html.pc-reference body dialog.applet-admin-dialog.applet-admin-dialog :is(label,h2,header){color:var(--pc-entry-ink)!important} } /* Slightly denser PC channel and private conversations. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #messages .message .message-body{min-height:66px!important;padding:7px 12px 20px!important;border-radius:17px!important} html.pc-reference body #app#app#app #messages .message .message-avatar{width:45px!important;height:45px!important;min-width:45px!important;flex:0 0 45px!important} html.pc-reference body #app#app#app #messages .message .message-avatar :is(img,.social-avatar){width:45px!important;height:45px!important} html.pc-reference body #app#app#app #messages .rank-message .message-avatar{padding:7px!important} html.pc-reference body #app#app#app #messages .rank-message .message-avatar>.member-group-icon{width:28px!important;height:28px!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #messages .message:not(.system-message){margin-top:0!important;margin-bottom:6px!important;row-gap:0!important;min-height:0!important} html.pc-reference body #app#app#app #messages .message .message-body{box-sizing:border-box!important;min-height:0!important;padding:4px 10px 15px!important;border-radius:13px!important} html.pc-reference body #app#app#app #messages .message .message-body>div:first-child{min-height:0!important;margin:0!important;padding:0!important;line-height:16px!important} html.pc-reference body #app#app#app #messages .message-name{line-height:16px!important} html.pc-reference body #app#app#app #messages .message-text{line-height:22px!important;min-height:0!important;margin:0!important;padding:0!important} html.pc-reference body #app#app#app #messages .classic-end-time{bottom:3px!important;right:10px!important;font-size:11px!important;line-height:12px!important} } /* Received reactions sit just outside the lower-right bubble edge. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #messages .message .message-body{position:relative!important;overflow:visible!important} html.pc-reference body #app#app#app #messages .message .message-body.has-reactions{margin-bottom:27px!important} html.pc-reference body #app#app#app #messages .message .message-body .reaction-widget{position:static!important;display:block!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important} html.pc-reference body #app#app#app #messages .message .reaction-widget>.reaction-counts{position:absolute!important;top:calc(100% + 3px)!important;bottom:auto!important;right:auto!important;left:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:3px!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:0!important;z-index:2;overflow-x:auto;scrollbar-width:none} html.pc-reference body #app#app#app #messages .message .reaction-widget>.reaction-counts:empty{display:none!important} html.pc-reference body #app#app#app #messages .message .reaction-counts button{flex:0 0 auto!important;height:21px!important;min-height:21px!important;padding:0 4px!important;font-size:12px!important;line-height:19px!important} } /* Put the timestamp on the nickname row, above the message text. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #messages .message .classic-end-time{position:absolute!important;top:5px!important;right:9px!important;bottom:auto!important;left:auto!important;margin:0!important;font-size:10px!important;line-height:13px!important} html.pc-reference body #app#app#app #messages .message .message-body>div:first-child{padding-right:40px!important;box-sizing:border-box!important} html.pc-reference body #app#app#app #messages .message .message-body{padding-bottom:5px!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app .composer:has(>.reply-preview:not([hidden])){display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:64px!important;max-height:none!important;flex:0 0 auto!important;overflow:visible!important;gap:4px!important;padding:6px 7px!important;box-sizing:border-box!important} html.pc-reference body #app#app#app .composer>.reply-preview:not([hidden]){position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:5px 8px!important;box-sizing:border-box!important;order:-2!important;transform:none!important} html.pc-reference body #app#app#app .composer>.reply-preview>div{flex:1!important;min-width:0!important;overflow:hidden!important} html.pc-reference body #app#app#app .composer>.reply-preview button{flex:0 0 auto!important} html.pc-reference body #app#app#app .composer:has(>.reply-preview:not([hidden])) .composer-row{flex:0 0 54px!important;width:100%!important;min-width:0!important;position:relative!important;inset:auto!important;transform:none!important} } /* Honour user text preferences instead of the desktop skin's fixed font. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #messages .message-text, html.pc-reference body #app#app#app #messageInput{ font-family:var(--chat-text-font,inherit)!important; font-size:var(--chat-text-size,16px)!important; font-weight:var(--chat-text-weight,400)!important; font-style:var(--chat-text-style,normal)!important; line-height:1.3!important; } html.pc-reference body #app#app#app #messages .message-text :is(span,a){font-family:inherit!important;font-size:inherit!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #rightPanel #memberList .member-group-heading>svg{color:#287cb5!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #pcReferenceRail [data-mobile-channel][hidden], html.pc-reference body #app#app#app #mobileSection :is([data-mobile-channel],[data-mobile-private])[hidden], html.pc-reference body #app#app#app #memberList :is(.member-row,.member-group-heading,.pc-glass-role)[hidden]{display:none!important} html.pc-reference body #app#app#app .pc-glass-search{background:#fffffff0!important;border:1px solid #86aba9!important;box-shadow:inset 0 1px 3px #164e5014!important} html.pc-reference body #app#app#app .pc-glass-search:focus-within{border-color:#368d87!important;box-shadow:0 0 0 2px #368d8720!important} html.pc-reference body #app#app#app .pc-glass-search input::placeholder{color:#567777!important;opacity:1} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #messages .rank-message .message-avatar{ border-color:color-mix(in srgb,var(--md-006653,#006653) 25%,transparent)!important; box-shadow:inset 0 1px 2px #ffffff60,0 1px 2px #00000008!important; } } #pcCloseChannel,#pcVoiceRoom,#pcFriendAdd{display:none} @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #pcCloseChannel:not([hidden]){display:grid!important;place-items:center;order:4!important;width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid #f8ffff;border-radius:14px;background:linear-gradient(125deg,#fff9,var(--pcg-dbedee7d,#dbedee7d));box-shadow:0 4px 9px var(--pcg-809fa22e,#809fa22e);color:var(--pcg-4d7b86,#4d7b86);font:25px/1 Arial;cursor:pointer} /* Kanaldan ayrıl (X) butonunun hemen solundaki "Sesli Odayı Aç" (yalnız yetkililere görünür). */ html.pc-reference body #app#app#app #pcVoiceRoom:not([hidden]){display:grid!important;place-items:center;order:4!important;width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid #f8ffff;border-radius:14px;background:linear-gradient(125deg,#fff9,var(--pcg-dbedee7d,#dbedee7d));box-shadow:0 4px 9px var(--pcg-809fa22e,#809fa22e);color:var(--pcg-4d7b86,#4d7b86);cursor:pointer} html.pc-reference body #app#app#app #pcVoiceRoom>svg{width:22px;height:22px} /* Özel sohbette X'in solundaki "Arkadaş ekle" (PC). */ html.pc-reference body #app#app#app #pcFriendAdd:not([hidden]){display:grid!important;place-items:center;order:4!important;width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid #f8ffff;border-radius:14px;background:linear-gradient(125deg,#fff9,var(--pcg-dbedee7d,#dbedee7d));box-shadow:0 4px 9px var(--pcg-809fa22e,#809fa22e);color:var(--pcg-4d7b86,#4d7b86);cursor:pointer} html.pc-reference body #app#app#app #pcFriendAdd>svg{width:22px;height:22px} html.pc-reference body #app#app#app #pcFriendAdd.added{color:#1c8a5a} html.pc-reference body #app#app#app #pcFriendAdd:disabled{opacity:.6;cursor:default} } #kickedChannelWarning{flex:0 0 auto;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--md-e5f3ed,#e5f3ed);color:var(--md-102933,#102933);border-top:1px solid var(--md-b4d6d3,#b4d6d3);font:13px/1.4 Arial,sans-serif;text-align:center} #kickedChannelWarning[hidden]{display:none!important} #kickedChannelWarning>span{flex:1;min-width:0} #kickedChannelWarning>button{flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid var(--md-b4d6d3,#b4d6d3);border-radius:9px;background:var(--md-fcfefe,#fcfefe);color:var(--md-006653,#006653);font:22px/1 Arial;cursor:pointer} @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){ html body #app#app#app .channel-head .private-floating-close:not([hidden]){display:grid!important;place-items:center!important;position:static!important;transform:none!important;order:100!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;margin:0 0 0 5px!important;border:1px solid currentColor!important;border-radius:9px!important;background:transparent!important;color:inherit!important;font:22px/1 Arial!important;box-shadow:none!important} html body #app#app#app .channel-head .private-floating-close[hidden]{display:none!important} } #kickedChannelWarning{grid-column:1 / -1;min-width:0;box-sizing:border-box} /* Channel-scoped operator controls: local selectors, no global observers. */ #channelOperatorTools{position:fixed;z-index:65;color:var(--md-006653,#195b83);font:13px/1.4 Arial,sans-serif} #channelOperatorTools[hidden],#channelOperatorPanel[hidden]{display:none!important} #channelOperatorTools button{cursor:pointer;font:inherit;color:inherit} #channelOperatorTools .operator-trigger{width:32px;height:32px;border:1px solid var(--md-c8dfd4,#bdd5ea);border-radius:10px;background:var(--md-edf6f1,#f0f8ff);font-size:20px;padding:2px} #channelOperatorPanel{position:absolute;right:39px;bottom:0;width:min(280px,calc(100vw - 58px));box-sizing:border-box;padding:12px;background:var(--md-edf6f1,#f0f8ff);border:1px solid var(--md-c8dfd4,#bdd5ea);border-radius:15px;box-shadow:0 6px 22px #0002;animation:operator-slide .16s ease-out;max-height:65vh;overflow:auto} #channelOperatorPanel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px} #channelOperatorPanel .operator-close{border:0;background:transparent;font-size:22px} #channelOperatorPanel label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--md-c8dfd4,#d7e4ef)} #channelOperatorPanel input{accent-color:var(--md-006653,#195b83);width:17px;height:17px;flex:none} #channelOperatorPanel small{opacity:.8;font-size:11px} #channelOperatorPanel .operator-clear{width:100%;padding:9px;border:1px solid var(--md-c8dfd4,#bdd5ea);border-radius:9px;background:var(--md-e5f3ed,#e0effb);margin-top:7px} #channelOperatorPanel .operator-note{display:block;margin-top:7px} @keyframes operator-slide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}} @media(prefers-reduced-motion:reduce){#channelOperatorPanel{animation:none}} #channelOperatorTools .operator-trigger{width:36px;height:36px;background:var(--md-e5f3ed,#d9edff);border:2px solid currentColor;box-shadow:0 2px 6px #0002} #channelOperatorTools .operator-trigger svg{display:block;width:26px;height:26px;margin:auto} @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){#channelOperatorTools .operator-trigger{width:48px;height:48px;border-radius:14px}#channelOperatorTools .operator-trigger svg{width:34px;height:34px}#channelOperatorPanel{right:56px}} #channelOperatorPanel .operator-apply{width:100%;margin-top:10px;padding:10px;border:0;border-radius:9px;background:var(--md-006653,#1968a0);color:#fff;font-weight:bold}#channelOperatorPanel .operator-apply:disabled{opacity:.55;cursor:wait} @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){ #channelOperatorTools{font-size:12px} #channelOperatorTools .operator-trigger{width:30px;height:30px;border-width:1px;border-radius:9px;padding:3px} #channelOperatorTools .operator-trigger svg{width:22px;height:22px} #channelOperatorPanel{right:35px;width:min(245px,calc(100vw - 52px));padding:8px;border-radius:12px} #channelOperatorPanel header{margin-bottom:3px} #channelOperatorPanel label{padding:6px 0;gap:5px} #channelOperatorPanel input{width:15px;height:15px;margin:2px} #channelOperatorPanel small{font-size:10px} #channelOperatorPanel .operator-close{font-size:20px} #channelOperatorPanel .operator-clear,#channelOperatorPanel .operator-apply{padding:7px;margin-top:6px} html[data-applet-choice="classic"] #channelOperatorTools{color:var(--ink)} html[data-applet-choice="classic"] #channelOperatorPanel,html[data-applet-choice="classic"] #channelOperatorTools .operator-trigger{background:var(--panel);border-color:var(--line)} html[data-applet-choice="classic"] #channelOperatorPanel label{border-color:var(--line)} html[data-applet-choice="classic"] #channelOperatorPanel input{accent-color:var(--blue)} html[data-applet-choice="classic"] #channelOperatorPanel .operator-clear{background:var(--glass);border-color:var(--line)} html[data-applet-choice="classic"] #channelOperatorPanel .operator-apply{background:var(--blue);color:white} } /* IRC rank characters in channel and private message avatars, all layouts. */ html body #app#app#app #messages .rank-message .message-avatar{display:flex!important;align-items:center!important;justify-content:center!important} html body #app#app#app #messages .message-avatar>.message-rank-symbol{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font:700 23px/1 Arial,sans-serif!important;color:var(--message-rank-color)!important;text-shadow:none!important} @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){html body #app#app#app #messages .message-avatar>.message-rank-symbol{font-size:18px!important}} html body :is(#userCard,#socialDialog) .profile-moderation{background:#f8fbfd!important;color:#24475f!important;border:1px solid #dce7ee!important;border-radius:12px!important;padding:7px!important;margin-top:8px!important;display:block!important} html body .profile-moderation .profile-op-category{margin:0;padding:0;background:transparent;color:inherit} html body .profile-moderation .profile-op-category summary{cursor:pointer;padding:7px 8px;font-size:12px;font-weight:600;color:#24475f;background:#eef4f8;border-radius:7px} html body .profile-moderation .profile-op-category+details{margin-top:5px} html body .profile-moderation .profile-op-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px 0 2px} html body :is(#userCard,#socialDialog) .profile-moderation button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:30px!important;height:auto!important;min-width:0!important;width:100%!important;padding:6px!important;margin:0!important;font:12px/1.3 Arial!important;background:white!important;color:#24475f!important;border:1px solid #d3e0e9!important;border-radius:7px!important;box-shadow:none!important} html body .profile-moderation button svg{width:16px!important;height:16px!important;flex:none} @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){ html body :is(#userCard#userCard,#socialDialog#socialDialog) .profile-moderation, html body :is(#userCard#userCard,#socialDialog#socialDialog) .profile-op-category, html body :is(#userCard#userCard,#socialDialog#socialDialog) .profile-op-buttons{background:#f8fbfd!important;color:#24475f!important;box-shadow:none!important} html body :is(#userCard#userCard,#socialDialog#socialDialog) .profile-moderation{padding:6px!important;max-height:none!important} html body :is(#userCard#userCard,#socialDialog#socialDialog) .profile-op-category summary{background:#eef4f8!important;color:#24475f!important;padding:6px 8px!important;font:600 11px/1.4 Arial!important} html body :is(#userCard#userCard,#socialDialog#socialDialog) .profile-op-buttons{gap:4px!important;padding:5px 0!important} html body :is(#userCard#userCard,#socialDialog#socialDialog) .profile-moderation button{background:#fff!important;color:#24475f!important;min-height:26px!important;height:26px!important;padding:4px 5px!important;font:11px/1.2 Arial!important;gap:4px!important;border:1px solid #d3e0e9!important;border-radius:6px!important} html body :is(#userCard#userCard,#socialDialog#socialDialog) .profile-moderation button :is(svg,img,.profile-action-icon){width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;flex:0 0 14px!important;padding:0!important;margin:0!important} } /* Compact posted media; full image viewer and live calls remain separate. */ html body #app#app#app #messages .chat-image{max-width:min(100%,155px)!important;max-height:145px!important;width:auto!important;height:auto!important;object-fit:contain!important} html body #app#app#app #messages .chat-youtube-frame{width:200px!important;max-width:100%!important;aspect-ratio:16/9!important;height:auto!important} html body #app#app#app #messages .chat-youtube-frame :is(iframe,.chat-youtube-play){width:100%!important;height:100%!important;min-height:0!important} html body #app#app#app #messages .voice-player{width:185px!important;max-width:100%!important;min-height:32px!important;padding:4px 6px!important;gap:5px!important;box-sizing:border-box!important} html body #app#app#app #messages .voice-play{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;padding:0!important;font-size:12px!important} html body #app#app#app #messages .voice-wave{height:22px!important;min-width:0!important;flex:1!important;overflow:hidden!important} html body #app#app#app #messages .voice-time{font-size:10px!important} @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){ html body #app#app#app #messages .chat-image{max-width:min(100%,125px)!important;max-height:120px!important} html body #app#app#app #messages .chat-youtube-frame{width:165px!important} html body #app#app#app #messages .voice-player{width:155px!important;min-height:29px!important;padding:3px 5px!important} html body #app#app#app #messages .voice-wave{height:18px!important} html body #app#app#app #messages .chat-youtube-play>span{font-size:22px!important} } html body #app#app#app #approvalBell{display:inline-flex!important;position:relative!important;align-items:center;justify-content:center;flex:0 0 32px;width:32px!important;height:32px!important;min-width:32px!important;margin:0 5px!important;padding:5px!important;border:1px solid var(--line,#c8dbe9)!important;border-radius:10px;background:var(--panel,#f4faff)!important;color:var(--ink,#225477)!important;order:9;cursor:pointer} html body #app#app#app #approvalBell[hidden]{display:none!important} #approvalBell svg{width:21px;height:21px}#approvalBell b{position:absolute;right:-5px;top:-5px;border-radius:9px;background:#e73959;color:white;font:10px Arial;padding:2px 4px} .approval-list article{padding:9px;margin:5px 0;border:1px solid #d6e3eb;border-radius:9px;background:#f8fbff;color:#23465c}.approval-list small{display:block;margin:3px 0}.approval-list button{padding:5px 9px;border:1px solid #bdd4e3;border-radius:7px;background:white;color:#23516e;font-size:12px} html body #app#app#app #messages .rank-message .message-avatar>.member-group-icon{display:none!important} html body #app#app#app #messages .rank-message .message-avatar>.roster-demo-icon{display:block!important;width:100%!important;height:100%!important;max-width:30px;max-height:30px;color:var(--message-rank-color)} html body #app#app#app #messages .rank-message .message-avatar>.roster-demo-icon svg{width:100%!important;height:100%!important} html body #app#app#app #messages .rank-message .message-avatar>.member-group-icon:not(.roster-demo-icon){display:none!important} html body #app#app#app #messages .rank-message .message-avatar>.roster-demo-icon{display:block!important;flex:0 1 auto!important} @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){html.modern-demo[data-applet-choice="modern"] body #app#app#app #approvalBell{position:absolute!important;right:48px!important;top:calc(16px + env(safe-area-inset-top,0px))!important;z-index:8}} .youtube-window-logo{display:inline-flex;align-items:center}.youtube-window-logo svg{width:36px;height:27px} html body .chat-video-dialog.youtube-minimized{position:fixed!important;left:-10000px!important;top:0!important;right:auto!important;bottom:auto!important;width:320px!important;height:200px!important;min-width:0!important;margin:0!important;pointer-events:none!important;opacity:0!important;transform:none!important} .youtube-window-restore{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;align-items:center;justify-content:center;width:44px;height:40px;padding:6px;border:1px solid #d6e1e9;border-radius:12px;background:#fff;box-shadow:0 3px 12px #0002;cursor:pointer} .youtube-window-restore[hidden]{display:none!important}.youtube-window-restore svg{width:32px;height:24px} html body #approvalBell{position:fixed!important;right:auto!important;bottom:auto!important;width:30px;height:30px;padding:4px;border:1px solid var(--line,#bed2e0);border-radius:9px;background:var(--panel,#f6fbff);color:var(--ink,#23516e);z-index:64;cursor:pointer}html body #approvalBell[hidden],#approvalPanel[hidden]{display:none!important}#approvalBell b{right:-6px;top:-6px} #approvalPanel{position:fixed;z-index:70;width:min(300px,calc(100vw - 58px));overflow:auto;padding:9px;border:1px solid #cfdeea;border-radius:13px;background:#f8fbff;color:#23465c;box-shadow:0 5px 20px #0002;font:12px/1.4 Arial;box-sizing:border-box} #approvalPanel header,#approvalPanel footer{display:flex;align-items:center;justify-content:space-between;gap:8px}#approvalPanel button{padding:5px 9px;border:1px solid #c8dbe9;border-radius:7px;background:white;color:#23516e;cursor:pointer;font:12px Arial}#approvalPanel .approval-preview img{display:block;max-width:100%;max-height:130px;margin:5px auto;object-fit:contain}#approvalPanel .approval-preview iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:7px}#approvalPanel audio{width:100%;height:32px}#approvalPanel .approval-actions{display:flex;gap:6px;margin-top:6px}#approvalPanel .approval-list article{padding:7px}#approvalPanel .approval-list strong,#approvalPanel small{overflow-wrap:anywhere} @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){#approvalPanel{width:min(260px,calc(100vw - 54px));padding:7px;font-size:11px}#approvalPanel .approval-preview img{max-height:105px}#approvalPanel button{font-size:11px;padding:5px 7px}} /* Bot/VIP ranks use the original heading icon when no illustrated icon exists. */ html body #app#app#app #messages .rank-message[data-reference-group="bot"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="gamebot"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="rootadmin"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="gensor"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="gensoryrd"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="sales"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="radio"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="chanserv"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="nickserv"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="help"] .message-avatar>.member-group-icon, html body #app#app#app #messages .rank-message[data-reference-group="vip"] .message-avatar>.member-group-icon{display:block!important;width:100%!important;height:100%!important;color:var(--message-rank-color)!important} html:not([data-admin-entry-visible="true"]) [data-applet-admin]{display:none!important} .message-reactions .reaction-delete{color:#c33747;font-size:22px;line-height:1;border:1px solid currentColor;border-radius:7px;min-width:24px;padding:1px 5px} .message-reactions .reaction-delete[hidden]{display:none!important} /* Desktop header shortcuts; mobile header remains unchanged. */ .pc-header-palette{display:none} @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #modernHeaderRadio{order:1!important;margin-left:auto!important;gap:6px!important;min-width:0!important} html.pc-reference body #app#app#app #modernHeaderRadioRefresh{order:1!important;margin:0!important;width:34px!important;flex:0 0 34px!important} html.pc-reference body #app#app#app #radioPanel{order:0!important} html.pc-reference body #app#app#app .pc-header-palette{order:2;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;flex:0 0 auto} html.pc-reference body #app#app#app .pc-header-palette button{width:24px;height:24px;min-width:24px;padding:0;border:1px solid #ffffffb3;border-radius:5px;background:var(--swatch);box-shadow:inset 0 1px 2px #fff5;cursor:pointer} html.pc-reference body #app#app#app .pc-header-palette button[aria-pressed="true"]{outline:2px solid white;outline-offset:2px} html.pc-reference body #app#app#app .pc-top-profile{order:2!important;margin-left:auto!important;margin-right:0!important;width:auto!important;max-width:190px!important;padding:0 4px 0 8px!important;gap:8px!important} html.pc-reference body #app#app#app .pc-top-profile>.pc-top-avatar{order:2!important} html.pc-reference body #app#app#app .pc-top-profile>span:nth-child(2){min-width:0;text-align:right} } @media(min-width:761px) and (max-width:1100px) and (hover:hover),(min-width:761px) and (max-width:1100px) and (pointer:fine){html.pc-reference body #app#app#app .pc-header-palette{gap:4px;padding:0 4px}html.pc-reference body #app#app#app .pc-header-palette button{width:20px;height:20px;min-width:20px}} /* Keep desktop radio inside its header group instead of the legacy centered overlay. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #modernHeaderRadio{display:flex!important;position:static!important;align-items:center!important;width:max-content!important;max-width:none!important;flex:0 0 auto!important;gap:4px!important;padding-left:16px!important} html.pc-reference body #app#app#app #radioPanel.radio-inline{position:static!important;inset:auto!important;transform:none!important;margin:0!important;flex-shrink:0!important} html.pc-reference body #app#app#app #modernHeaderRadioRefresh{position:static!important;inset:auto!important;transform:none!important;margin:0!important;flex:0 0 34px!important} html.pc-reference body #app#app#app .pc-top-profile{margin-right:12px!important} } @media(min-width:761px) and (max-width:900px) and (hover:hover),(min-width:761px) and (max-width:900px) and (pointer:fine){ html.pc-reference body #app#app#app #modernHeaderRadio{padding-left:6px!important} html.pc-reference body #app#app#app .pc-top-profile{margin-right:8px!important} html.pc-reference body #app#app#app .pc-top-profile>span:nth-child(2){max-width:70px} } /* Small desktop-only radio alignment adjustment. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app #radioPanel.radio-inline, html.pc-reference body #app#app#app #modernHeaderRadioRefresh{transform:translateX(-8px)!important} } .timed-announcement-list{display:grid;gap:10px;margin-top:18px}.timed-announcement-list article{padding:12px;border:1px solid #cbdce9;border-radius:12px;background:#f5faff}.timed-announcement-list small{display:block;margin-top:4px;color:#587086}.timed-announcement-list p{white-space:pre-wrap;overflow-wrap:anywhere}.timed-announcement-list article>div{display:flex;gap:8px}#timedAnnouncementForm.editing textarea{min-height:220px;resize:vertical}#timedAnnouncementForm [data-timed-cancel][hidden]{display:none} @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){html.pc-reference body #app#app#app .md-status-symbol,html.pc-reference body #app#app#app .status-entry>span:first-child{font-size:28px!important;font-weight:700!important;display:grid!important;place-items:center!important;min-width:40px!important;min-height:40px!important}html.pc-reference body #app#app#app [data-status-open][aria-current="page"]{background:var(--pcg-22b99b88,#22b99b88)!important;border-color:var(--pcg-33c9b499,#33c9b499)!important;box-shadow:inset 0 0 0 1px currentColor!important}} /* Profile/settings has its own desktop workspace, separate from the transcript. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html.pc-reference body #app#app#app .layout[data-pc-view="chats"] .chat-panel{display:none!important} html.pc-reference body #app#app#app .layout[data-pc-view="chats"] #mobileSection{grid-column:2/-1!important;position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;overflow:hidden!important} html.pc-reference body #app#app#app .layout[data-pc-view="chats"] .pc-directory-search{display:none!important} html.pc-reference body #app#app#app .layout[data-pc-view="chats"] #mobileSectionClose{display:block!important} html.pc-reference body #app#app#app .layout[data-pc-view="chats"] #mobileSectionContent{position:relative!important;overflow:auto!important} html.pc-reference body #app#app#app #referenceProfile{position:relative!important;width:100%!important;max-width:520px!important;margin:0 auto!important;transform:none!important} html.pc-reference body #app#app#app #referenceProfile .profile-popover{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;transform:none!important;box-sizing:border-box!important} html.pc-reference body #app#app#app #referenceProfile .profile-popover:after{display:none!important} } /* Dedicated theme-aware profile/settings close button. */ html body #app#app#app .mobile-section-head{display:flex;align-items:center;gap:12px} html body #app#app#app #mobileSectionClose{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;margin-left:auto!important;padding:0!important;border:1px solid var(--pcg-33c9b499,#aacddd)!important;border-radius:10px!important;background:var(--pcg-f6fffeaa,#f3faff)!important;color:var(--pcg-005a44,#22628b)!important;font:22px/1 Arial,sans-serif!important;cursor:pointer;box-shadow:0 2px 5px #0001} html body #app#app#app #mobileSectionClose:hover{filter:brightness(.95)} html body #app#app#app #mobileSectionClose:focus-visible{outline:2px solid currentColor;outline-offset:2px} /* Compact shared session prompt and conversation notices. */ .conversation-intro{box-sizing:border-box;align-self:center;width:fit-content;max-width:calc(100% - 20px);margin:10px auto 14px;padding:7px 12px;border:1px solid var(--border,#c8dbea);border-radius:12px;background:var(--panel-bg,#f5faff);color:var(--text,#34566a);font-size:12px;line-height:1.5;text-align:center;overflow-wrap:anywhere;} .empty-private-list,.md-private-list .md-empty{padding:18px 12px;text-align:center;font-size:13px;opacity:.75;} .removed-private-close{display:none!important;} .status-reaction-counts{display:inline-flex;gap:4px;align-items:center;vertical-align:middle;margin-left:7px;max-width:100%;flex-wrap:wrap}.status-reaction-counts button{padding:2px 5px!important;min-width:0!important;min-height:24px!important;border:1px solid #cedde4!important;border-radius:8px!important;background:#fff!important;color:#345!important;font-size:12px!important;line-height:18px!important}.status-reaction-picker{flex-basis:100%;width:100%;padding:7px;box-sizing:border-box;border-radius:12px;background:#f5f9fb}.status-reaction-options{display:flex;align-items:center;gap:4px;overflow-x:auto}.status-reaction-options button{flex:0 0 30px!important;width:30px!important;height:30px!important;min-height:30px!important;padding:2px!important;border:1px solid #d6e2e8!important;border-radius:9px!important;background:white!important;font-size:19px!important}.status-reaction-users{padding:12px;max-height:40vh;overflow:auto}.status-reaction-users>div{padding:6px;border-bottom:1px solid #e0e8ee}.status-row-text small{white-space:normal}.status-story footer{flex-wrap:wrap}@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){.status-reaction-options{gap:3px}.status-reaction-options button{flex-basis:27px!important;width:27px!important;height:28px!important;min-height:28px!important;font-size:17px!important}.status-reaction-counts{gap:3px;margin-left:5px}.status-reaction-counts button{font-size:11px!important;padding:1px 4px!important}} .status-reaction-users small{display:block;margin-top:3px;font-size:11px;color:#657988}.status-video-limits{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.status-video-limits label{font-size:13px;display:grid;gap:5px}.status-video-limits select{width:100%;padding:8px;border:1px solid #cbdce7;border-radius:9px;background:white;color:#254052} /* Site defaults also color the mobile login and MSN connecting screens. */ @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){ html{--entry-accent:var(--md-006653,#006653);--entry-surface:var(--md-e5f3ed,#e5f3ed);--entry-ink:var(--md-102933,#102933)} html[data-applet-choice="classic"]{--entry-accent:var(--team-277bdd,#277bdd);--entry-surface:var(--team-eaf5ff,#eaf5ff);--entry-ink:var(--team-102538,#102538)} html body #loginScreen#loginScreen#loginScreen,html body #connectingScreen#connectingScreen#connectingScreen{background:linear-gradient(145deg,var(--entry-accent),color-mix(in srgb,var(--entry-accent) 48%,white))!important;color:var(--entry-ink)!important} html body #loginScreen#loginScreen#loginScreen .login-card,html body #connectingScreen#connectingScreen#connectingScreen .connecting-box{background:var(--entry-surface)!important;color:var(--entry-ink)!important;border-color:color-mix(in srgb,var(--entry-accent) 35%,white)!important} html body #loginScreen#loginScreen#loginScreen :is(h1,strong,label,p,small,a,.login-community,.login-footer),html body #connectingScreen#connectingScreen#connectingScreen :is(h2,.connecting-title,small){color:var(--entry-ink)!important} } @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html body #approvalBell{box-sizing:border-box;width:48px;height:48px;padding:6px;border:2px solid var(--md-006653,#006653);border-radius:14px;background:var(--md-e5f3ed,#e5f3ed);color:var(--md-006653,#006653);box-shadow:0 2px 6px #0002} html body #approvalBell svg{display:block;width:30px;height:30px;margin:auto} html body #approvalBell b{min-width:17px;box-sizing:border-box;font:600 11px/16px Arial,sans-serif;padding:1px 4px;text-align:center} html.pc-reference body #app#app#app [data-session-logout]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 13px;border:1px solid var(--md-006653,#006653)!important;border-radius:10px;background:var(--md-e5f3ed,#e5f3ed)!important;color:var(--md-006653,#006653)!important;font:600 13px/1.3 Arial,sans-serif;box-shadow:0 2px 5px #0001;cursor:pointer} html.pc-reference body #app#app#app [data-session-logout]:hover{background:var(--md-cadcd5,#cadcd5)!important} html.pc-reference body #app#app#app [data-session-logout]:focus-visible{outline:2px solid var(--md-006653,#006653);outline-offset:3px} html.pc-reference body #app#app#app #mobileSection[data-section="friends"] #mobileSectionClose{display:none!important} } /* Glossy MSN figures: original bright blue beside a vivid theme color. */ #connectingScreen{--orbit-accent:var(--md-00a765,#00a765)} @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){html[data-applet-choice="classic"] #connectingScreen{--orbit-accent:var(--team-277bdd,#277bdd)}} #msnOrbit #orbitBlue stop:nth-child(1){stop-color:#efffff} #msnOrbit #orbitBlue stop:nth-child(2){stop-color:#70ddff} #msnOrbit #orbitBlue stop:nth-child(3){stop-color:#149fe3} #msnOrbit #orbitBlue stop:nth-child(4){stop-color:#075592} #msnOrbit #orbitGreen stop:nth-child(1){stop-color:#f5fff3} #msnOrbit #orbitGreen stop:nth-child(2){stop-color:color-mix(in srgb,var(--orbit-accent) 45%,white)} #msnOrbit #orbitGreen stop:nth-child(3){stop-color:var(--orbit-accent)} #msnOrbit #orbitGreen stop:nth-child(4){stop-color:color-mix(in srgb,var(--orbit-accent) 72%,black)} #msnOrbit #orbitGold stop:nth-child(1){stop-color:#ffbd16} #msnOrbit #orbitGold stop:nth-child(2){stop-color:#fff3a1} #msnOrbit #orbitGold stop:nth-child(3){stop-color:#ffcf32} #msnOrbit #orbitGold stop:nth-child(4){stop-color:#ffa914} html body #connectingScreen#connectingScreen#connectingScreen .connecting-dots span{background:radial-gradient(circle at 30% 25%,#eaffff 0%,#45d8ff 38%,#087bd7 100%)!important;box-shadow:0 1px 5px #139fe65c} html body #connectingScreen#connectingScreen#connectingScreen .connecting-dots span:nth-child(2){background:radial-gradient(circle at 30% 25%,#f7ffe8 0%,#9ae640 38%,#39a923 100%)!important;box-shadow:0 1px 5px #64bb385c} html body #connectingScreen#connectingScreen#connectingScreen .connecting-dots span:nth-child(3){background:radial-gradient(circle at 30% 25%,#fffbe6 0%,#ffd94a 38%,#f49a10 100%)!important;box-shadow:0 1px 5px #efb1295c} /* Server branding keeps its original artwork in both mobile layouts. */ @media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){ html body #app#app#app :is(.brand-buddies,.reference-brand-logo,[data-brand-logo]), html body #loginScreen#loginScreen#loginScreen .login-avatar img{filter:none!important;mix-blend-mode:normal!important} } .desktop-session-actions{padding:10px;margin-top:8px}@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){.desktop-session-actions{display:none}} /* Saat + okundu işareti balonun sağ üst köşesinde mutlak konumlu: ilk satır (nick) onlara yer ayırır, böylece kısa mesajda, büyük yazı boyutunda ya da uzun nickte saat nickin üstüne binmez. */ html.pc-reference body #app#app#app #messages .message .message-body>:first-child:not(.classic-end-time){padding-right:58px!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message .message-body>:first-child:not(.classic-end-time){padding-right:60px!important;box-sizing:border-box!important} /* PC: sol profil panelindeki "Çıkış yap" düğmesi kaldırıldı (çıkış, profil menüsünden yapılır). */ html.pc-reference body #app#app#app .desktop-session-actions{display:none!important} /* Nick ara: input temizle düğmesi için .nick-search-wrap içine alınınca genişliği 0 kalıyordu (tıklanamıyordu). Sarmalayıcı kalan alanı alır, input onun tamamını kaplar. */ html.pc-reference body #app#app#app .pc-glass-search>.nick-search-wrap{flex:1 1 0%!important;width:auto!important;min-width:0!important;height:100%!important;display:flex!important;align-items:center!important} html.pc-reference body #app#app#app .pc-glass-search>.nick-search-wrap>input:is(#memberSearch,.pc-channel-search){flex:1 1 auto!important;width:100%!important} /* v83 · PC nick listesi görünümü — admin › Tema Ayarları › PC. Yalnız ayar seçilince eşleşir; özel nick stilleri hariç. */ html.pc-reference[data-nlp-font] body #app#app#app#app #memberList .member-row .member-nick:not(.nick-styled){font-family:var(--nlp-font)!important} html.pc-reference[data-nlp-size] body #app#app#app#app #memberList .member-row .member-nick:not(.nick-styled){font-size:var(--nlp-size)!important} html.pc-reference[data-nlp-weight] body #app#app#app#app #memberList .member-row .member-nick:not(.nick-styled){font-weight:var(--nlp-weight)!important} html.pc-reference[data-nlp-italic] body #app#app#app#app #memberList .member-row .member-nick:not(.nick-styled){font-style:var(--nlp-italic)!important} html.pc-reference body #app#app#app#app#app #memberList .member-row.nlr-f .member-nick:not(.nick-styled),html.pc-reference body #app#app#app#app#app #memberList button.member-group-heading.nlr-f>span:not(.roster-design-arrow){font-family:var(--nlr-font)!important} html.pc-reference body #app#app#app#app#app #memberList .member-row.nlr-z .member-nick:not(.nick-styled),html.pc-reference body #app#app#app#app#app #memberList button.member-group-heading.nlr-z>span:not(.roster-design-arrow){font-size:var(--nlr-size)!important} html.pc-reference body #app#app#app#app#app #memberList .member-row.nlr-w .member-nick:not(.nick-styled),html.pc-reference body #app#app#app#app#app #memberList button.member-group-heading.nlr-w>span:not(.roster-design-arrow){font-weight:var(--nlr-weight)!important;font-style:var(--nlr-italic)!important} html.pc-reference body #app#app#app#app#app #memberList .member-row.nlr-c .member-nick:not(.nick-styled),html.pc-reference body #app#app#app#app#app #memberList button.member-group-heading.nlr-c>span:not(.roster-design-arrow){color:var(--nlr-color)!important} /* Kategori ikonu değiştirildiyse: hazır sprite arka planı kapanır, SVG görünür */ html.pc-reference body #app#app#app#app #memberList .roster-role-avatar>.member-group-icon.nlr-icon{background:none!important} html.pc-reference body #app#app#app#app #memberList :is(.member-group-heading,.roster-role-avatar)>.member-group-icon.nlr-icon>*:not([opacity]){opacity:1!important} html.pc-reference body #app#app#app#app #memberList .member-row.nlr-c .nlr-icon,html.pc-reference body #app#app#app#app #memberList .member-row.nlr-c .nlr-svg{color:var(--nlr-color)!important} html.pc-reference body #app#app#app #memberList .nlr-row-icon>.nlr-svg{display:block;width:100%;height:100%} html.pc-reference body #app#app#app#app#app #memberList .member-row.nlr-c .member-prefix{color:var(--nlr-color)!important} /* v84 · Kategori ikonu (admin › Tema Ayarları) başlıkta da kategorinin rengini alır */ /* Başlıkta seçilen kategori ikonu, hazır rozetler (Sunucu Sahibi vb.) gibi: kategori renginde degrade kare, beyaz ikon */ html.pc-reference body #app#app#app#app #memberList .member-group-heading>.member-group-icon.nlr-icon{display:block!important;flex:0 0 32px!important;width:32px!important;height:32px!important;box-sizing:border-box!important;padding:6px!important;border-radius:11px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--group-color) 58%,#fff),var(--group-color) 70%,color-mix(in srgb,var(--group-color) 80%,#000))!important;color:#fff!important;stroke:none;box-shadow:0 2px 6px color-mix(in srgb,var(--group-color) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.35)!important} /* v84 · Kanaldaki yetkili mesaj avatarı: kategori ikonu seçildiyse hazır sprite yerine o ikon (rütbe renginde) */ html body #app#app#app#app #messages .message.nlr-msg-icon>.message-avatar>.nlr-icon{display:block!important;background:none!important;color:var(--message-rank-color)!important;fill:currentColor} html body #app#app#app#app #messages .message.nlr-msg-icon>.message-avatar>.nlr-icon>*:not([opacity]){opacity:1!important} /* v86 · Nick satırındaki kategori ikonu varsayılan grup renginde (kategori rengi yalnız başlığa) */ html.pc-reference body #app#app#app #memberList .member-row .nlr-svg,html.pc-reference body #app#app#app #memberList .member-row .roster-role-avatar>.nlr-icon{color:var(--group-color)} /* v86 · PC: kanalda mesaj yazanların avatar boyutu (admin › Tema Ayarları). Yalnız ayar seçilince, kanal mesajlarında. */ html.pc-reference[data-av-pc] body #app#app#app#app #messages .message.in-channel>.message-avatar{flex:0 0 var(--av-pc)!important;width:var(--av-pc)!important;height:var(--av-pc)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;display:grid!important;place-items:center!important;overflow:visible!important} html.pc-reference[data-av-pc] body #app#app#app#app #messages .message.in-channel>.message-avatar>*{flex:none!important;transform:scale(var(--av-pc-scale,1))!important;transform-origin:center!important} /* v88 · PC: mesaj balonunda avatara bakan uç (mobildeki gibi). PC'de kendi mesajları da solda; uç her zaman solda. Uç, balonun zeminini alır; ucun olduğu köşe düz. */ html.pc-reference body #app#app#app#app #messages .message:not(.system):not(.has-image):not(.has-voice)>.message-body{position:relative!important;border-top-left-radius:0!important} html.pc-reference body #app#app#app#app #messages .message:not(.system):not(.has-image):not(.has-voice)>.message-body::before{content:""!important;display:block!important;position:absolute!important;left:-8px!important;right:auto!important;top:0!important;width:9px!important;height:11px!important;border:0!important;background:inherit!important;background-attachment:scroll!important;clip-path:polygon(0 0,100% 0,100% 100%)!important;pointer-events:none!important;transform:none!important} html.pc-reference body #app#app#app#app #memberList .member-row :is(.roster-role-avatar,.nlr-row-icon).nlr-plain{background:none!important;box-shadow:none!important;border:0!important} html.pc-reference body #app#app#app#app #memberList .member-row :is(.roster-role-avatar,.nlr-row-icon).nlr-plain>svg{color:var(--group-color)!important;background:none!important} /* v88 · Yetkili başlığı yazısı ve altındaki nickler aynı renkte (kategori rengi seçilmediyse grubun rengi) */ html.pc-reference body #app#app#app#app #memberList button.member-group-heading>span:not(.roster-design-arrow){color:var(--group-color)!important;-webkit-text-fill-color:var(--group-color)!important} /* Başlıktaki aç/kapa oku başlık renginde. */ html.pc-reference body #app#app#app#app #rightPanel .member-group-heading>.roster-design-arrow{color:var(--group-color)!important} /* WebKit: avatar boyutu ayarlıyken % boyutlu yetki ikonu 0'a çökmesin (ızgara hücresi sabit). */ html.pc-reference[data-av-pc] body #app#app#app#app #messages .message.in-channel>.message-avatar{grid-template-columns:100%!important;grid-template-rows:100%!important} /* PC: kanal mesajındaki nick rengi, mobildeki gibi nick listesindeki yetki rengini alır (bot, yetkili, ikonlu normal kullanıcı). */ html.pc-reference body #app#app#app #messages .message.rank-message:not(.self):not(.normal-role-message) .message-name{color:var(--message-rank-color,var(--pcg-072a48,#072a48))!important} /* PC: kendi mesajındaki avatar da diğerleriyle aynı boyutta (varsayılan 45 px; App Admin › avatar boyutu seçiliyse o geçerli). */ html.pc-reference body #app#app#app #messages .message.self .message-avatar{flex:0 0 45px!important;width:45px!important;height:45px!important;min-width:45px!important} html.pc-reference body #app#app#app #messages .message.self .message-avatar .social-avatar,html.pc-reference body #app#app#app #messages .message.self .message-avatar img{width:45px!important;height:45px!important} html.pc-reference body #app#app#app#app #messages .message.normal-role-message>.message-avatar>.nl-file-icon{width:26px!important;height:26px!important} /* PC sol profil kartı: avatar yuvarlak; durum noktası dairenin sağ alt kenarına oturur */ html.pc-reference body #app#app#app #pcReferenceRail .social-self .social-avatar>.social-dot{right:14px!important;bottom:14px!important} html.pc-reference body #app#app#app #pcReferenceRail .social-self .social-avatar.identity-role{border-radius:50%!important} /* App Admin › PC › Nick listesi avatar boyutu */ html.pc-reference[data-nlav-pc] body #app#app#app #memberList .member-row>:first-child{zoom:var(--nlav-pc-scale,1)} html.pc-reference[data-nlav-pc] body #app#app#app #memberList .member-row.grouped-member{height:auto!important;min-height:max(33px,calc(24px * var(--nlav-pc-scale,1) + 8px))!important} /* PC nick listesi: hazır görseli (sprite) olmayan bütün yetkili başlıklarında da ikon, kategori renginde degrade kare içinde beyaz (Kanal Sop / seçilmiş ikon gibi). */ html.pc-reference body #app#app#app#app #memberList .member-group-heading:not([data-group="owner"]):not([data-group="a"]):not([data-group="h"]):not([data-group="v"])>svg{width:32px!important;height:32px!important;flex:0 0 32px!important;box-sizing:border-box!important;padding:6px!important;border-radius:11px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--group-color) 58%,#fff),var(--group-color) 70%,color-mix(in srgb,var(--group-color) 80%,#000))!important;color:#fff!important;box-shadow:0 2px 6px color-mix(in srgb,var(--group-color) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.35)!important} /* Özel nick ikonu px boyutu verilmişse PC nick listesi satırı ikona göre uzar */ html.pc-reference body #app#app#app#app #memberList .member-row.grouped-member.ni-sized-row{height:auto!important;min-height:33px!important;padding-top:2px!important;padding-bottom:2px!important} /* v131 · Operatör Menü içindeki "Onay Bildirimleri" (mobilde yetkilinin onay zili buraya taşındı) */ #channelOperatorPanel .operator-approvals{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px;margin:0 0 7px;border:1px solid var(--md-c8dfd4,#bdd5ea);border-radius:9px;background:var(--md-e5f3ed,#e0effb);color:inherit;font:inherit;text-align:left} #channelOperatorPanel .operator-approvals[hidden]{display:none} #channelOperatorPanel .operator-approvals b{flex:none;min-width:18px;padding:2px 5px;border-radius:9px;background:#e73959;color:#fff;font:700 10px/1.3 Arial,sans-serif;text-align:center} #channelOperatorPanel .operator-approvals b[hidden]{display:none} /* ===== Güncelleme 193 — PC giriş ekranı (iki sütun: solda logo / ad / slogan, sağda cam form) ve bağlanıyor ekranı ===== */ /* Renkler temanın --pc-entry-* değişkenlerinden gelir (WhatsApp yeşil, mavi, pembe, mor). Manzara katmanları maske olarak yüklenir, temaya göre boyanır. */ @media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){ html{--pe-sky-top:color-mix(in srgb,var(--pc-entry-mid) 78%,var(--pc-entry-dark));--pe-sky-low:color-mix(in srgb,var(--pc-entry-card) 55%,#fff);--pe-deep:color-mix(in srgb,var(--pc-entry-dark) 72%,#000);--pe-btn:color-mix(in srgb,var(--pc-entry-dark) 86%,#000)} html body #loginScreen#loginScreen#loginScreen{position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;padding:74px 4vw 28px!important;overflow:hidden auto!important;background:linear-gradient(180deg,var(--pe-sky-top) 0%,color-mix(in srgb,var(--pc-entry-mid) 55%,var(--pc-entry-card)) 34%,var(--pe-sky-low) 66%,color-mix(in srgb,var(--pc-entry-card) 80%,#fff) 73%)!important} html body #loginScreen#loginScreen#loginScreen.hidden{display:none!important} /* Manzara */ html body #loginScreen .login-scene{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} html body #loginScreen .login-scene i{position:absolute;inset:0;-webkit-mask:var(--ls) center bottom/cover no-repeat;mask:var(--ls) center bottom/cover no-repeat} html body #loginScreen .login-scene .ls-glow{--ls:url('/images/login/glow.svg');background:#fff8ee;opacity:.95} html body #loginScreen .login-scene .ls-far{--ls:url('/images/login/far.svg');background:color-mix(in srgb,var(--pc-entry-mid) 62%,var(--pc-entry-card))} html body #loginScreen .login-scene .ls-mid{--ls:url('/images/login/mid.svg');background:color-mix(in srgb,var(--pc-entry-dark) 62%,var(--pc-entry-mid))} html body #loginScreen .login-scene .ls-water{--ls:url('/images/login/water.svg');background:color-mix(in srgb,var(--pc-entry-mid) 70%,var(--pc-entry-dark))} html body #loginScreen .login-scene .ls-shine{--ls:url('/images/login/glow.svg');background:#fff;opacity:.55;clip-path:inset(72% 0 0 0)} html body #loginScreen .login-scene .ls-fore{--ls:url('/images/login/fore.svg');background:var(--pe-deep)} html body #loginScreen .login-scene .ls-bloom{--ls:url('/images/login/bloom.svg');background:color-mix(in srgb,var(--pc-entry-mid) 72%,var(--pc-entry-dark))} html body #loginScreen .login-scene .ls-bloom2{--ls:url('/images/login/bloom2.svg');background:color-mix(in srgb,var(--pc-entry-card) 62%,#fff)} /* Üst şerit: yalnız site adı */ html body #loginScreen#loginScreen#loginScreen .login-card>.cz-logo{display:flex!important;align-items:center!important;justify-content:flex-end!important;text-align:left!important;position:fixed!important;top:0!important;left:0!important;right:0!important;gap:0!important;height:62px!important;padding:0 12.6vw!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.28)!important;background:none!important;z-index:2!important} html body #loginScreen#loginScreen#loginScreen .login-card .cz-logo small{display:none!important} html body #loginScreen#loginScreen#loginScreen .login-card .cz-logo img{display:block!important;width:auto!important;height:19px!important;max-width:30px!important;opacity:.95!important;flex:none!important;object-fit:contain!important;transform:none!important;margin:0!important;background:none!important;filter:drop-shadow(0 1px 4px rgba(0,0,0,.18))!important} html body #loginScreen#loginScreen#loginScreen .login-card .cz-logo .cz-pill>div{display:block!important;margin:0!important;padding:0!important} /* Site adı: şeffaf, ince çerçeveli hap (logo + ad); arka plan görünür. */ html body #loginScreen#loginScreen#loginScreen .login-card>.cz-logo .cz-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:36px!important;padding:4px 17px 4px 12px!important;margin:0!important;border:1.5px solid rgba(255,255,255,.6)!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;box-sizing:border-box!important} html body #loginScreen#loginScreen#loginScreen .login-card .cz-logo strong{color:rgba(255,255,255,.86)!important;font:500 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:.1px!important;text-shadow:none!important} /* İki sütun */ html body #loginScreen#loginScreen#loginScreen .login-card{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(380px,468px)!important;align-items:center!important;column-gap:clamp(28px,7vw,130px)!important;width:min(1180px,100%)!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;text-align:left!important} html body #loginScreen .login-hero{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding-bottom:14vh} html body #loginScreen#loginScreen#loginScreen .login-hero .login-avatar{height:auto!important;margin:0 0 6px!important;display:block!important} html body #loginScreen#loginScreen#loginScreen .login-hero .login-avatar img{display:block!important;width:auto!important;height:clamp(96px,15vh,150px)!important;max-width:240px!important;transform:none!important;object-fit:contain!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.16))!important} html body #loginScreen#loginScreen#loginScreen .login-hero h1{margin:6px 0 0!important;font:800 clamp(40px,4.6vw,64px)/1.05 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-1.6px!important;color:var(--pc-entry-ink)!important} html body #loginScreen#loginScreen#loginScreen .login-hero .login-community{margin:8px 0 0!important;font:400 clamp(18px,1.7vw,24px)/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:color-mix(in srgb,var(--pc-entry-ink) 82%,#fff)!important} html body #loginScreen#loginScreen#loginScreen .login-hero p{margin:0!important;font:italic 400 clamp(24px,2.5vw,36px)/1.3 "Segoe Script","Brush Script MT","Lucida Handwriting","Apple Chancery",cursive!important;color:var(--pc-entry-ink)!important} /* Kalpli ayırıcı çizgi */ html body #loginScreen .login-hero .login-divider,html body #loginScreen .login-panel .login-divider{--heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21C4 15 2 11 2 7.5 2 4.5 4.4 2.5 7 2.5c2 0 3.8 1 5 2.8 1.2-1.8 3-2.8 5-2.8 2.6 0 5 2 5 5C22 11 20 15 12 21z'/%3E%3C/svg%3E")} html body #loginScreen .login-divider{display:block;width:150px;margin:20px auto;color:color-mix(in srgb,var(--pc-entry-dark) 85%,#000);background:currentColor;-webkit-mask:linear-gradient(#000,#000) left center/calc(50% - 14px) 1px no-repeat,var(--heart) center/12px 12px no-repeat,linear-gradient(#000,#000) right center/calc(50% - 14px) 1px no-repeat;mask:linear-gradient(#000,#000) left center/calc(50% - 14px) 1px no-repeat,var(--heart) center/12px 12px no-repeat,linear-gradient(#000,#000) right center/calc(50% - 14px) 1px no-repeat;height:14px;opacity:.75} html body #loginScreen .login-panel .login-divider{width:min(280px,80%);margin:26px auto 16px} /* Cam form kutusu */ html body #loginScreen .login-panel{display:block;box-sizing:border-box;padding:clamp(28px,5.2vh,58px) clamp(26px,3vw,46px) clamp(22px,3.4vh,34px);border:1.5px solid rgba(255,255,255,.72);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.42),rgba(255,255,255,.20));box-shadow:0 26px 70px color-mix(in srgb,var(--pc-entry-dark) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15);text-align:left} html body #loginScreen#loginScreen#loginScreen .login-panel .login-label{display:block!important;margin:0 0 9px 4px!important;font:500 13.5px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--pc-entry-ink)!important;text-align:left!important} html body #loginScreen#loginScreen#loginScreen .login-panel input:is(#loginNick,#loginPassword){display:block!important;box-sizing:border-box!important;width:100%!important;height:52px!important;margin:0 0 clamp(16px,3vh,30px)!important;padding:0 16px 0 50px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:13px!important;background-color:rgba(255,255,255,.86)!important;background-repeat:no-repeat!important;background-position:17px center!important;background-size:20px 20px!important;box-shadow:0 2px 10px color-mix(in srgb,var(--pc-entry-dark) 14%,transparent)!important;color:#2a2f36!important;font:400 15.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;outline:0!important} html body #loginScreen#loginScreen#loginScreen .login-panel input:is(#loginNick,#loginPassword):focus{border-color:color-mix(in srgb,var(--pc-entry-dark) 55%,#fff)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-entry-dark) 22%,transparent)!important;background-color:#fff!important} html body #loginScreen#loginScreen#loginScreen .login-panel #loginNick{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E")!important} html body #loginScreen#loginScreen#loginScreen .login-panel #loginPassword{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3Ccircle cx='12' cy='15.5' r='1.1' fill='%236b7280'/%3E%3C/svg%3E")!important} html body #loginScreen#loginScreen#loginScreen .login-panel #loginButton{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;box-sizing:border-box!important;width:100%!important;height:54px!important;margin:0!important;border:1.5px solid rgba(255,255,255,.55)!important;border-radius:13px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--pe-btn) 88%,#fff),var(--pe-btn))!important;box-shadow:0 10px 22px color-mix(in srgb,var(--pc-entry-dark) 34%,transparent),inset 0 1px 0 rgba(255,255,255,.22)!important;color:#fff!important;font:700 18px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;cursor:pointer!important;transition:transform .12s ease,filter .12s ease} html body #loginScreen#loginScreen#loginScreen .login-panel #loginButton::after{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat} html body #loginScreen#loginScreen#loginScreen .login-panel #loginButton:hover{filter:brightness(1.08)} html body #loginScreen#loginScreen#loginScreen .login-panel #loginButton:active{transform:translateY(1px)} html body #loginScreen#loginScreen#loginScreen .login-panel .google-login:not([hidden]){margin:14px 0 0!important} html body #loginScreen#loginScreen#loginScreen .login-panel .login-privacy-link{display:block!important;margin:24px auto 0!important;text-align:center!important;font:400 13.5px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--pc-entry-ink)!important;text-decoration:underline!important} html body #loginScreen#loginScreen#loginScreen .login-panel .login-error{margin:10px 0 0!important;text-align:center!important} html body #loginScreen#loginScreen#loginScreen .login-panel .login-error:empty{display:none!important} html body #loginScreen#loginScreen#loginScreen .login-panel .login-footer{margin:0!important;text-align:center!important;font:400 13.5px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--pc-entry-ink)!important} html body #loginScreen#loginScreen#loginScreen .login-panel .login-orbs{display:flex!important;justify-content:center!important;gap:9px!important;margin:16px 0 0!important} /* Dar pencere: tek sütun */ @media(max-width:1020px){ html body #loginScreen#loginScreen#loginScreen .login-card{grid-template-columns:minmax(0,468px)!important;justify-content:center!important;row-gap:18px!important} html body #loginScreen .login-hero{padding-bottom:0} html body #loginScreen#loginScreen#loginScreen .login-hero .login-avatar img{height:84px!important} html body #loginScreen#loginScreen#loginScreen .login-hero h1{font-size:36px!important} html body #loginScreen .login-hero .login-divider,html body #loginScreen#loginScreen#loginScreen .login-hero p{display:none!important} } @media(max-height:700px){html body #loginScreen .login-hero{padding-bottom:0}html body #loginScreen#loginScreen#loginScreen .login-hero p{font-size:24px!important}html body #loginScreen .login-panel .login-divider{margin:14px auto 10px}} /* ---- Bağlanıyor ekranı ---- */ html body #connectingScreen#connectingScreen#connectingScreen{background:radial-gradient(ellipse 70% 55% at 50% 46%,color-mix(in srgb,var(--pc-entry-card) 78%,#fff) 0%,color-mix(in srgb,var(--pc-entry-mid) 80%,var(--pc-entry-card)) 46%,color-mix(in srgb,var(--pc-entry-dark) 55%,var(--pc-entry-mid)) 100%)!important;overflow:hidden!important} html body #connectingScreen .connecting-scene{display:block;position:absolute;inset:0;pointer-events:none;background:#fff;-webkit-mask:url('/images/login/waves.svg') center/cover no-repeat;mask:url('/images/login/waves.svg') center/cover no-repeat} html body #connectingScreen#connectingScreen#connectingScreen .connecting-box{position:relative!important;z-index:1!important;box-sizing:border-box!important;width:min(600px,92vw)!important;max-width:none!important;padding:clamp(34px,7vh,66px) 40px clamp(30px,5vh,48px)!important;border:1.5px solid rgba(255,255,255,.75)!important;border-radius:26px!important;background:linear-gradient(160deg,rgba(255,255,255,.34),rgba(255,255,255,.16))!important;box-shadow:0 30px 80px color-mix(in srgb,var(--pc-entry-dark) 34%,transparent),0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.7)!important;-webkit-backdrop-filter:blur(18px) saturate(1.1)!important;backdrop-filter:blur(18px) saturate(1.1)!important;text-align:center!important} html body #connectingScreen#connectingScreen#connectingScreen .connecting-box h2{margin:10px 0 0!important;font:800 clamp(30px,3vw,40px)/1.1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.6px!important;color:var(--pc-entry-ink)!important;text-shadow:0 2px 10px rgba(255,255,255,.35)} html body #connectingScreen#connectingScreen#connectingScreen .connecting-title{margin:22px 0 0!important;font:700 clamp(17px,1.6vw,21px)/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--pc-entry-ink)!important} html body #connectingScreen#connectingScreen#connectingScreen .connecting-status{margin:12px 0 0!important;font:400 15px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:color-mix(in srgb,var(--pc-entry-ink) 62%,#fff)!important} html body #connectingScreen#connectingScreen#connectingScreen .connecting-dots{display:flex!important;justify-content:center!important;gap:12px!important;margin:22px 0 0!important;height:16px!important;align-items:center!important} html body #connectingScreen#connectingScreen#connectingScreen .connecting-dots span{display:inline-block!important;width:13px!important;height:13px!important;margin:0!important;border-radius:50%!important} html body #connectingScreen#connectingScreen#connectingScreen .connecting-dots span:nth-child(4){display:inline-block!important;background:radial-gradient(circle at 30% 25%,#fff1f6 0%,#ff9cc0 38%,#e8508c 100%)!important;box-shadow:0 1px 5px #e8508c5c!important;animation-delay:.45s!important} html body #connectingScreen#connectingScreen#connectingScreen .connecting-box small{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin:30px auto 0!important;width:min(300px,80%)!important;font:400 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:color-mix(in srgb,var(--pc-entry-ink) 85%,#fff)!important;white-space:nowrap!important} html body #connectingScreen#connectingScreen#connectingScreen .connecting-box small::before,html body #connectingScreen#connectingScreen#connectingScreen .connecting-box small::after{content:"";flex:1;height:1px;background:currentColor;opacity:.3} }