:root{--chat-bg:#0b0710;--chat-panel:#120c1a;--chat-panel-2:#1a1224;--chat-line:rgba(255,255,255,.08);--chat-accent:#8b5cf6;--chat-accent-2:#c084fc;--chat-text:#f4f0fb;--chat-muted:#8f849b;--chat-online:#22c55e}.chat-body{background:var(--chat-bg);color:var(--chat-text);font-family:DM Sans,sans-serif;margin:0;height:100vh;overflow:hidden}.chat-gate{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 30% 20%,#2a1740,var(--chat-bg) 60%)}.chat-gate-card{width:min(420px,100%);background:var(--chat-panel);border:1px solid var(--chat-line);border-radius:20px;padding:32px;box-shadow:0 30px 100px #000a}.chat-gate-card .brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;margin-bottom:22px}.chat-gate-card .brand>span:last-child>span{color:var(--chat-accent-2)}.chat-gate-card h1{font:800 30px Manrope,sans-serif;margin:0 0 8px;letter-spacing:-1px}.chat-gate-card>p{color:var(--chat-muted);font-size:14px;margin:0 0 24px}.chat-gate-actions{display:flex;flex-direction:column;gap:12px}.chat-gate-actions .button-primary{background:linear-gradient(120deg,var(--chat-accent),var(--chat-accent-2))}.chat-gate-actions .text-link{text-align:center;color:var(--chat-muted);font-size:13px}.chat-gate-guest{margin-top:26px;display:flex;flex-direction:column;gap:10px}.chat-gate-divider{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--chat-muted);margin-bottom:4px}.chat-gate-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.chat-gate-guest input,.chat-gate-guest select{background:#1c1526;border:1px solid var(--chat-line);color:var(--chat-text);border-radius:9px;padding:12px}.chat-gate-guest .checkbox{display:flex;gap:8px;font-size:12px;color:var(--chat-muted);align-items:flex-start}.chat-gate-guest .checkbox a{color:var(--chat-accent-2)}.chat-gate-guest .city-autocomplete-list{background:#1c1526;border:1px solid var(--chat-line);border-radius:0 0 10px 10px}.chat-gate-guest .city-autocomplete-option{color:var(--chat-text)}.chat-gate-guest .city-autocomplete-option:hover,.chat-gate-guest .city-autocomplete-option.active{background:var(--chat-panel-2)}.chat-root{display:grid;grid-template-columns:280px 1fr 300px;grid-template-rows:56px 1fr;height:100vh}.chat-topbar{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid var(--chat-line);background:var(--chat-panel)}.chat-topbar .brand{display:flex;align-items:center;gap:8px;font:800 16px Manrope,sans-serif}.chat-topbar .brand>span:last-child>span{color:var(--chat-accent-2)}.chat-topbar .brand-mark{width:26px;height:26px;font-size:13px;border-radius:8px;background:linear-gradient(120deg,var(--chat-accent),#ff4f87);display:grid;place-items:center;font-weight:800}.chat-online-count{color:var(--chat-muted);font-size:12px;display:flex;align-items:center;gap:6px}.chat-online-count b{color:var(--chat-online)}.chat-user-menu{margin-left:auto;display:flex;align-items:center;gap:10px;position:relative}.chat-user-menu .chat-avatar{width:30px;height:30px;font-size:13px}.chat-user-menu .username{font-size:13px;font-weight:600}.chat-user-menu a.logout{color:var(--chat-muted);font-size:12px;border:1px solid var(--chat-line);border-radius:99px;padding:5px 12px}.chat-user-menu a.logout:hover{color:#fff;border-color:var(--chat-accent)}.chat-sidebar{border-right:1px solid var(--chat-line);background:var(--chat-panel);display:flex;flex-direction:column;overflow:hidden}.chat-tabs{display:flex;border-bottom:1px solid var(--chat-line)}.chat-tabs button{flex:1;padding:14px;background:none;border:0;color:var(--chat-muted);font-weight:700;font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.chat-tabs button.active{color:#fff;border-bottom-color:var(--chat-accent)}.room-list{flex:1;overflow-y:auto;padding:8px}.room-group-label{display:flex;justify-content:space-between;padding:14px 10px 6px;font-size:10px;letter-spacing:1px;color:var(--chat-muted);text-transform:uppercase}.room-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer;color:#d9d2e0}.room-row:hover{background:var(--chat-panel-2)}.room-row.active{background:linear-gradient(120deg,#3a2260,#241436);color:#fff}.room-row .room-icon{width:26px;text-align:center;font-size:15px}.room-row .room-name{flex:1;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-row .room-count{font-size:11px;color:var(--chat-muted);background:#00000040;border-radius:99px;padding:2px 8px;display:flex;align-items:center;gap:4px}.private-list{flex:1;overflow-y:auto;padding:8px}.private-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer}.private-row:hover,.private-row.active{background:var(--chat-panel-2)}.private-row .last-msg{font-size:11px;color:var(--chat-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.private-empty{padding:40px 20px;text-align:center;color:var(--chat-muted);font-size:13px}.chat-main{display:flex;flex-direction:column;overflow:hidden;background:var(--chat-bg)}.chat-main-header{padding:14px 20px;border-bottom:1px solid var(--chat-line);display:flex;align-items:center;gap:12px}.chat-main-header .room-icon{font-size:18px}.chat-main-header h2{font-size:15px;margin:0;font-weight:700;letter-spacing:normal}.chat-main-header .sub{font-size:12px;color:var(--chat-muted)}.chat-main-header .call-btn{margin-left:auto;display:flex;align-items:center;gap:6px;background:linear-gradient(120deg,var(--chat-accent),#ff4f87);border:0;color:#fff;padding:8px 14px;border-radius:99px;font-size:12px;font-weight:700;cursor:pointer}.chat-empty{flex:1;display:grid;place-items:center;color:var(--chat-muted);text-align:center;gap:10px}.chat-thread{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-empty[hidden],.chat-thread[hidden]{display:none}.chat-empty .icon{font-size:34px}.message-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.chat-msg{display:flex;gap:10px;max-width:640px}.chat-msg.self{align-self:flex-end;flex-direction:row-reverse}.chat-msg .bubble{background:var(--chat-panel-2);border-radius:14px;padding:10px 14px}.chat-msg.self .bubble{background:linear-gradient(120deg,#4c2a80,#7d3fae)}.chat-msg .meta{font-size:11px;color:var(--chat-muted);margin-bottom:3px;display:flex;gap:8px}.chat-msg .meta b{color:#e6ddf5}.chat-msg .body{font-size:14px;line-height:1.5;word-break:break-word}.reaction-bar{position:relative;display:flex;align-items:center;gap:4px;margin-top:6px;flex-wrap:wrap}.reaction-badge{background:#00000040;border-radius:99px;padding:2px 8px;font-size:12px}.reaction-add{background:none;border:1px dashed var(--chat-line);color:var(--chat-muted);border-radius:99px;width:22px;height:22px;min-width:22px;font-size:13px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reaction-strip{position:absolute;bottom:26px;left:0;display:flex;gap:4px;background:var(--chat-panel-2);border:1px solid var(--chat-line);border-radius:99px;padding:5px 8px;box-shadow:0 10px 30px #000a;z-index:15}.reaction-strip[hidden]{display:none}.reaction-option{background:none;border:0;font-size:16px;line-height:1;width:26px;height:26px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reaction-option:hover{transform:scale(1.2)}.chat-composer{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--chat-line)}.chat-composer input{flex:1;background:#1c1526;border:1px solid var(--chat-line);color:var(--chat-text);border-radius:99px;padding:12px 18px;outline:none}.chat-composer input:focus{border-color:var(--chat-accent)}.chat-composer button{background:linear-gradient(120deg,var(--chat-accent),var(--chat-accent-2));border:0;color:#fff;border-radius:99px;padding:0 22px;font-weight:700;cursor:pointer}
.image-toggle{background:#1c1526;border:1px solid var(--chat-line);border-radius:50%;width:44px;height:44px;min-width:44px;font-size:18px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.image-preview{display:flex;align-items:center;gap:10px;padding:10px 20px;border-top:1px solid var(--chat-line)}
.image-preview[hidden]{display:none}
.image-preview img{max-height:60px;border-radius:8px}
.image-preview button{background:#00000060;border:0;color:#fff;border-radius:50%;width:24px;height:24px;min-width:24px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.chat-msg-image{max-width:240px;max-height:240px;border-radius:12px;display:block;margin-bottom:6px;cursor:zoom-in;object-fit:cover}
#image-lightbox{position:fixed;inset:0;z-index:2000;background:#000000e6;display:flex;align-items:center;justify-content:center;cursor:zoom-out}
#image-lightbox[hidden]{display:none}
#image-lightbox img{max-width:92vw;max-height:92vh;border-radius:8px;box-shadow:0 30px 100px #000a;cursor:default}
#lightbox-close{position:fixed;top:20px;right:24px;background:#ffffff20;border:0;color:#fff;width:40px;height:40px;min-width:40px;line-height:1;padding:0;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.emoji-picker-wrap{position:relative;flex-shrink:0}.emoji-toggle{background:#1c1526;border:1px solid var(--chat-line);border-radius:50%;width:44px;height:44px;min-width:44px;font-size:20px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}.emoji-toggle:hover{background:#251a35;transform:scale(1.08)}.emoji-panel{position:absolute;bottom:54px;left:0;width:320px;max-width:calc(100vw - 32px);max-height:min(360px,70vh);background:var(--chat-panel-2);border:1px solid var(--chat-line);border-radius:18px;padding:12px;box-shadow:0 24px 70px #000c;z-index:20;display:flex;flex-direction:column;gap:10px;transform-origin:bottom left;animation:emojiPanelIn .16s ease}
@keyframes emojiPanelIn{from{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:480px){.emoji-panel{position:fixed;left:16px;right:16px;bottom:64px;width:auto;max-width:none}}.emoji-search{width:100%;background:#1c1526;border:1px solid var(--chat-line);color:var(--chat-text);border-radius:99px;padding:8px 14px;font-size:13px;outline:none;box-sizing:border-box}
.emoji-search:focus{border-color:var(--chat-accent)}
.emoji-empty{grid-column:1/-1;text-align:center;color:var(--chat-muted);font-size:12px;padding:16px 0}
.emoji-tabs{display:flex;gap:4px;flex-wrap:wrap;background:#00000030;border-radius:99px;padding:4px}.emoji-tab{background:none;border:0;color:var(--chat-muted);font-size:12px;padding:6px 10px;border-radius:99px;cursor:pointer;white-space:nowrap;flex:1;display:flex;align-items:center;justify-content:center;gap:4px;transition:background .15s ease,color .15s ease}
.emoji-tab span{font-size:13px}
@media(max-width:480px){.emoji-tab{font-size:0}.emoji-tab span{font-size:16px}}.emoji-tab:hover{color:var(--chat-text)}.emoji-tab.active{background:linear-gradient(120deg,var(--chat-accent),var(--chat-accent-2));color:#fff}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;gap:6px;max-height:240px;overflow-y:auto;padding:2px}.emoji-panel[hidden]{display:none}.emoji-option{background:none;border:0;font-size:23px;line-height:1;width:38px;height:38px;padding:0;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,background .12s ease}.emoji-option:hover{background:#00000050;transform:scale(1.25)}.emoji-option:hover{background:#00000040}.pm-notice{margin:0 20px 10px;background:#3a2b0e;color:#f5cf7f;border-radius:10px;padding:10px 14px;font-size:12px}.pm-notice a{color:#fff;text-decoration:underline}.chat-userlist{border-left:1px solid var(--chat-line);background:var(--chat-panel);display:flex;flex-direction:column;overflow:hidden}.chat-userlist-header{padding:14px;display:flex;gap:10px;border-bottom:1px solid var(--chat-line)}.chat-userlist-header .pill{flex:1;text-align:center;padding:6px;border-radius:99px;font-size:11px;background:#1c1526;color:var(--chat-muted)}.chat-userlist-header .pill b{color:#fff}.userlist-search{padding:10px 14px}.userlist-search input{width:100%;background:#1c1526;border:1px solid var(--chat-line);color:var(--chat-text);border-radius:9px;padding:9px 12px}.userlist-filters{display:flex;gap:6px;padding:0 14px 10px;flex-wrap:wrap}.userlist-filters button{background:#1c1526;border:1px solid var(--chat-line);color:var(--chat-muted);border-radius:99px;padding:4px 10px;font-size:11px;cursor:pointer}.userlist-filters button.active{background:var(--chat-accent);color:#fff;border-color:var(--chat-accent)}.virtual-list-viewport{flex:1;overflow-y:auto;position:relative}
.virtual-list-viewport,.room-list,.private-list,.message-list,.emoji-grid{scrollbar-width:thin;scrollbar-color:#4a3d5c transparent}
.virtual-list-viewport::-webkit-scrollbar,.room-list::-webkit-scrollbar,.private-list::-webkit-scrollbar,.message-list::-webkit-scrollbar,.emoji-grid::-webkit-scrollbar{width:6px}
.virtual-list-viewport::-webkit-scrollbar-track,.room-list::-webkit-scrollbar-track,.private-list::-webkit-scrollbar-track,.message-list::-webkit-scrollbar-track,.emoji-grid::-webkit-scrollbar-track{background:transparent}
.virtual-list-viewport::-webkit-scrollbar-thumb,.room-list::-webkit-scrollbar-thumb,.private-list::-webkit-scrollbar-thumb,.message-list::-webkit-scrollbar-thumb,.emoji-grid::-webkit-scrollbar-thumb{background:#4a3d5c;border-radius:99px}.virtual-list-spacer{position:relative;width:100%}.user-row{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;padding:0 14px;box-sizing:border-box;cursor:pointer}.user-row-call{margin-left:auto;background:#00000040;border:1px solid var(--chat-line);border-radius:50%;width:30px;height:30px;min-width:30px;font-size:14px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-row-call:hover{background:var(--chat-accent)}.user-row:hover{background:var(--chat-panel-2)}.user-row .name-line{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.user-row .you-tag{background:var(--chat-accent);color:#fff;font-size:9px;padding:1px 6px;border-radius:99px;font-weight:700}.user-row .detail-line{font-size:11px;color:var(--chat-muted)}.user-row .detail-line .homme{color:#60a5fa}.user-row .detail-line .femme{color:#f472b6}.user-row .detail-line .couple{color:#facc15}.chat-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;font-size:14px;flex-shrink:0;position:relative}.chat-avatar.online:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--chat-online);border:2px solid var(--chat-panel)}@media(max-width:900px){.chat-root{grid-template-columns:1fr;grid-template-rows:56px 1fr}.chat-main{padding-bottom:56px}.chat-sidebar,.chat-userlist{position:fixed;inset:56px 0;z-index:5;display:none}.chat-root.view-rooms .chat-sidebar,.chat-root.view-online .chat-userlist,.chat-root.view-chat .chat-main,.chat-root.view-messages .chat-main{display:flex}.chat-main{display:none}.chat-root.view-chat .chat-main{display:flex}.chat-mobile-nav{position:fixed;left:0;right:0;bottom:0;height:56px;z-index:10;display:flex;border-top:1px solid var(--chat-line);background:var(--chat-panel)}.chat-mobile-nav button{flex:1;background:none;border:0;color:var(--chat-muted);font-size:11px;padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:2px}.chat-mobile-nav button.active{color:var(--chat-accent-2)}}@media(min-width:901px){.chat-mobile-nav{display:none}}
#rtc-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#05030899;backdrop-filter:blur(6px)}
#rtc-overlay[hidden]{display:none}
#rtc-videos{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:90vw;position:relative}
#rtc-remote-video{width:min(70vw,560px);border-radius:16px;background:#000}
#rtc-local-video{width:140px;border-radius:12px;background:#000;position:fixed;right:24px;bottom:100px}
#rtc-status{color:#fff;font-size:14px}
#rtc-overlay button{border:0;border-radius:99px;font-weight:700;cursor:pointer}
#rtc-hangup{background:#ef4444;color:#fff;padding:10px 22px}
#rtc-incoming{background:var(--chat-panel-2);border:1px solid var(--chat-accent);border-radius:16px;padding:20px;color:#fff;text-align:center}
#rtc-incoming[hidden]{display:none}
#rtc-incoming-text{margin-bottom:12px}
#rtc-accept{background:var(--chat-online);color:#fff;padding:8px 18px;margin-right:8px}
#rtc-decline{background:#ef4444;color:#fff;padding:8px 18px}
.room-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:14px 20px 0}
.room-video-grid:empty{display:none;padding:0}
.room-video-tile{position:relative;aspect-ratio:4/3;background:#000;border-radius:12px;overflow:hidden}
.room-video-tile video{width:100%;height:100%;object-fit:cover;display:block}
.room-video-name{position:absolute;left:8px;bottom:8px;background:#00000080;color:#fff;font-size:11px;padding:2px 8px;border-radius:99px}
.room-cam-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;background:linear-gradient(120deg,var(--chat-accent),#ff4f87);border:0;color:#fff;padding:8px 14px;border-radius:99px;font-size:12px;font-weight:700;cursor:pointer}
.room-cam-toggle.active{background:#ef4444}
.icon-svg{width:1em;height:1em;flex-shrink:0}
.composer-send{width:44px;height:44px;min-width:44px;padding:0;font-size:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chat-mobile-nav .icon-svg{width:20px;height:20px}
.room-cam-toggle .icon-svg,.call-btn .icon-svg,.chat-main-header .call-btn .icon-svg{width:15px;height:15px}
.chat-empty .icon svg{width:34px;height:34px}