*{box-sizing:border-box}body{margin:0;font:14px system-ui;color:#25364d;background:#eff3f9}button,input{font:inherit}button{cursor:pointer;border:0}button:hover{filter:brightness(.96)}header{height:76px;background:white;border-bottom:1px solid #e3e9f2;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;color:#1676ee}.brand span{color:#233b59}.tag{font-size:11px;color:#8190a5;letter-spacing:2px;margin-top:3px}.pill{background:#ecf9f3;color:#268464;border-radius:30px;padding:8px 13px;font-size:12px}.layout{display:grid;grid-template-columns:275px minmax(0,1fr) 260px;height:calc(100dvh - 76px);max-width:1800px;margin:auto}aside{background:#fff;padding:22px 16px;overflow:auto}.left{border-right:1px solid #e3e9f2}.right{border-left:1px solid #e3e9f2}.profile{display:flex;align-items:center;gap:10px;padding-bottom:23px}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#edf2fe;color:#4c72b9;font-weight:700}.small{font-size:12px;color:#8491a4;margin-top:4px}.label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#96a2b3;margin:18px 10px 12px}.room{width:100%;background:none;text-align:left;display:flex;gap:11px;align-items:center;padding:13px 10px;border-radius:12px;color:#516278;margin:3px 0}.room.active{background:#eaf3ff;color:#1475ef}.room b{display:block;font-size:13px}.room small{display:block;font-size:11px;margin-top:4px;color:#8c9bb0}.room em{margin-left:auto;font-size:11px;font-style:normal;background:#fff;padding:3px 7px;border-radius:7px}.roomicon{font-size:21px}.radio{background:#182d4b;color:white;border-radius:16px;padding:17px;margin-top:26px}.radio button{background:#fff;color:#1475ef;border-radius:50%;width:34px;height:34px;float:right}.radio p{font-size:11px;color:#afc2da}.radio input{width:100%;margin-top:14px;accent-color:#68a8ff}main{display:flex;flex-direction:column;min-height:0}.roomhead{background:#fff;padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5ebf3}.roomhead h2{font-size:17px;margin:0}.roomhead .actions{margin-left:auto;display:flex;gap:8px}.icon{background:#f1f5fa;border-radius:10px;padding:9px 12px;color:#67809e}.stage{margin:20px 24px 0;background:linear-gradient(110deg,#edf5ff,#f7faff);border:1px solid #dfebfa;border-radius:16px;padding:16px}.stagetop{display:flex;justify-content:space-between;font-size:11px;color:#6985a9}.seats{display:flex;justify-content:space-around;margin-top:16px}.seat{background:transparent;text-align:center;color:#7b91ac;font-size:11px}.seat i{display:grid;place-items:center;border:1px dashed #adc5e3;width:45px;height:45px;border-radius:50%;font-style:normal;background:#fff;margin-bottom:7px;font-size:20px}.messages{flex:1;overflow:auto;padding:25px}.day{text-align:center;color:#99a6b6;font-size:10px;letter-spacing:1px;margin-bottom:25px}.welcome{text-align:center;max-width:420px;margin:28px auto;color:#8695a9;line-height:1.7}.welcome .big{background:white;border-radius:22px;width:65px;height:65px;display:grid;place-items:center;font-size:27px;margin:auto;box-shadow:0 6px 24px #233b5910}.welcome h3{color:#314b6c;font-size:19px;margin-bottom:5px}.msg{display:flex;gap:10px;margin:17px 0}.bubble{background:#fff;border-radius:0 13px 13px 13px;padding:12px 16px;max-width:80%;line-height:1.5}.msg b{color:#1676ee;font-size:12px}.msg time{font-size:10px;color:#9ca8b6;margin-left:10px}.msg p{margin:5px 0 0;overflow-wrap:anywhere}.composer{background:#fff;border-top:1px solid #e3e9f2;padding:16px 24px}.compose{display:flex;gap:10px;position:relative}.compose input{flex:1;min-width:0;background:#f5f7fa;border:1px solid #e8edf4;padding:14px;border-radius:12px;outline-color:#1475ef}.blue{background:#1676ee;color:white;border-radius:11px;padding:12px 19px}.hint{font-size:10px;color:#9ba7b7;margin:10px 0 0}.search{width:100%;padding:11px;border:1px solid #e6ebf2;border-radius:9px;background:#f8fafd}.user{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #f1f4f8}.dot{margin-left:auto;color:#30b48b;font-size:10px}.note{padding:16px;border-radius:12px;background:#faf6ed;font-size:12px;line-height:1.7;color:#a38957;margin-top:26px}.mobile{display:none}.emoji{position:absolute;bottom:60px;background:#fff;border:1px solid #ddd;padding:12px;border-radius:12px;box-shadow:0 8px 30px #0001;display:none;grid-template-columns:repeat(6,1fr);gap:8px}.emoji button{background:none;font-size:23px}dialog{border:0;border-radius:22px;padding:30px;width:min(420px,90vw);box-shadow:0 20px 80px #112c5044}dialog::backdrop{background:#112c5066;backdrop-filter:blur(5px)}dialog input{width:100%;padding:14px;border:1px solid #dbe4f0;border-radius:10px;margin:12px 0}dialog h2{margin-top:0}dialog p{line-height:1.7;color:#7a8da7}dialog button{margin:4px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#233b59;color:white;padding:14px 22px;border-radius:12px;z-index:20;display:none;max-width:90vw}button:focus-visible{outline:3px solid #7db7ff}
@media(max-width:1100px){.layout{grid-template-columns:240px 1fr}.right{display:none}.right.open{display:block;position:fixed;right:0;top:76px;bottom:0;width:270px;z-index:5;box-shadow:-15px 0 40px #233b5920}.mobile{display:inline-block}}@media(max-width:700px){header{height:64px;padding:0 16px}.brand{font-size:20px}.tag{font-size:9px}.pill{font-size:10px}.layout{display:block;height:calc(100dvh - 64px)}main{height:100%}.left{display:none}.left.open{display:block;position:fixed;left:0;top:64px;bottom:0;width:275px;z-index:5;box-shadow:15px 0 40px #233b5930}.right.open{top:64px}.roomhead{padding:14px}.stage{margin:12px 12px 0;padding:12px}.messages{padding:16px}.composer{padding:12px}.hint{font-size:9px}.seat i{width:38px;height:38px}.welcome{margin:20px auto}.roomhead .small{font-size:10px}.desktop{display:none}}
body:not(.entered)>header,body:not(.entered)>.layout{visibility:hidden}body:not(.entered){background:radial-gradient(ellipse at 20% 20%,#e3f0ff,transparent 55%),radial-gradient(ellipse at 90% 85%,#e4e9ff,transparent 55%),#f5f8fd}body:not(.entered) dialog::backdrop{background:transparent;backdrop-filter:none}dialog{padding:36px}dialog .genderchoice{display:inline-flex;align-items:center;gap:8px;padding:16px;border:1px solid #dae5f4;border-radius:12px;width:48%;cursor:pointer}dialog .genderchoice:has(:checked){border-color:#1676ee;background:#eaf3ff}dialog .genderchoice input{width:auto;margin:0;accent-color:#1676ee}[hidden]{display:none!important}.profile{position:relative;align-items:flex-start}.profile>div:nth-child(2){min-width:0;flex:1}.myname{overflow-wrap:anywhere}.statuspicker{position:relative;margin-top:5px}.statuspicker summary{cursor:pointer;font-size:12px;color:#6c819b;list-style:none}.statuspicker summary span{margin-left:5px}.statuspicker summary::-webkit-details-marker,.settingsmenu summary::-webkit-details-marker{display:none}.statusoptions,.settingsoptions{position:absolute;top:100%;left:0;background:white;border:1px solid #e0e8f3;box-shadow:0 12px 35px #18324c26;border-radius:12px;min-width:190px;padding:6px;z-index:15}.statusoptions button,.settingsoptions button{display:block;width:100%;padding:11px;text-align:left;background:white;border-radius:7px;color:#344f6c}.statusoptions button:hover,.settingsoptions button:hover{background:#eef5ff}.statusoptions button[aria-pressed="true"]{background:#eaf3ff;color:#1676ee}.settingsmenu{position:relative;margin-left:auto}.settingsmenu summary{list-style:none;cursor:pointer;display:flex;padding:9px}.settingsoptions{left:auto;right:0}.settingsoptions button{white-space:nowrap}#preferences select{display:block;width:100%;padding:12px;border:1px solid #dbe4f0;border-radius:9px;margin:12px 0 20px;background:white;color:#25364d}#preferences .prefcheck{display:flex;align-items:center;gap:10px}#preferences .prefcheck input{width:auto;margin:0}.bubble{font-size:var(--message-size,14px)}body.hide-times .msg time{display:none}#preferences{width:min(850px,94vw);max-height:90dvh;padding:0;overflow:auto;border-radius:14px}#preferences h2{margin:0;font-size:20px}.prefsheader{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e4eaf2}.prefsbody{display:grid;grid-template-columns:235px 1fr;min-height:400px}.prefstabs{padding:10px 0;border-right:1px solid #e4eaf2}.prefstabs button{display:block;width:100%;padding:17px;text-align:left;background:none;color:#536982;font-size:13px}.prefstabs button[aria-selected=true]{background:#1676ee;color:white}.prefspanels{padding:22px;min-width:0}.prefspanels h3{font-size:14px;margin:0 0 20px}.prefspanels p{font-size:12px}.settingrow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf0f5;font-size:13px}#preferences .settingrow input{width:17px;height:17px;margin:0;accent-color:#1676ee}#preferences .settingrow select{width:auto;max-width:180px;margin:0;padding:7px}.settingrow:has(:disabled){opacity:.55}.pending{background:#f2f6fc;padding:12px;border-radius:8px;line-height:1.6}.prefsfooter{border-top:1px solid #e4eaf2;padding:15px 20px;display:flex;gap:8px;align-items:center}.prefsfooter span{margin-right:auto;font-size:11px;color:#8999ac}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.palette label{height:34px;border-radius:4px;cursor:pointer;display:grid;place-items:center}.palette input{opacity:0;position:absolute;width:1px!important}.palette label:has(:checked){outline:3px solid #84b9ff;outline-offset:2px}.palette label:has(:checked)::after{content:'\2713 ';color:white;text-shadow:0 1px 3px black}.palette label:focus-within{outline:3px solid #84b9ff}.fontpreview{padding:20px 10px;margin-top:20px;background:#f0f4fa;border-radius:9px;overflow-wrap:anywhere}.themechoices,.bgchoices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.themechoices label,.bgchoices label{padding:20px 12px;border:1px solid #dce6f2;border-radius:10px;cursor:pointer}.themechoices input,.bgchoices input{width:auto!important;margin:0 5px 0 0!important}.themechoices label:has(:checked),.bgchoices label:has(:checked){outline:2px solid #1676ee}.bg-sky,.messages[data-background=sky]{background:linear-gradient(135deg,#dceefe,#f4f9ff)}.bg-lavender,.messages[data-background=lavender]{background:linear-gradient(135deg,#ece2ff,#fdf4ff)}.bg-mint,.messages[data-background=mint]{background:linear-gradient(135deg,#d9f3e9,#f3fffa)}.bg-night,.messages[data-background=night]{background:linear-gradient(135deg,#152c4c,#58618c)}.bg-sand,.messages[data-background=sand]{background:linear-gradient(135deg,#f3e4d0,#fffaf0)}.bg-night{color:white}.bubble p{color:var(--message-color,#25364d);font-family:var(--message-font,system-ui)}body.dark{background:#172334;color:#dce7f4}body.dark header,body.dark aside,body.dark .roomhead,body.dark .composer,body.dark dialog,body.dark .statusoptions,body.dark .settingsoptions,body.dark .statusoptions button,body.dark .settingsoptions button{background:#202e40;color:#dce7f4}body.dark .roomhead h2,body.dark .room,body.dark .prefstabs button{color:#cfdded}body.dark .stage,body.dark .pending,body.dark .fontpreview{background:#2b3d53;color:#c0d0e5}body.dark .compose input,body.dark .search{background:#172334;color:#dce7f4}body.dark .prefstabs button[aria-selected=true]{background:#1676ee;color:white}body.dark .bubble{background:#dbe4f0}body.dark .seat i{background:#23354c}body.dark .room.active{background:#314968}@media(max-width:650px){.prefsbody{grid-template-columns:1fr;min-height:0}.prefstabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #e4eaf2}.prefstabs button{width:auto;flex-shrink:0;padding:13px}.prefspanels{padding:18px;min-height:330px}.prefsfooter{flex-wrap:wrap}.prefsfooter span{width:100%}.settingrow{font-size:12px}#preferences{max-height:92dvh}}.bubble p{font-size:var(--message-size,14px)}.messages[data-background=plain]{background:transparent}body.dark #preferences h3,body.dark #preferences h4,body.dark .settingrow{color:#dce7f4}body.dark #preferences select{background:#172334;color:#dce7f4}#preferences .prefspanels{color:#25364d}body.dark #preferences .prefspanels{color:#dce7f4}header{display:none}.layout{height:100dvh;grid-template-columns:350px minmax(0,1fr);max-width:none}.left{padding:0;background:#e9edf3}.profile{padding:14px 18px;background:white;margin:0;min-height:78px;align-items:center}.side-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e0e6ee;border-bottom:1px solid #e0e6ee}.side-tabs button{background:none;color:#8996a8;padding:14px 2px;font-size:23px}.side-tabs small{display:block;font-size:10px;font-weight:700;margin-top:6px;color:#45566c}.side-tabs .selected,.side-tabs .selected small{color:#1676ee}#side-people,#side-rooms{padding:14px 8px}#side-people>div:first-child{background:#fff;padding:10px;border-radius:8px;margin-bottom:10px!important}#side-people .search{background:white;margin-bottom:12px}.user{background:white;padding:14px;border-radius:9px;min-height:80px}.user .avatar{border-radius:50%;width:48px;height:48px}#side-people>.room{font-size:12px}.roomhead{height:67px;min-height:67px;padding:10px 18px}.roomhead>.avatar{display:none}.roomhead h2{font-size:14px}.roomhead .actions{gap:5px}.roomhead .actions>.icon:last-child{display:none}.roomhead .small{margin-top:5px}.messages{position:relative;padding:24px;background:linear-gradient(125deg,#c4c8d1,#929cb2);min-height:0}.messages::before{content:'SesliESohbet.net';position:absolute;right:30px;top:26%;font-size:clamp(20px,3vw,48px);font-style:italic;color:#ffffff65;pointer-events:none;z-index:0}.msg{position:relative;z-index:1}.composer{padding:15px 16px 9px}.compose{align-items:center;gap:10px}.compose input{height:55px;border-radius:30px;background:white;padding-right:215px}.composer-tools{position:absolute;right:68px;display:flex;align-items:center;gap:9px}.tool{background:transparent;color:#8b97a7;padding:3px;display:grid;place-items:center;border-radius:5px}.tool svg{width:21px;height:21px}.tool.on{background:#e5f1ff;color:#1676ee}.send{width:46px;height:46px;padding:0;border-radius:50%;font-size:24px;flex-shrink:0}.hint{font-size:9px;margin-top:7px}.compose>.icon{padding:9px;font-size:24px;background:#edf6ff}.messages[data-background=plain]{background:linear-gradient(125deg,#c4c8d1,#929cb2)}body.dark .left{background:#172334}body.dark .profile,body.dark .side-tabs,body.dark #side-people>div:first-child,body.dark .user{background:#202e40}body.dark .side-tabs small{color:#a8b8cd}body.dark .messages[data-background=plain]{background:linear-gradient(125deg,#253348,#182436)}@media(max-width:900px){.layout{grid-template-columns:300px minmax(0,1fr)}.composer-tools{gap:5px}.tool svg{width:18px}.compose input{padding-right:170px}.composer-tools{right:62px}}@media(max-width:700px){.layout{display:block;height:100dvh}.left.open{top:0;width:300px;bottom:0}.roomhead{height:62px;min-height:62px}.roomhead .actions>.icon:last-child{display:block}.composer{padding:10px 9px}.compose{flex-wrap:wrap;gap:7px;padding-bottom:31px}.compose input{padding-right:14px;flex:1;height:46px}.composer-tools{right:3px;bottom:0;gap:17px}.tool svg{width:20px;height:20px}.send{width:40px;height:40px}.messages::before{right:18px;font-size:25px}.hint{margin-top:4px}.compose>.icon{font-size:21px;padding:7px}.emoji{bottom:95px}}.user{margin-bottom:6px}.user.raised{border:1px solid #65a8ff;background:#edf5ff!important;color:#25364d}.hand-mark{margin-left:auto;font-size:24px}.user .small{font-size:11px}.user .dot{margin-left:auto}.left{overflow-y:auto}#people-list .avatar{flex-shrink:0}
.messages[data-room="Meydan"][data-background="plain"]{background-color:#b3bac8;background-image:url("meydan-light.svg");background-size:contain;background-repeat:no-repeat;background-position:center center}body.dark .messages[data-room="Meydan"][data-background="plain"]{background-color:#1e2c40;background-image:url("meydan-dark.svg")}

/* Desktop chat layout inspired by the supplied reference. */
.layout{grid-template-columns:400px minmax(0,1fr)}.left{background:#fff;border-color:#eee}.profile{display:none}.side-tabs{height:60px;grid-template-columns:repeat(7,1fr);border-top:0;border-color:#eee}.side-tabs button{padding:14px 12px;display:grid;place-items:center;color:#aaa;border-bottom:2px solid transparent}.side-tabs button svg{width:29px;height:29px;stroke-width:2}.side-tabs button.selected{color:#2196df;border-color:#2196df;background:#fafafa}#side-people{padding:15px 20px}#side-people .search{border-radius:24px;padding:12px 17px;border-color:#ddd;margin:0 0 14px}.peoplefilters{display:flex;justify-content:center;margin-bottom:15px}.peoplefilters button{background:linear-gradient(#fff,#f3f3f3);padding:11px 16px;border:1px solid #ddd;color:#888;font-size:12px}.peoplefilters button.active{color:#444;background:#f1f1f1}.user{min-height:90px;position:relative;background:white;border-radius:0;margin:0;padding:15px 8px;border-bottom:1px solid #f2f2f2;gap:14px}.user .avatar{font-size:28px;background:#f5f5f5;width:46px;height:46px}.user b{font-size:14px;color:#505050}.user .small{font-size:11px;color:#aaa;margin-top:9px}.user .dot{display:none}.device-mark{margin-left:auto;color:#aaa;font-size:23px}.friend-star{background:none;color:#ccc;font-size:20px;padding:2px}.friend-star:hover{color:#e3778c}.hand-mark{margin-left:auto}.user.raised .device-mark{margin-left:0}#side-people>.room{display:none}.empty-list{color:#999;font-size:12px;line-height:1.8}.roomhead{height:60px;min-height:60px;padding:0 15px 0 20px;border-color:#eee;gap:15px}.room-heading{flex:1;min-width:0}.room-heading h2{font-size:17px;color:#333}.room-heading .small{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999}.owner-button{display:flex;gap:12px;align-items:center;align-self:stretch;padding:0 20px;border-left:1px solid #eee;border-right:1px solid #eee;background:white;text-align:left;font-size:12px;min-width:170px}.owner-button small{display:block;margin-top:5px}.owner-avatar{width:35px;height:35px;background:#f2e9c9;border-radius:50%;display:grid;place-items:center;color:#a48550}.roomhead>.icon{background:none;padding:5px;color:#aaa}.roomhead>.icon svg{width:25px;height:25px}.messages,.messages[data-room="Meydan"][data-background="plain"]{background:#f2efe1 url('sohbet-pattern.svg') repeat center;background-size:300px 300px}.messages::before{display:none}.composer{border-color:#eee;padding:8px 15px 6px;background:#fff}.compose>.icon{background:none;color:#aaa;font-size:20px}.compose input{border:0;border-radius:30px;background:#f7f7f7;padding:14px 20px;height:46px;padding-right:20px}.composer-tools{position:static;gap:13px;margin-left:8px}.tool{color:#aaa}.tool svg{width:20px;height:20px}.send{background:transparent;color:#aaa;width:28px;font-size:25px}.hint{font-size:9px;color:#aaa;margin:4px 0 0 45px}.bubble{border-radius:15px;font-size:14px;box-shadow:none}.msg>.avatar{display:none}#utility{width:min(460px,92vw);padding:24px}#utility p{font-size:13px;line-height:1.8;color:#8491a4}.utility-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.utility-head h2{font-size:18px;margin:0}#utility-body>input{margin:15px 0;width:100%}#utility audio,#utility video{width:100%;margin-top:15px;border-radius:10px}.giftbutton{padding:16px;background:#f6f8fb;font-size:30px;margin:5px;border-radius:10px}body.dark .left,body.dark .side-tabs,body.dark .owner-button{background:#202e40;color:#dce7f4}body.dark .user b,body.dark .room-heading h2{color:#dce7f4}body.dark .peoplefilters button{background:#273a50;color:#bcc9da;border-color:#42546b}body.dark .side-tabs button.selected{background:#283c54}body.dark .messages,body.dark .messages[data-room="Meydan"][data-background="plain"]{background-image:linear-gradient(#172334cc,#172334cc),url('sohbet-pattern.svg');background-size:auto,300px 300px}body.dark .user{border-color:#344358}body.dark .user .avatar{background:#344358}@media(max-width:1150px){.layout{grid-template-columns:320px minmax(0,1fr)}.side-tabs button{padding:12px 8px}.side-tabs button svg{width:25px}.composer-tools{gap:8px;margin-left:0}.owner-button{min-width:135px;padding:0 10px}.compose{gap:6px}}@media(max-width:700px){.layout{display:block}.profile{display:flex}.side-tabs{height:53px}.side-tabs button{padding:12px}.owner-button{min-width:0;border-left:0;padding:0}.owner-button>span:last-child{display:none}.roomhead{padding:0 10px;height:60px}.room-heading .small{font-size:10px}.composer{padding:7px 9px}.compose{padding-bottom:35px}.compose input{padding-right:15px;height:43px}.composer-tools{position:absolute;right:4px;bottom:2px;gap:17px}.composer-tools .tool svg{width:19px}.hint{margin-left:0}.left.open{width:min(360px,92vw)}.user{min-height:82px}.messages{padding:15px}.send{width:25px}.owner-avatar{width:30px;height:30px}}
.avatar img{display:block;width:100%;height:100%;object-fit:contain}.user .avatar:has(img),.profile>.avatar:has(img){background:transparent;border-radius:0;overflow:hidden}
.person-name{background:none;border:0;padding:0;text-align:left;font-size:14px;font-weight:600;color:#505050;cursor:pointer}.person-name:hover{text-decoration:underline}body.dark .person-name{color:#dce7f4}#person-profile{position:fixed;inset:0 auto 0 0;margin:0;width:400px;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;background:#fff;color:#555;overflow-y:auto;box-shadow:12px 0 45px #0002}#person-profile::backdrop{background:#0006;backdrop-filter:none}.person-profile-head{display:flex;align-items:center;gap:15px;padding:16px;min-height:69px;border-bottom:1px solid #eee}.gender-sign{font-size:33px}.person-profile-head b{font-size:13px;font-weight:500}.person-profile-head small{display:block;font-size:12px;color:#999;margin-top:5px}.person-online{font-size:12px;color:#aaa;margin-left:auto}.profile-close{background:none;color:#aaa;font-size:22px;padding:0 3px}.person-actions{display:grid;grid-template-columns:repeat(6,1fr);height:55px;border-bottom:1px solid #eee}.person-actions button{background:white;border-right:1px solid #eee;display:grid;place-items:center;margin:0;border-radius:0}.person-actions svg{width:23px;height:23px}.person-actions button[aria-pressed=true]{background:#fff0f0}.person-actions button:disabled{opacity:.25;cursor:default}.person-large-image{height:250px;background:#f2f2f2;position:relative;display:grid;place-items:center}.person-large-image img{width:220px;height:220px;object-fit:contain}.person-info-button{position:absolute;right:10px;top:15px;background:#f7f7f7;color:#7284df;font-size:27px;line-height:30px;padding:5px;border-radius:4px}.person-social{padding:12px 14px;display:flex;justify-content:space-between;border-bottom:1px solid #eee;color:#aaa;font-size:12px}.person-social button{background:none;color:#999;font-size:12px;padding:0}.person-social button:disabled{opacity:.4}.person-no-comments{text-align:center;color:#aaa;font-size:13px;margin:34px 0}.person-facts{font-size:12px;padding:14px;line-height:1.8;margin:0;background:#f9fafb;color:#888}@media(max-width:700px){#person-profile{width:min(400px,94vw)}.person-large-image{height:240px}.person-profile-head{gap:10px}}body.dark #person-profile{background:#202e40;color:#dce7f4}body.dark .person-actions button{background:#202e40}body.dark .person-large-image{background:#2b394b}body.dark .person-social,body.dark .person-actions,body.dark .person-profile-head,body.dark .person-actions button{border-color:#344358}body.dark .person-facts{background:#172334}body.dark .person-actions button[aria-pressed=true]{background:#573344}

.device-mark{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;color:#a8adb4;min-width:22px}.device-mark svg{width:21px;height:23px}.friend-star{color:#bbb}#side-settings{padding:25px 20px 12px}#side-settings .join-notice{border:1px solid #c9c0a4;background:#fffcf5;border-radius:3px;padding:15px;text-align:center;color:#8c7957;font-size:13px}#side-settings .join-notice button{display:block;margin:7px auto 0;border-radius:3px;padding:9px 13px;font-size:12px}.settings-self{display:flex;align-items:center;gap:12px;background:linear-gradient(80deg,#fff,#e2f0fa 80%,#fafafa 80%);margin-top:15px;padding:8px}.settings-self>img{width:74px;height:85px;object-fit:contain}.settings-self>div{flex:1;min-width:0}.settings-self b{font-weight:400;font-size:16px;overflow-wrap:anywhere}.settings-self small{display:block;font-size:12px;margin-top:8px}.settings-self select{border:0;background:transparent;max-width:170px;padding:6px 0;color:#777;font:12px system-ui}.settings-self>.icon{background:#83b8f2;border-radius:50%;color:#fff;width:40px;height:40px;font-size:20px;padding:0}.settings-self small{color:#888}#side-settings .prefsbody{display:block;min-height:0}#side-settings .prefspanels{padding:0}#side-settings .prefspanels section{padding:28px 0 8px;border:0}#side-settings .prefspanels h3{text-align:center;font-size:10px;letter-spacing:.3px;text-transform:uppercase;font-weight:400;color:#999;display:flex;gap:12px;align-items:center;margin:0 0 25px}#side-settings .prefspanels h3::before,#side-settings .prefspanels h3::after{content:'';height:1px;flex:1;background:#ddd}#side-settings .pending{font-size:10px;padding:8px;margin:8px 0;color:#999;background:#f8f9fb}#side-settings .bgchoices{grid-template-columns:repeat(3,1fr);gap:7px}#side-settings .bgchoices label{min-height:65px;padding:8px;border-radius:4px;font-size:10px;display:flex;align-items:end;gap:3px}#side-settings .bgchoices input{width:12px!important;height:12px!important}#side-settings .remove-design{display:block;margin:15px auto 0;border-radius:3px;font-size:12px}#side-settings .dm-options{border:0;padding:0;margin-top:20px}#side-settings .dm-options legend{font-size:12px;color:#888;margin-bottom:12px}#side-settings .settingrow{flex-direction:row-reverse;justify-content:flex-end;gap:12px;border:0;padding:12px 0;font-size:13px;color:#555}#side-settings .settingrow input[type=checkbox],#side-settings .settingrow input[type=radio]{appearance:none;-webkit-appearance:none;width:48px;height:23px;border-radius:18px;background:#eee;margin:0;flex-shrink:0;cursor:pointer;position:relative}#side-settings .settingrow input::after{content:'';width:20px;height:20px;border-radius:50%;background:white;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #0002;transition:left .15s}#side-settings .settingrow input:checked{background:#269ae8}#side-settings .settingrow input:checked::after{left:26px}#side-settings .settingrow:has(select){flex-direction:row;justify-content:space-between}#side-settings .settingrow select{padding:7px;border:1px solid #ddd;border-radius:5px;width:130px;background:#fff}#side-settings .prefsfooter{padding:12px 0;border:0;min-height:20px}#side-settings .palette{grid-template-columns:repeat(5,1fr)}#side-settings .fontpreview{font-size:14px}.hide-gifts .gift-message{display:none}body.dark .settings-self{background:#2b4058}body.dark #side-settings .settingrow{color:#dce7f4}body.dark .settings-self select{color:#dce7f4}body.dark #side-settings .pending{background:#23354a;color:#b4c2d4}body.dark #side-settings .join-notice{background:#27374b;color:#ded1ac}body.dark #side-settings .settingrow select{background:#172334;color:#dce7f4}body.dark .settings-self small{color:#abb9cd}
.layout{min-height:0;overflow:hidden}.left{height:100%;min-height:0}.side-tabs{position:sticky;top:0;z-index:10}body{overflow:hidden}main{overflow:hidden}#side-settings .dm-options .settingrow{flex-direction:row}#side-settings .bgchoices label{color:#36485e}#side-settings .bgchoices .bg-night{color:white}
.user{cursor:pointer}.user:focus-visible{outline:2px solid #259be6;outline-offset:-2px}.user:hover{background:#f7fafc}body.dark .user:hover{background:#293d53}#side-settings .bgchoices label.photo-design{padding:0;position:relative;display:block;overflow:hidden;height:116px;border:2px solid transparent;background:#e9eff4;border-radius:6px}#side-settings .bgchoices label.photo-design:has(:checked){border-color:#279aee;outline:2px solid #279aee}#side-settings .photo-design img{display:block;width:100%;height:100%;object-fit:cover}#side-settings .photo-design>input{position:absolute;top:6px;left:6px;z-index:1;accent-color:#2196ef}#side-settings .photo-design>span{position:absolute;bottom:0;left:0;right:0;padding:7px 4px;color:#fff;background:linear-gradient(transparent,#000a);font-size:10px;text-align:center}.wallpaper-size-note{font-size:10px!important;line-height:1.7;color:#8d9aae!important}
.messages[data-background="orman"],body.dark .messages[data-background="orman"]{background:#284e50 url('fon-orman.png') no-repeat center center;background-size:contain}.messages[data-background="gece"],body.dark .messages[data-background="gece"]{background:#101a32 url('fon-gece.png') no-repeat center center;background-size:contain}.messages[data-background="cicek"],body.dark .messages[data-background="cicek"]{background:#f7eeee url('fon-cicek.png') no-repeat center center;background-size:contain}

#guest-context{position:fixed;z-index:1000;min-width:225px;max-width:calc(100vw - 16px);padding:5px 0;background:#fff;color:#555;border:1px solid #d9dfe6;box-shadow:0 5px 20px #0003;border-radius:3px;font:13px system-ui}#guest-context button,#guest-context summary{display:block;width:100%;background:none;color:inherit;border:0;text-align:left;padding:11px 17px;font-size:13px;cursor:pointer;list-style:none}#guest-context button:hover,#guest-context summary:hover,#guest-context button:focus-visible,#guest-context summary:focus-visible{background:#edf5fc;outline:0;color:#168cdb}#guest-context summary::after{content:'›';float:right}#guest-context summary::-webkit-details-marker{display:none}#guest-context details[open]>button{padding-left:29px;background:#f8fafc;font-size:12px}#guest-context>button:nth-last-child(2){border-top:1px solid #edf0f3}.context-sub[open] summary::after{content:'⌄'}body.dark #guest-context{background:#24364b;color:#dce7f4;border-color:#42546a}body.dark #guest-context button:hover,body.dark #guest-context summary:hover,body.dark #guest-context details[open]>button{background:#314a65}#utility-body select{width:100%;margin:12px 0 20px;padding:10px;border:1px solid #d7e0eb;border-radius:6px}#utility-body input[type=color]{height:45px;padding:3px}
.messages[data-background="orman"],body.dark .messages[data-background="orman"],.messages[data-background="gece"],body.dark .messages[data-background="gece"],.messages[data-background="cicek"],body.dark .messages[data-background="cicek"]{background-size:cover;background-position:center;background-repeat:no-repeat}

/* Keep person search and filters visible while scrolling the people list. */
.side-tabs{height:52px;min-height:52px;flex-shrink:0}.side-tabs button{padding:11px 8px}.side-tabs button svg{width:23px;height:23px;stroke-width:1.8}.roomhead{height:52px;min-height:52px}.roomhead h2{font-size:15px}.roomhead .small{font-size:11px}.owner-avatar{width:30px;height:30px}.roomhead>.icon svg{width:21px;height:21px}.settingsmenu summary svg{width:18px;height:18px}.left{display:flex;flex-direction:column;overflow:hidden}.side-tabs{position:relative;top:auto}.left .profile{flex-shrink:0}#side-people{display:flex;flex-direction:column;min-height:0;flex:1;padding-bottom:0;overflow:hidden}#side-people>.search{flex-shrink:0}#side-people>.peoplefilters{flex-shrink:0;margin-bottom:10px}#people-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px;scrollbar-width:thin}#side-rooms,#side-settings{min-height:0;overflow-y:auto;flex:1;overscroll-behavior:contain}#side-settings{padding-top:20px}.peoplefilters button{padding:9px 13px}@media(max-width:700px){.side-tabs{height:48px;min-height:48px}.side-tabs button{padding:10px 8px}.side-tabs button svg{width:21px;height:21px}.roomhead{height:52px;min-height:52px}.left.open{display:flex}.owner-avatar{width:28px;height:28px}#side-people{padding-top:12px}.peoplefilters button{padding:9px 12px}}
@media(max-width:700px){.left:not(.open){display:none}.left.open{height:100dvh}}
.peoplefilters{width:100%;display:grid;grid-template-columns:1fr 1fr 1.35fr;justify-content:stretch;flex-shrink:0}.peoplefilters button{width:100%;padding:11px 10px;font-size:13px;min-height:42px;white-space:nowrap}@media(max-width:700px){.peoplefilters button{padding:10px 7px;font-size:12px;min-height:42px}}

#media-menu{position:absolute;right:155px;bottom:64px;z-index:30;width:220px;padding:8px 0;border:1px solid #ddd;background:#fff;color:#555;box-shadow:0 8px 30px #0003;border-radius:5px}#media-menu button{display:block;width:100%;background:none;color:inherit;padding:12px 18px;text-align:left;font:13px system-ui}#media-menu button:hover{background:#edf5fd;color:#168bd3}.broadcast-toggle{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #eee;font-size:13px}.broadcast-toggle input{width:36px!important;flex:none!important;height:20px!important;margin:0!important;accent-color:#1e9cea}.chat-image{display:block;max-width:min(320px,65vw);max-height:420px;border-radius:8px;margin:9px 0;cursor:zoom-in}.bubble audio{display:block;width:min(300px,65vw);margin-top:10px}.youtube-frame{display:block;width:min(400px,65vw);aspect-ratio:16/9;border:0;margin:10px 0;border-radius:7px}.bubble a{font-size:12px;color:#1475d5}.bubble{overflow-wrap:anywhere}#utility-body>audio{width:100%;margin:14px 0}#utility-body form input{width:100%;margin:14px 0;padding:13px;border:1px solid #d7e0eb;border-radius:8px}#room-broadcast{position:fixed;bottom:80px;right:20px;width:250px;z-index:20;height:35px}body.dark #media-menu{background:#26394f;color:#dce7f4;border-color:#40536c}body.dark #media-menu button:hover{background:#324c68}body.dark .broadcast-toggle{border-color:#40536c}@media(max-width:700px){#media-menu{right:15px;bottom:86px}.composer-tools{gap:12px}.composer-tools .tool svg{width:18px}.chat-image{max-width:64vw;max-height:340px}#room-broadcast{bottom:100px;right:10px}}

.chat-image{max-width:min(190px,43vw);max-height:230px;width:auto;height:auto;object-fit:contain;cursor:zoom-in}.member-type{font-size:11px;color:#9aa3ae;margin-top:6px}.user .small{margin-top:4px;font-size:11px}.user>div:nth-child(2){min-width:0}.friend-star{display:none}body.dark .member-type{color:#adbacb}#image-viewer{padding:15px;background:transparent;border:0;box-shadow:none;border-radius:10px;width:auto;max-width:92vw;max-height:90dvh;overflow:visible}#image-viewer::backdrop{background:#101822bc;backdrop-filter:blur(3px)}#image-viewer img{display:block;width:auto;height:auto;max-width:86vw;max-height:82dvh;object-fit:contain;border-radius:7px;box-shadow:0 10px 55px #0006}.image-viewer-close{position:absolute;right:0;top:0;width:34px;height:34px;border-radius:50%;background:#fff;color:#26374b;font-size:27px;line-height:32px;box-shadow:0 2px 10px #0003;z-index:1}.image-viewer-close:hover{background:#edf4fc}@media(max-width:700px){.chat-image{max-width:42vw;max-height:190px}}

#image-viewer{padding:0;margin:auto;border-radius:8px;max-width:90vw;max-height:86dvh;overflow:visible}#image-viewer img{max-width:90vw;max-height:80dvh;border-radius:7px}.image-viewer-close{top:-39px;right:0;width:32px;height:32px;font-size:25px;line-height:30px}#utility .artist-search-form{display:flex;align-items:center;gap:8px;margin-top:15px}#utility .artist-search-form input{flex:1;min-width:0;margin:0}#utility .artist-search-form button{margin:0;flex-shrink:0}.youtube-results{max-height:45dvh;overflow-y:auto;margin:15px 0}.youtube-result{display:flex;align-items:center;gap:10px;padding:10px;background:#f4f7fa;border-radius:9px;width:100%;text-align:left;margin-bottom:8px}.youtube-result img{width:100px;height:60px;object-fit:cover;border-radius:5px}.youtube-result span{font-size:12px;line-height:1.6;color:#314967}body.dark .youtube-result{background:#2c4058}body.dark .youtube-result span{color:#dce7f4}@media(max-width:700px){#image-viewer{max-width:92vw}#image-viewer img{max-width:92vw;max-height:76dvh}.image-viewer-close{top:-38px;right:0}.youtube-result img{width:85px;height:52px}}

#emoji{display:none;position:absolute;left:0;bottom:65px;width:min(400px,calc(100vw - 28px));height:390px;max-height:65dvh;flex-direction:column;gap:0;padding:0;overflow:hidden;background:#fff;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 14px 45px #12264035;z-index:40}.emoji-header{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid #edf1f5;font-size:14px;color:#43566c}.emoji-header button{font-size:24px!important;padding:0 3px;background:none}.emoji-search{flex:none!important;width:calc(100% - 24px)!important;min-height:34px!important;height:34px!important;margin:10px 12px!important;padding:7px 10px!important;border-radius:9px!important;background:#f2f6fa!important;border:1px solid #e5ebf2!important;font-size:12px!important;color:#344c66}.emoji-categories{display:flex;gap:4px;padding:0 10px 8px;overflow-x:auto;flex-shrink:0}.emoji-categories button{font-size:10px!important;padding:6px 8px;background:#f3f6fa;border-radius:7px;white-space:nowrap;color:#718198}.emoji-categories button.active{background:#e2efff;color:#1681de}.emoji-body{overflow-y:auto;min-height:0;flex:1;padding:8px 10px;align-content:start}.unicode-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.unicode-grid button{font-size:24px!important;background:none;border-radius:8px;min-height:36px;padding:4px}.unicode-grid button:hover{background:#edf5ff}.animated-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gif-tile{border-radius:9px;background:#f6f8fb;padding:5px;overflow:hidden;min-width:0}.gif-tile:hover{background:#e7f1ff}.gif-tile img{display:block;object-fit:contain;width:100%;height:42px}.gif-grid .gif-tile img{height:85px}.emoji-footer{display:grid;grid-template-columns:1fr 1fr 1.3fr;border-top:1px solid #e8edf3;padding:7px;gap:5px;flex-shrink:0}.emoji-footer button{font-size:12px!important;padding:10px 7px;background:none;border-radius:8px;color:#8392a5}.emoji-footer button.active{background:#e8f2ff;color:#1679d2;font-weight:700}.inline-animated-emoji{display:inline-block;vertical-align:middle;width:auto;height:29px;max-width:65px;object-fit:contain;margin:0 2px}.chat-reaction-gif{display:block;max-width:190px;max-height:210px;width:auto;height:auto;object-fit:contain;margin-top:8px}.chat-gift-gif{display:block;object-fit:contain;width:155px;height:165px;max-width:55vw;margin:8px auto}.gift-caption{display:block;text-align:center;font-size:11px;color:#8a7b95;margin:5px 0}.chat-video{display:block;width:min(310px,64vw);max-height:340px;margin-top:9px;border-radius:9px}.gift-dialog{width:min(600px,94vw)!important}.gift-note{font-size:11px!important;margin:14px 0;color:#a08b67!important}.gift-categories{display:flex;gap:7px;margin:12px 0 16px;overflow-x:auto}.gift-categories button{background:#f2f5f9;color:#75849a;border-radius:20px;padding:8px 16px;font-size:12px}.gift-categories button.active{background:#257ef0;color:white}.gift-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:53dvh;overflow-y:auto;padding:3px}.gift-card{background:linear-gradient(145deg,#fcfcfe,#f0f3f9);border:1px solid #e8edf4;border-radius:12px;padding:10px 7px;transition:background .12s}.gift-card:hover{background:#e7f1ff;border-color:#8cbaff}.gift-card img{width:100%;height:90px;object-fit:contain;display:block}.gift-card b{display:block;font-size:11px;color:#4b5b72;margin:7px 0}.gift-card small{display:block;color:#986d88;font-size:9px}.msg{animation:none!important;transition:none!important;content-visibility:auto;contain-intrinsic-size:auto 70px}.messages{scroll-behavior:auto!important}.bubble{animation:none!important;transition:none!important}body.dark #emoji{background:#203249;border-color:#41546a}body.dark .emoji-header{color:#d7e4f4;border-color:#41546a}body.dark .emoji-search{background:#182a3f!important;border-color:#41546a!important;color:#d7e4f4!important}body.dark .gif-tile{background:#2a4058}body.dark .emoji-footer{border-color:#41546a}body.dark .gift-card{background:#2a3e57;border-color:#40546c}body.dark .gift-card b{color:#dfebfb}body.dark .gift-categories button:not(.active){background:#2a3e57;color:#c2cfe0}@media(max-width:700px){#emoji{bottom:93px;left:0;width:min(360px,calc(100vw - 20px));height:370px;max-height:58dvh}.unicode-grid{grid-template-columns:repeat(7,1fr)}.gift-catalog{grid-template-columns:repeat(3,1fr);gap:8px}.gift-card img{height:75px}.animated-grid{grid-template-columns:repeat(6,1fr)}.chat-reaction-gif{max-width:45vw;max-height:180px}}
.chat-gift-gif{width:110px;height:120px}.gift-card img{height:75px}
/* Compact, fully contained picker. Footer remains visible; only the asset grid scrolls. */
#emoji{z-index:1001;position:fixed;box-sizing:border-box;max-width:calc(100vw - 16px);min-height:180px;border-radius:13px;overflow:hidden;isolation:isolate}.emoji-header{flex:0 0 40px;min-height:40px;padding:8px 12px}.emoji-header b{font-size:12px}.emoji-header button{font-size:20px!important}.emoji-search{box-sizing:border-box;height:30px!important;min-height:30px!important;max-height:30px!important;margin:7px 10px!important;width:calc(100% - 20px)!important;padding:5px 9px!important;font-size:11px!important}.emoji-categories{flex:0 0 32px;min-height:32px;padding:0 7px 5px;gap:3px}.emoji-categories button{font-size:9px!important;padding:5px 7px;line-height:16px}.emoji-body{display:grid;flex:1 1 0;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:6px 8px;gap:5px;overscroll-behavior:contain;scrollbar-width:thin;align-content:start}.unicode-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:31px}.unicode-grid button{font-size:21px!important;min-height:0;height:31px;padding:1px;line-height:29px}.animated-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:40px}.gif-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:65px}.emoji-body .gif-tile{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;height:100%;padding:4px;border-radius:6px;overflow:hidden}.emoji-body .gif-tile img,.gif-grid .gif-tile img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:0 1 auto}.emoji-footer{flex:0 0 45px;min-height:45px;padding:5px;grid-template-columns:1fr 1fr 1.15fr;gap:3px;background:inherit}.emoji-footer button{font-size:10px!important;padding:7px 4px;white-space:nowrap}.gif-upload{font-size:10px!important;width:100%;text-align:center}.emoji-body>p{grid-column:1/-1;font-size:12px;text-align:center}#nick-error{color:#d83447!important;background:#fff1f2;padding:10px;border-radius:8px;font-size:12px;margin:10px 0}#nick[aria-invalid=true]{border-color:#d83447}body.dark #nick-error{background:#4a2934}@media(max-width:420px){.unicode-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.animated-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.gif-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:59px}.emoji-footer{flex-basis:42px;min-height:42px}}

.messages{overflow-anchor:none;scroll-behavior:auto!important}.upload-role-note{flex:0 0 auto;font-size:9px;line-height:1.45;margin:0;padding:5px 10px;color:#8999ae;background:#f5f8fb}body.dark .upload-role-note{background:#21354c}.member-entry-button{display:block;width:100%;margin:10px 0 0;padding:10px;border-radius:9px;background:#edf4ff;color:#257edb}#member-login{width:min(420px,92vw)}#member-login input{width:100%;padding:12px;margin:7px 0 14px;border:1px solid #d9e3f0;border-radius:8px}#member-login p{font-size:12px;line-height:1.7;color:#8292a8}#member-login-error{color:#d63f51!important}.peoplefilters button{font-variant-numeric:tabular-nums}