/* ---- original inline <style> block 1 (attrs: none) ---- */
html{font-size:clamp(13px,3.84vw,16px)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button{outline:0;-webkit-tap-highlight-color:transparent}[role=button]:focus,a:focus,button:focus{outline:0}a:focus,a:focus-visible,div:focus,div:focus-visible{outline:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}@font-face{font-display:swap}:root{--avatar-size:clamp(28px,8vw,34px);--avatar-size-lg:clamp(32px,9vw,38px);--header-h:clamp(46px,12vw,56px);--header-h-sm:clamp(42px,11vw,52px);--btn-size:clamp(34px,9vw,40px);--btn-size-lg:clamp(36px,9.5vw,42px);--bg:#0f0a14;--bg2:#160d1e;--surface:#1e1228;--card:#231430;--rose:#ff6b9d;--rose2:#ff3d7a;--lavender:#c084fc;--gold:#fbbf24;--teal:#2dd4bf;--text:#f0e8f4;--text2:#c4a8d8;--muted:#8c6aa0;--border:#3d2448;--online:#4ade80;--warn:#fb923c;--danger:#f43f5e;--rnd-bg:#000000;--rnd-header-bg:rgba(0,0,0,.97);--rnd-surface:#0a0a14;--rnd-card:#0d0d1a;--rnd-border:rgba(59,130,246,.15);--rnd-text:rgba(255,255,255,.92);--rnd-text2:rgba(255,255,255,.65);--rnd-muted:rgba(255,255,255,.38);--rnd-bubble-them:#0d0d1a;--rnd-bubble-them-border:rgba(59,130,246,.2);--rnd-input-bg:rgba(255,255,255,.06);--rnd-input-border:rgba(59,130,246,.25);--rnd-bar-bg:rgba(0,0,0,.97);--rnd-sys-bg:rgba(59,130,246,.06);--rnd-sys-border:rgba(59,130,246,.12);--rnd-sys-text:rgba(147,197,253,.7);--rnd-scroll-thumb:rgba(59,130,246,.25)}.mobile-only-ad{display:none}@media(max-width:640px){.mobile-only-ad{display:block}}.emoji-fix,.rnd-attach-btn,#rndAttachMenu,#rndAttachMenu *,#attachMenu,#attachMenu *,#rndEmojiPicker,#rndEmojiPicker *,.attach-btn{font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',sans-serif}
body{font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center}body.on-landing{overflow-y:auto;align-items:center;flex-direction:column;justify-content:flex-start}body.join-active{overflow:hidden!important}body.join-active #joinScreen{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important}.hearts-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.heart-particle{position:absolute;font-size:1rem;opacity:0;animation:linear infinite floatHeart}@keyframes floatHeart{0%{transform:translateY(100vh) scale(0) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.2}100%{transform:translateY(-100px) scale(1) rotate(20deg);opacity:0}}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes msgSlideIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,107,157,.3)}50%{box-shadow:0 0 0 8px rgba(255,107,157,0)}}@keyframes typing{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}#agreementOverlay{position:fixed;inset:0;z-index:999;background:rgba(15,10,20,.98);display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.agr-box{background:var(--card);border:1px solid rgba(192,132,252,.3);border-radius:20px;max-width:540px;width:100%;padding:28px;position:relative;animation:.5s fadeUp;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,.6)}.agr-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rose),var(--lavender),var(--rose2));border-radius:20px 20px 0 0}.agr-logo{text-align:center;margin-bottom:18px}.agr-logo .logo-text{font-family:'Playfair Display',serif;font-size:2.2rem;font-style:italic;background:linear-gradient(135deg,var(--rose),var(--lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.agr-logo p{font-size:.72rem;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-top:3px}.agr-scroll{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:10px;padding:14px;overflow-y:auto;flex:1;font-size:.8rem;line-height:1.7;color:var(--text2);margin-bottom:14px}.agr-scroll::-webkit-scrollbar{width:3px}.agr-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.agr-scroll h3{color:var(--rose);font-size:.75rem;margin:12px 0 5px;letter-spacing:1px;text-transform:uppercase}.agr-scroll h3:first-child{margin-top:0}.agr-scroll ul{padding-left:14px}.agr-scroll li{margin-bottom:3px}.agr-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;cursor:pointer;font-size:.8rem;color:var(--text2)}.agr-check input{width:16px;height:16px;margin-top:2px;accent-color:var(--rose);cursor:pointer;flex-shrink:0}.agr-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--rose),var(--lavender));border:none;border-radius:12px;color:#fff;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;opacity:.35;pointer-events:none}.agr-btn.active{opacity:1;pointer-events:auto}.agr-btn.active:hover{transform:translateY(-2px)}#landingScreen{position:relative;z-index:10;width:100%;animation:.6s forwards fadeUp;display:block;contain:layout style}.land-welcome-bar{background:rgba(192,132,252,.08);border:1px solid rgba(192,132,252,.2);border-radius:14px;padding:10px 14px;margin-bottom:14px;display:none;align-items:center;gap:10px;justify-content:space-between}.land-welcome-bar.show{display:flex}.land-welcome-name{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--lavender);font-weight:600}.land-welcome-sub{font-size:.62rem;color:var(--muted);margin-top:1px}.land-change-btn{font-family:'DM Mono',monospace;font-size:.55rem;color:var(--muted);background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:3px 9px;cursor:pointer;white-space:nowrap;transition:.2s;flex-shrink:0}.land-change-btn:hover{border-color:rgba(192,132,252,.4);color:var(--lavender)}#settingsPanel{position:fixed;inset:0;z-index:200;display:none;align-items:flex-end;justify-content:center}#settingsPanel.show{display:flex}.settings-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.settings-sheet{position:relative;width:100%;max-width:480px;max-height:88vh;max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(18,10,28,.97);border-top:1px solid rgba(192,132,252,.2);border-radius:24px 24px 0 0;padding:24px 20px 40px;z-index:1;animation:.25s slideUp;box-sizing:border-box}.settings-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--text2);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-tap-highlight-color:transparent}.settings-close-btn:hover{background:rgba(255,255,255,.14);color:var(--text)}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.settings-handle{width:40px;height:4px;background:rgba(192,132,252,.3);border-radius:2px;margin:0 auto 20px}.settings-title{font-family:'Playfair Display',serif;font-style:italic;font-size:1.1rem;background:linear-gradient(135deg,var(--rose),var(--lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:18px}.settings-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 16px;margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-label{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}.settings-value{font-size:.85rem;color:var(--text);font-weight:600}.settings-sub{font-size:.65rem;color:var(--muted);margin-top:2px}.settings-btn{font-family:'DM Mono',monospace;font-size:.58rem;padding:6px 14px;border-radius:100px;cursor:pointer;transition:.2s;white-space:nowrap;border:1px solid}.settings-btn.purple{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.3);color:#c084fc}.settings-btn.purple:hover{background:rgba(168,85,247,.22)}.settings-btn.gold{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3);color:var(--gold)}.settings-btn.gold:hover{background:rgba(251,191,36,.2)}.settings-btn.red{background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.2);color:var(--danger)}.settings-btn.red:hover{background:rgba(244,63,94,.18)}.settings-btn.gray{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--text2)}.settings-btn.gray:hover{background:rgba(255,255,255,.12)}.settings-premium-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(244,114,182,.1));border:1px solid rgba(251,191,36,.4);border-radius:100px;padding:4px 10px;font-family:'DM Mono',monospace;font-size:.58rem;color:var(--gold)}.settings-divider{height:1px;background:rgba(255,255,255,.06);margin:6px 0}.land-logo{text-align:center;margin-bottom:14px;padding-top:8px}.land-logo .logo-text{font-family:'Playfair Display',serif;font-style:italic;font-size:3.2rem;letter-spacing:-1px;background:linear-gradient(135deg,var(--rose),var(--lavender),var(--rose2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;filter:drop-shadow(0 0 20px rgba(192,132,252,.3))}.land-logo p{font-size:.68rem;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-top:2px}.land-live-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.2);border-radius:100px;padding:6px 16px;font-size:.75rem;color:#4ade80;font-family:'DM Mono',monospace;letter-spacing:.5px;margin:0 auto 20px;cursor:default;animation:2s ease-in-out infinite pulse-green}@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.15)}50%{box-shadow:0 0 0 6px rgba(74,222,128,0)}}.land-live-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.land-preview{background:var(--card);border:1px solid rgba(192,132,252,.15);border-radius:16px;padding:12px 14px;margin-bottom:18px;position:relative;overflow:hidden}.land-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0,rgba(15,10,20,.92) 70%);pointer-events:none}.land-preview-msg{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;opacity:.7}.land-preview-msg:last-child{margin-bottom:0}.land-prev-av{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}.land-prev-bubble{background:rgba(255,255,255,.06);border-radius:12px 12px 12px 3px;padding:7px 10px;font-size:.78rem;color:var(--text2);line-height:1.4;max-width:85%}.land-preview-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:2;font-size:.65rem;color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-family:'DM Mono',monospace}.land-mode-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}.land-mode-card{background:var(--card);border:2px solid rgba(192,132,252,.15);border-radius:18px;padding:16px 18px;cursor:pointer;transition:.25s;position:relative;overflow:hidden;text-align:left;display:flex;align-items:center;gap:14px;outline:0;-webkit-tap-highlight-color:transparent}.land-mode-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .25s}.land-mode-card.global::before{background:linear-gradient(90deg,var(--rose),var(--lavender))}.land-mode-card.random::before{background:linear-gradient(90deg,var(--teal),#60a5fa)}.land-mode-card:hover{border-color:rgba(192,132,252,.4);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.4)}.land-mode-card:hover::before{opacity:1}.land-mode-card:active{transform:translateY(-1px)}.land-mode-icon{font-size:2.2rem;flex-shrink:0;display:block}.land-mode-title{font-family:'Playfair Display',serif;font-size:1.1rem;font-style:italic;margin-bottom:2px}.land-mode-card.global .land-mode-title{color:var(--rose)}.land-mode-card.random .land-mode-title{color:var(--teal)}.land-mode-desc{font-size:.68rem;color:var(--muted);line-height:1.5}.land-mode-tag{display:inline-block;margin-top:8px;font-family:'DM Mono',monospace;font-size:.52rem;letter-spacing:1px;padding:3px 10px;border-radius:100px}.land-mode-card.global .land-mode-tag{background:rgba(255,107,157,.1);color:var(--rose);border:1px solid rgba(255,107,157,.2)}.land-mode-card.random .land-mode-tag{background:rgba(45,212,191,.1);color:var(--teal);border:1px solid rgba(45,212,191,.2)}.land-trust{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.land-trust-item{font-size:.65rem;color:var(--muted);display:flex;align-items:center;gap:4px}.name-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.name-chip{background:rgba(192,132,252,.08);border:1px solid rgba(192,132,252,.2);border-radius:100px;padding:5px 12px;font-size:.72rem;color:var(--lavender);cursor:pointer;transition:.2s;font-family:'DM Mono',monospace;white-space:nowrap}.name-chip:hover{background:rgba(192,132,252,.18);border-color:rgba(192,132,252,.4);transform:translateY(-1px)}.name-chip-label{font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}#rndEndScreen{flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 24px;flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.rnd-end-icon{font-size:3rem;animation:.5s cubic-bezier(.34,1.56,.64,1) endIconIn}@keyframes endIconIn{from{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.rnd-end-title{font-weight:700;font-size:1.35rem;color:var(--rnd-text)}.rnd-end-sub{font-size:.82rem;color:var(--rnd-muted);line-height:1.6;max-width:260px}.rnd-end-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:8px}.rnd-end-btn-next{padding:14px;background:linear-gradient(135deg,#0d9488,#4338ca);border:none;border-radius:14px;color:#fff;font-family:'DM Sans',sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 4px 16px rgba(13,148,136,.2)}.rnd-end-btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,148,136,.3)}.rnd-end-btn-share{padding:13px;background:rgba(99,102,241,.08);border:1.5px solid rgba(99,102,241,.18);border-radius:14px;color:#6366f1;font-family:'DM Sans',sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:.2s}.rnd-end-btn-share:hover{background:rgba(99,102,241,.15)}.rnd-end-btn-leave{padding:11px;background:0 0;border:1px solid var(--rnd-border);border-radius:14px;color:var(--rnd-muted);font-family:'DM Sans',sans-serif;font-size:.82rem;cursor:pointer;transition:.2s}.rnd-end-btn-leave:hover{border-color:rgba(239,68,68,.3);color:#dc2626}.rnd-end-stats{background:var(--rnd-sys-bg);border:1px solid var(--rnd-border);border-radius:12px;padding:10px 18px;font-family:'DM Mono',monospace;font-size:.7rem;color:var(--rnd-text2);display:flex;gap:20px}#videoScreen{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:#000;flex-direction:column;height:100vh;height:100dvh}.vid-header{flex-shrink:0;background:rgba(0,0,0,.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(124,58,237,.2);padding:8px 14px;display:flex;align-items:center;justify-content:space-between;z-index:4}.vid-brand{font-family:'Playfair Display',serif;font-style:italic;font-size:1.2rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vid-status-pill{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:1px;padding:3px 10px;border-radius:100px;transition:.3s}.vid-status-pill.searching{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);color:var(--gold)}.vid-status-pill.connected{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);color:#a855f7}.vid-status-pill.disconnected{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.25);color:var(--danger)}#vidVideos{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}#vidStrangerHalf{flex:1;position:relative;background:#111;overflow:hidden;min-height:0}#vidStranger{width:100%;height:100%;display:block;background:#111;object-fit:cover}#vidStrangerPlaceholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#111;z-index:2}.vid-spinner{width:44px;height:44px;border:3px solid rgba(168,85,247,.15);border-top-color:#a855f7;border-radius:50%;animation:1s linear infinite spin}.vid-wait-text{font-family:'DM Mono',monospace;font-size:.72rem;color:#a855f7;letter-spacing:2px;animation:2s infinite pulse}.vid-wait-sub{font-size:.68rem;color:var(--muted);text-align:center;line-height:1.7;max-width:220px}#vidWaitActions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px;width:100%;max-width:230px}#vidTapUnmute{display:none;position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:15;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:6px 14px;cursor:pointer;align-items:center;gap:6px;white-space:nowrap}.vid-bubble-card{display:flex;align-items:center;gap:6px;backdrop-filter:blur(8px)}.vid-card-avatar{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.vid-card-info{display:flex;flex-direction:column;gap:1px}#vidSelfHalf{flex:1;position:relative;background:#0d0d0d;overflow:hidden;min-height:0;border-top:2px solid rgba(168,85,247,.25)}#vidSelfVideo{width:100%;height:100%;display:block;object-fit:cover;transform:scaleX(-1)}#vidSelfOff{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:3rem;background:#1a0f2e}#vidYouLabel{position:absolute;top:8px;left:10px;z-index:5;font-family:'DM Mono',monospace;font-size:.5rem;letter-spacing:1px;background:rgba(168,85,247,.18);border:1px solid rgba(168,85,247,.3);color:#a855f7;padding:2px 8px;border-radius:100px;pointer-events:none}.vid-card-you-tag,.vid-self,.vid-stranger-name,.vid-user-bubble{display:none!important}.vid-btn.skip{color:var(--gold)}@media(max-width:400px){.vid-btn{width:40px;height:40px;font-size:.95rem}.vid-btn.skip{font-size:.55rem;padding:0 10px;height:38px}#vidControlsBar{gap:5px;padding:8px 6px max(10px,env(safe-area-inset-bottom))}}.vid-user-bubble{display:none!important}#vidControlsBar{flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;width:100%;background:#000;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box;z-index:5}.vid-btn{width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:.2s;flex-shrink:0}.vid-btn.mic{background:rgba(255,255,255,.12);color:#fff}.vid-btn.mic.off{background:rgba(244,63,94,.2);color:var(--danger);border:1px solid rgba(244,63,94,.4)}.vid-btn.cam{background:rgba(255,255,255,.12);color:#fff}.vid-btn.cam.off{background:rgba(244,63,94,.2);color:var(--danger);border:1px solid rgba(244,63,94,.4)}.vid-btn.flip{background:rgba(255,255,255,.12);color:#fff}.vid-btn.flip.spinning{animation:.4s flipSpin}@keyframes flipSpin{0%{transform:rotate(0) scale(.9)}100%{transform:rotate(180deg) scale(1)}}.vid-btn.leave{background:rgba(244,63,94,.15);color:var(--danger);border:1px solid rgba(244,63,94,.3)}.vid-btn.skip{background:rgba(251,191,36,.12);color:var(--gold);border:1px solid rgba(251,191,36,.25);font-size:.6rem;font-family:'DM Mono',monospace;letter-spacing:.3px;width:auto;padding:0 12px;border-radius:100px;height:44px;white-space:nowrap}.vid-btn:hover{transform:scale(1.08)}.vid-btn:active{transform:scale(.95)}@media(max-width:400px){.vid-btn{width:40px;height:40px;font-size:.95rem}.vid-btn.skip{font-size:.55rem;padding:0 9px;height:38px}#vidControlsBar{gap:5px;padding:8px 6px;padding-bottom:max(10px,env(safe-area-inset-bottom))}}.vid-no-cam-overlay{position:absolute;inset:0;background:#0d0d0d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;z-index:2}.vid-avatar-big{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.vid-stranger-bubble{position:absolute;top:12px;left:12px;display:none;z-index:6;pointer-events:auto}.vid-stranger-bubble.show{display:block}.vid-user-bubble{position:absolute;bottom:82px;right:12px;z-index:6;pointer-events:auto}.vid-user-bubble.show{display:block}.vid-bubble-card{background:rgba(0,0,0,.62);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 10px;display:flex;align-items:center;gap:8px;max-width:180px}.vid-card{background:rgba(0,0,0,.6);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 10px;display:flex;align-items:center;gap:8px;max-width:48%;pointer-events:auto}.vid-card-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;border:2px solid rgba(168,85,247,.4)}.vid-card-avatar.premium-glow{border-color:rgba(251,191,36,.6)}.vid-card-avatar svg{width:100%;height:100%;display:block}.vid-card-info{min-width:0;flex:1}.vid-card-name{font-family:'DM Sans',sans-serif;font-size:.68rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.vid-card-name.premium-name-text{color:#fff}.vid-card-meta{font-size:.58rem;color:rgba(255,255,255,.5);font-family:'DM Mono',monospace;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vid-card-crown{display:none}.vid-card-you-tag{font-size:.45rem;font-family:'DM Mono',monospace;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.4);color:#a855f7;padding:1px 5px;border-radius:100px;letter-spacing:.5px;flex-shrink:0}.land-mode-card.video{background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(236,72,153,.06));border-color:rgba(168,85,247,.2)}.land-games-card{background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(239,68,68,.06));border:1px solid rgba(251,191,36,.2);border-radius:16px;padding:16px 18px;display:flex;align-items:center;gap:14px;transition:.2s}.land-games-title{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1rem;color:#f0e8f4}.land-games-sub{font-size:.7rem;color:rgba(255,255,255,.45)}.extra-card{border-radius:16px;padding:16px 18px;display:flex;align-items:center;gap:14px;transition:.2s}.conf-card{background:linear-gradient(135deg,rgba(244,63,94,.1),rgba(168,85,247,.08));border:1px solid rgba(244,63,94,.25)}.rooms-card{background:linear-gradient(135deg,rgba(45,212,191,.08),rgba(124,58,237,.07));border:1px solid rgba(45,212,191,.22)}.extra-card-title{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1rem;color:#f0e8f4}.extra-card-sub{font-size:.7rem;color:rgba(255,255,255,.45)}.extra-card-arrow{font-size:1.2rem}.land-mode-card.video::before{background:linear-gradient(90deg,#a855f7,#ec4899)}.land-mode-card.video .land-mode-title{color:#a855f7}.land-mode-card.video .land-mode-tag{background:rgba(168,85,247,.1);color:#a855f7;border:1px solid rgba(168,85,247,.25)}.land-video-card{margin-top:0;width:100%}@media(max-width:768px){#aicpModal,#announceModal,#banBanner,#donateOverlay,#donationCelebModal,#donationClaimModal,#imgModal .close-modal,#pmModal,#premiumPopup,#site-footer,#vibeOverlay,#warnToast,.chat-header,.input-area,.premium-badge,.random-header,.vid-header,.vid-stranger-name{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.chat-header{background:rgba(20,12,30,.97)!important}.input-area{background:rgba(20,12,30,.99)!important}.random-header{background:rgba(20,12,30,.97)!important}#site-footer{background:rgba(10,7,15,.95)!important}.land-live-dot,.land-live-pill,.msg-avatar.premium,.msg-wrap,.online-dot,.premium-badge,.premium-badge-star,.premium-username,.vibe-card{animation:none!important}.msgs{contain:layout style;transform:translateZ(0)}.chat-header,.input-area,.random-header{box-shadow:none!important}}@media(max-width:500px){.vid-self{width:80px;height:112px;top:56px;right:10px}.vid-btn{width:46px;height:46px;font-size:1rem}.vid-controls{padding:10px 8px;padding-bottom:max(20px,env(safe-area-inset-bottom));gap:6px}}#joinScreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;display:none;background:var(--bg);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;flex-direction:column;align-items:center;padding:0 16px;padding-bottom:max(100px,env(safe-area-inset-bottom));box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(192,132,252,.3) transparent}#joinScreen::-webkit-scrollbar{width:5px}#joinScreen::-webkit-scrollbar-thumb{background:rgba(192,132,252,.3);border-radius:3px}#joinScreen::-webkit-scrollbar-track{background:transparent}#joinScreen{padding:0 16px}
.join-inner{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0;margin-top:auto;margin-bottom:auto}
.join-inner>*{width:100%;max-width:420px}
@media(min-width:769px){
  body{background:var(--bg)}
  #joinScreen{padding:40px 24px;background:radial-gradient(ellipse 60% 50% at 50% 20%,rgba(255,107,157,.06),transparent 65%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(192,132,252,.05),transparent 60%),var(--bg)}
  .join-inner>*{max-width:440px}
  .join-top-bar{position:static;background:transparent;padding:0 0 20px;justify-content:center}
  .join-logo{margin-bottom:28px}
  .join-card{padding:36px 34px}
}.join-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 0 4px;position:sticky;top:0;z-index:2;background:var(--bg);flex-shrink:0}.join-mode-badge{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.5px;padding:5px 13px;border-radius:100px;background:rgba(192,132,252,.08);border:1px solid rgba(192,132,252,.2);color:var(--lavender)}.join-logo{text-align:center;margin-bottom:20px;padding-top:6px}.join-logo-row{display:inline-flex;align-items:center;gap:11px}.jl-badge{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 20px rgba(168,85,247,.45);padding:0;box-sizing:border-box;overflow:hidden}.jl-badge svg{width:100%;height:100%;display:block}.join-logo .logo-text{font-family:'DM Sans',sans-serif;font-weight:800;font-size:2.15rem;letter-spacing:-.8px;color:#f5eefb;display:inline-block;line-height:1}.join-logo .logo-text em{font-style:normal;background:linear-gradient(135deg,var(--rose),var(--lavender),var(--rose2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-logo p{font-size:.7rem;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-top:8px}.join-card{background:var(--card);border:1px solid rgba(192,132,252,.2);border-radius:20px;padding:28px;position:relative;overflow:visible;box-shadow:0 24px 60px rgba(0,0,0,.5)}.join-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--rose),var(--lavender),var(--rose2))}.jlabel{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--lavender);margin-bottom:7px;display:block;font-weight:600}.jinput{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:10px;padding:13px 15px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:max(16px,.95rem);outline:0;transition:border-color .2s;margin-bottom:22px}.jinput:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(255,107,157,.15)}.jinput::placeholder{color:var(--muted)}.cap-section{margin-bottom:22px}.cap-display{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:center;margin-bottom:9px;position:relative;overflow:hidden}.cap-code{font-family:'DM Mono',monospace;font-size:2.2rem;font-weight:500;letter-spacing:14px;background:linear-gradient(135deg,var(--rose),var(--lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:url(#captchaFilter);user-select:none}.cap-refresh{background:0 0;border:1px solid var(--border);color:var(--muted);font-family:'DM Mono',monospace;font-size:.65rem;padding:5px 12px;border-radius:6px;cursor:pointer;transition:.2s;display:block;margin:0 auto 13px}.cap-refresh:hover{border-color:var(--lavender);color:var(--lavender)}.digit-row{display:flex;gap:8px;justify-content:center}.dbox{width:50px;height:54px;background:rgba(0,0,0,.3);border:2px solid var(--border);border-radius:10px;text-align:center;font-family:'DM Mono',monospace;font-size:1.5rem;color:var(--text);outline:0;transition:border-color .2s,transform .1s;caret-color:var(--rose)}.dbox:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(255,107,157,.15);transform:scale(1.06)}.dbox.filled{border-color:var(--lavender);color:var(--lavender)}.dbox.error{border-color:var(--danger);animation:.4s shake}.err-msg{font-size:.68rem;color:var(--danger);text-align:center;margin-top:9px;min-height:16px;font-family:'DM Mono',monospace}.join-btn{width:100%;padding:14px;margin-top:4px;background:linear-gradient(135deg,var(--rose),var(--rose2));border:none;border-radius:12px;color:#fff;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s}.join-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,61,122,.4)}#chatScreen{display:none;position:fixed;inset:0;z-index:10;flex-direction:column;height:100vh;height:100dvh}.chat-header{background:rgba(20,10,32,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(192,132,252,.18);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px;box-shadow:0 1px 0 rgba(192,132,252,.1),0 4px 24px rgba(0,0,0,.4);min-height:var(--header-h);overflow:hidden}.header-left{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:1}.header-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.brand{font-family:'Playfair Display',serif;font-style:italic;font-size:1.25rem;background:linear-gradient(135deg,var(--rose),var(--lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex-shrink:0}.brand-logo{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0;-webkit-tap-highlight-color:transparent;cursor:default}.brand-badge{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 12px rgba(192,132,252,.4);padding:0;box-sizing:border-box;overflow:hidden}.brand-badge svg{width:100%;height:100%;display:block}.brand-word{font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.12rem;letter-spacing:-.4px;color:#f5eefb;line-height:1;white-space:nowrap;flex-shrink:0}.brand-word em{font-style:normal;background:linear-gradient(135deg,var(--rose),var(--lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-divider{width:1px;height:18px;background:rgba(192,132,252,.16);flex-shrink:0}.online-pill{display:flex;align-items:center;gap:4px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);border-radius:100px;padding:3px 8px;font-family:'DM Mono',monospace;font-size:.55rem;color:var(--online);letter-spacing:.5px;white-space:nowrap;flex-shrink:0;transition:.2s}.online-pill:hover{background:rgba(74,222,128,.16);border-color:rgba(74,222,128,.32)}.online-dot{width:6px;height:6px;background:var(--online);border-radius:50%;animation:2s infinite pulseGlow}.you-pill{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.5px;background:rgba(255,107,157,.1);border:1px solid rgba(255,107,157,.25);color:var(--rose);padding:4px 8px;border-radius:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;flex-shrink:0}.donate-btn-header{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);color:var(--gold);font-family:'DM Mono',monospace;font-size:.55rem;padding:4px 9px;border-radius:100px;cursor:pointer;letter-spacing:.5px;transition:.2s;white-space:nowrap;flex-shrink:0}.donate-btn-header:hover{background:rgba(251,191,36,.2)}.donate-btn-landing{background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(245,158,11,.08));border:1px solid rgba(251,191,36,.3);color:#fbbf24;font-family:'DM Mono',monospace;font-size:.6rem;padding:7px 14px;border-radius:100px;cursor:pointer;letter-spacing:.5px;transition:.25s;white-space:nowrap;font-weight:700;box-shadow:0 2px 10px rgba(251,191,36,.12)}.donate-btn-landing:hover{background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(245,158,11,.15));box-shadow:0 4px 18px rgba(251,191,36,.25);transform:translateY(-1px)}.leave-btn-header{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.2);color:var(--danger);font-family:'DM Mono',monospace;font-size:.55rem;padding:4px 9px;border-radius:100px;cursor:pointer;letter-spacing:.5px;transition:.2s;white-space:nowrap;flex-shrink:0}.leave-btn-header:hover{background:rgba(244,63,94,.18)}.theme-toggle-btn{width:30px;height:30px;border-radius:8px;background:rgba(192,132,252,.07);border:1px solid rgba(192,132,252,.2);color:var(--text2);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;padding:0}.theme-toggle-btn:hover{background:rgba(192,132,252,.15)}@media(max-width:360px){.brand{font-size:1.05rem}.brand-word{font-size:1rem}.brand-badge{width:25px;height:25px;border-radius:8px}.header-divider{display:none}.donate-btn-header{display:none}.leave-btn-header{font-size:.48rem;padding:3px 6px;letter-spacing:0}.you-pill{max-width:55px}}@media(max-width:500px){#chatScreen.panel-open .msgs{margin-right:0!important}.reaction-bar{gap:3px}.reaction-pill{padding:2px 6px;font-size:.72rem}.bubble-wrap{max-width:100%;flex-shrink:0}[style*="max-width:340px"],[style*="max-width:420px"]{max-width:92vw!important}.vibe-inner,[style*="border-radius:16px"]{border-radius:12px}.chat-header{padding:8px 10px;min-height:48px}.brand{font-size:1rem}.brand-word{font-size:1rem}.brand-badge{width:26px;height:26px;border-radius:8px}.header-left{gap:8px}.header-divider{display:none}.header-right{gap:4px}.donate-btn-header{font-size:.42rem;padding:3px 6px;letter-spacing:0}#chatScreen{height:100dvh}.msgs{padding:10px 8px;gap:5px}.msg-wrap{max-width:92%}.bubble{font-size:.88rem;padding:9px 12px}.msg-sender,.msg-time{font-size:.58rem}.input-area{padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.input-row{gap:6px}.msg-input{font-size:16px;padding:10px 12px;border-radius:10px}.attach-btn{width:38px;height:38px;font-size:1rem;border-radius:9px}.send-btn{height:38px;padding:0 12px;font-size:.82rem;border-radius:9px}.stats-card{margin:4px 0}.stats-inner{border-radius:14px}.stats-body{padding:10px 12px}.stats-label{font-size:.6rem}.stats-val{font-size:.85rem}.stats-top-item{padding:5px 8px}.ban-card{margin:4px 0}.ban-row{font-size:.78rem}#joinScreen{padding:16px 14px}.join-logo{margin-bottom:18px}.jinput{padding:11px 13px;font-size:.9rem}#landingScreen{padding:16px 14px}.land-mode-cards{gap:10px}.land-mode-card{padding:16px 10px}.agr-box{max-width:100%!important;border-radius:16px;margin:10px}.donate-box{max-width:100%!important;border-radius:18px}.online-panel{width:100vw!important;border-left:none;border-top:1px solid rgba(192,132,252,.12)}#typingBar{font-size:.65rem;padding:3px 10px}.reaction-picker{padding:10px;gap:6px}.emoji-opt{font-size:1.3rem;padding:4px}.img-bubble{max-width:min(220px,70vw)}.stats-share-btn{font-size:.72rem;padding:9px}#pinnedBar{font-size:.65rem;padding:5px 10px}}@media(max-width:360px){.brand{font-size:1rem}.bubble{font-size:.84rem}.msg-wrap{max-width:96%}.send-btn{padding:0 9px;font-size:.78rem}.attach-btn{width:34px;height:34px}}@media(max-height:500px) and (max-width:900px){.chat-header{min-height:40px;padding:5px 10px}.timer-bar{display:none}.input-area{padding:6px 10px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.msg-input{padding:8px 12px}.attach-btn,.send-btn{height:36px}}.timer-bar{background:rgba(192,132,252,.05);border-bottom:1px solid rgba(192,132,252,.1);padding:4px 12px;font-family:'DM Mono',monospace;font-size:.57rem;color:var(--muted);text-align:center;letter-spacing:1px;flex-shrink:0}.timer-bar span{color:var(--lavender)}#connStatus{display:none;background:rgba(244,63,94,.1);border-bottom:1px solid rgba(244,63,94,.2);padding:5px;font-family:'DM Mono',monospace;font-size:.6rem;color:var(--danger);text-align:center;letter-spacing:1px;flex-shrink:0}#connStatus.show{display:block}.ad-banner-top{width:100%;max-height:90px;overflow:hidden;background:rgba(0,0,0,.2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:50px}.ad-banner-bottom{width:100%;max-height:60px;overflow:hidden;background:rgba(0,0,0,.15);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ad-label{font-family:'DM Mono',monospace;font-size:.5rem;color:var(--muted);letter-spacing:1px;text-align:center;padding:2px 0;flex-shrink:0}.ad-inline{align-self:center;width:min(400px,100%);background:rgba(0,0,0,.15);border:1px dashed rgba(192,132,252,.15);border-radius:12px;overflow:hidden;margin:4px 0;min-height:60px;display:flex;align-items:center;justify-content:center}#site-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:6px 0;background:rgba(15,10,20,.9);backdrop-filter:blur(12px);border-top:1px solid rgba(192,132,252,.1);z-index:5;pointer-events:none}#site-footer a,#site-footer span{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.5px;color:rgba(255,255,255,.38);text-decoration:none;margin:0 6px;pointer-events:all}#site-footer a:hover{color:rgba(192,132,252,.75)}#site-footer span{pointer-events:none;color:rgba(255,255,255,.22)}body:not(.on-landing) #site-footer{display:none}body.join-active #site-footer{display:none!important}body.on-landing #site-footer{position:relative;background:0 0;border-top:1px solid rgba(192,132,252,.1);padding:12px 0;backdrop-filter:none;width:100%;text-align:center;display:block}body.on-landing #site-footer a,body.on-landing #site-footer span{color:rgba(255,255,255,.32)}body.on-landing #site-footer a:hover{color:rgba(192,132,252,.75)}.msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.msgs::-webkit-scrollbar{width:3px}.msgs::-webkit-scrollbar-thumb{background:rgba(192,132,252,.2);border-radius:2px}.msg-wrap{display:flex;align-items:flex-end;gap:8px;max-width:78%;animation:.25s msgSlideIn}.msg-wrap.me{align-self:flex-end;flex-direction:row-reverse}.msg-wrap.them{align-self:flex-start}.msg-wrap.system-wrap{align-self:center;max-width:100%}.msg-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center}.msg-group{display:flex;flex-direction:column;gap:2px;min-width:0}.msg-wrap.me .msg-group{align-items:flex-end}.msg-wrap.them .msg-group{align-items:flex-start}.msg-sender{font-size:.6rem;color:var(--muted);font-family:'DM Mono',monospace;letter-spacing:.5px;margin-bottom:2px;padding:0 10px}.msg-wrap.me .msg-sender{color:rgba(255,107,157,.6)}.bubble{padding:10px 14px;border-radius:18px;font-size:.9rem;line-height:1.55;overflow-wrap:break-word;word-break:normal;max-width:100%;flex-shrink:0;user-select:text;-webkit-user-select:text}.msg-wrap.me .bubble{background:linear-gradient(135deg,#7c3aed,#be185d);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 20px rgba(124,58,237,.3)}.msg-wrap.them .bubble{background:var(--card);color:var(--text);border:1px solid rgba(192,132,252,.1);border-bottom-left-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.msg-time{font-family:'DM Mono',monospace;font-size:.55rem;color:var(--muted);padding:0 4px;margin-top:2px}.sys-bubble{align-self:center;font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted);letter-spacing:1px;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:100px;padding:4px 14px;display:flex;align-items:center;gap:6px;margin:4px 0;user-select:text;-webkit-user-select:text;flex-wrap:wrap}.msg-avatar.girl-bot{background:0 0!important;padding:0;overflow:hidden}.msg-avatar.girl-bot img{width:100%;height:100%;object-fit:cover;border-radius:50%}.reaction-bar{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.reaction-pill{display:flex;align-items:center;gap:3px;background:rgba(192,132,252,.08);border:1px solid rgba(192,132,252,.2);border-radius:100px;padding:2px 8px;font-size:.78rem;cursor:pointer;transition:.15s;user-select:none}.reaction-pill.mine,.reaction-pill:hover{background:rgba(192,132,252,.2);border-color:rgba(192,132,252,.5)}.reaction-pill .rc{font-size:.8rem}.reaction-pill .rn{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--muted)}.reaction-picker{display:none;position:absolute;top:50%;left:100%;bottom:auto;margin-left:8px;transform:translateY(-50%);background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px;gap:4px;flex-wrap:wrap;width:112px;max-width:calc(100vw - 32px);z-index:50;box-shadow:0 8px 32px rgba(0,0,0,.4);animation:.15s reactionPickerInRight}.reaction-picker.reaction-picker-left{left:auto;right:100%;margin-left:0;margin-right:8px;animation:.15s reactionPickerInLeft}@keyframes reactionPickerInRight{from{opacity:0;transform:translateY(-50%) translateX(-6px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes reactionPickerInLeft{from{opacity:0;transform:translateY(-50%) translateX(6px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.reaction-picker.show{display:flex}.reaction-picker span{font-size:1.2rem;cursor:pointer;padding:4px;border-radius:8px;transition:transform .1s}.reaction-picker span:hover{transform:scale(1.3)}.bubble-wrap{position:relative}.online-panel{position:fixed;right:0;top:0;bottom:0;width:200px;background:rgba(20,12,30,.97);border-left:1px solid rgba(192,132,252,.12);z-index:9;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s}.online-panel.open{transform:translateX(0)}.online-panel-head{padding:14px 12px 10px;font-family:'DM Mono',monospace;font-size:.58rem;color:var(--muted);letter-spacing:1px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.online-panel-close{background:0 0;border:none;color:var(--muted);cursor:pointer;font-size:.9rem}.online-panel-list{flex:1;overflow-y:auto;padding:8px}.online-user-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;cursor:pointer;transition:background .15s}.online-user-item:hover{background:rgba(192,132,252,.08)}.ou-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.ou-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ou-name{font-size:.8rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ou-you{font-family:'DM Mono',monospace;font-size:.48rem;color:var(--rose);margin-top:1px}.online-btn{background:0 0;border:none;cursor:pointer;font-size:.9rem;padding:4px 6px;border-radius:8px;color:var(--muted);transition:.2s}.online-btn:hover{background:rgba(192,132,252,.1);color:var(--lavender)}#chatScreen.panel-open .msgs{margin-right:200px}.vibe-card{align-self:stretch;margin:8px 0;animation:.3s msgSlideIn}.vibe-inner{background:linear-gradient(135deg,rgba(244,114,182,.08),rgba(192,132,252,.06));border:1px solid rgba(244,114,182,.25);border-radius:16px;padding:16px}.vibe-header{font-family:'DM Mono',monospace;font-size:.58rem;color:#f472b6;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.vibe-emoji{font-size:2rem;text-align:center;margin:8px 0}.vibe-title{font-size:1rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:4px}.vibe-desc{font-size:.82rem;color:var(--text2);text-align:center;line-height:1.5}.vibe-btn{display:block;margin:12px auto 0;padding:7px 20px;background:linear-gradient(135deg,#f472b6,#c084fc);border:none;border-radius:100px;color:#fff;font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:1px;cursor:pointer;transition:opacity .2s}.vibe-btn:hover{opacity:.85}.shreya-mood{font-family:'DM Mono',monospace;font-size:.5rem;color:var(--muted);margin-top:1px}.gender-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:.2s;user-select:none}.gender-btn.active{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.5);box-shadow:0 0 20px rgba(124,58,237,.15)}.gender-btn:hover{background:rgba(255,255,255,.07)}.msg-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;color:#fff;overflow:hidden}.msg-avatar svg{width:100%;height:100%}.dclaim-method-btn{padding:8px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text2);font-family:'DM Mono',monospace;font-size:.65rem;cursor:pointer;transition:.2s}.dclaim-method-btn.active{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.5);color:var(--gold)}.prem-tab{flex:1;padding:7px 4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--muted);font-family:'DM Mono',monospace;font-size:.6rem;cursor:pointer;transition:.2s}.prem-tab.active{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.4);color:var(--gold)}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes premiumPulse{0%,100%{box-shadow:0 0 8px 3px rgba(251,191,36,.5),0 0 20px 6px rgba(251,191,36,.2),0 0 40px 10px rgba(244,114,182,.1)}50%{box-shadow:0 0 16px 7px rgba(251,191,36,.85),0 0 36px 14px rgba(251,191,36,.4),0 0 64px 20px rgba(244,114,182,.25)}}@keyframes premiumShimmer{0%{background-position:0 50%}100%{background-position:300% 50%}}@keyframes crownFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-8deg) scale(1);filter:drop-shadow(0 0 4px #fbbf24)}50%{transform:translateX(-50%) translateY(-4px) rotate(8deg) scale(1.2);filter:drop-shadow(0 0 12px #fbbf24) drop-shadow(0 0 24px #f472b6)}}@keyframes badgeGlow{0%,100%{box-shadow:0 0 6px rgba(251,191,36,.4),inset 0 0 6px rgba(251,191,36,.1)}50%{box-shadow:0 0 16px rgba(251,191,36,.9),0 0 32px rgba(244,114,182,.5),inset 0 0 12px rgba(251,191,36,.25)}}@keyframes starSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.4)}100%{transform:rotate(360deg) scale(1)}}.msg-sender.premium-name{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}.premium-username{color:inherit;font-weight:600;font-size:.82rem;letter-spacing:.3px}.premium-badge{display:inline-flex;align-items:center;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.45);border-radius:100px;padding:2px 10px;font-family:'DM Sans',sans-serif;font-size:.62rem;font-weight:700;color:#fbbf24;letter-spacing:.3px;white-space:nowrap}.premium-badge-star{display:none}.pw-tick{display:none;align-items:center;justify-content:center;width:15px;height:15px;margin-left:3px;vertical-align:middle;cursor:pointer;flex-shrink:0}.pw-tick.active{display:inline-flex}.pw-tick svg{width:100%;height:100%;display:block}.pw-tick-popup{z-index:9999;max-width:230px;background:rgba(15,10,20,.98);border:1px solid rgba(59,130,246,.4);border-radius:12px;padding:10px 12px;font-family:'DM Sans',sans-serif;font-size:.72rem;line-height:1.5;color:var(--text,#f0e8f4);box-shadow:0 8px 28px rgba(0,0,0,.5);animation:.15s fadeUp}.pw-tick-popup b{color:#3b82f6;display:block;margin-bottom:3px;font-size:.74rem}.rnd-flag-btn{display:inline-flex;align-items:center;justify-content:center;font-size:1.05em;line-height:1;padding:2px 7px;margin:0 2px;border-radius:100px;background:rgba(20,184,166,.16);border:1px solid rgba(20,184,166,.35);cursor:pointer;vertical-align:middle;transition:.15s}.rnd-flag-btn:hover,.rnd-flag-btn:active{background:rgba(20,184,166,.28);border-color:rgba(20,184,166,.55);transform:scale(1.08)}.rnd-flag-popup{z-index:9999;max-width:200px;background:rgba(15,10,20,.98);border:1px solid rgba(20,184,166,.4);border-radius:12px;padding:8px 14px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:.78rem;color:#fff;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.5);animation:.15s fadeUp}.msg-wrap.them .bubble.premium-bubble{border:1px solid rgba(251,191,36,.18)}.msg-wrap.me .bubble.premium-bubble{}.donation-card{margin:10px auto;max-width:420px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(244,114,182,.06));border:1px solid rgba(251,191,36,.25);animation:.4s fadeUp}.donation-card-inner{padding:14px 16px}.donation-card-timer{font-family:'DM Mono',monospace;font-size:.52rem;color:var(--gold);letter-spacing:1px;text-align:center;padding:4px 0;border-top:1px solid rgba(251,191,36,.15);opacity:.7}.watchers-pill{display:inline-flex;align-items:center;gap:5px;font-family:'DM Mono',monospace;font-size:.55rem;color:var(--muted);letter-spacing:.5px;padding:2px 10px;background:rgba(192,132,252,.06);border:1px solid rgba(192,132,252,.12);border-radius:100px;animation:.3s fadeIn}.voice-bubble{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:18px;min-width:200px;max-width:260px;cursor:pointer}.msg-wrap.me .voice-bubble{background:linear-gradient(135deg,#7c3aed,#be185d);border-bottom-right-radius:4px}.msg-wrap.them .voice-bubble{background:var(--card);border:1px solid rgba(192,132,252,.15);border-bottom-left-radius:4px}.voice-play-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s}.voice-play-btn:hover{background:rgba(255,255,255,.35)}.voice-waveform{flex:1;height:24px;display:flex;align-items:center;gap:2px}.voice-waveform span{width:3px;border-radius:100px;background:rgba(255,255,255,.6);transition:height .1s}.voice-duration{font-family:'DM Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.7);flex-shrink:0}.voice-one-view{position:relative;filter:blur(0)}.stats-card{align-self:stretch;margin:10px 0;animation:.3s msgSlideIn}.stats-inner{background:linear-gradient(135deg,rgba(167,139,250,.08),rgba(192,132,252,.05));border:1px solid rgba(167,139,250,.25);border-radius:18px;overflow:hidden}.stats-head{background:rgba(167,139,250,.12);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(167,139,250,.15)}.stats-title{font-family:'DM Mono',monospace;font-size:.62rem;color:#a78bfa;letter-spacing:1px}.stats-time{font-family:'DM Mono',monospace;font-size:.52rem;color:var(--muted)}.stats-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.stats-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(167,139,250,.08)}.stats-row:last-child{border-bottom:none;padding-bottom:0}.stats-label{font-family:'DM Mono',monospace;font-size:.55rem;color:var(--muted);letter-spacing:1px}.stats-val{font-size:.85rem;font-weight:700;color:var(--text)}.stats-val.purple{color:#a78bfa}.stats-val.green{color:#4ade80}.stats-val.rose{color:#f472b6}.stats-val.red{color:#f43f5e}.stats-toplist{display:flex;flex-direction:column;gap:4px}.stats-top-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:rgba(167,139,250,.06);border-radius:8px}.stats-rank{font-family:'DM Mono',monospace;font-size:.52rem;color:var(--muted);width:16px}.stats-uname{font-size:.78rem;color:var(--text);flex:1;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-cnt{font-family:'DM Mono',monospace;font-size:.58rem;color:#a78bfa}.stats-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 16px 14px;padding:10px;background:linear-gradient(135deg,rgba(244,114,182,.15),rgba(167,139,250,.12));border:1px solid rgba(244,114,182,.3);border-radius:12px;cursor:pointer;font-family:'DM Mono',monospace;font-size:.62rem;color:#f472b6;letter-spacing:.5px;transition:.2s}.stats-share-btn:hover{background:linear-gradient(135deg,rgba(244,114,182,.25),rgba(167,139,250,.2))}.img-bubble{position:relative;border-radius:16px;overflow:hidden;max-width:220px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.3)}.img-bubble img{width:100%;display:block;border-radius:16px}.msg-wrap.me .img-bubble{border-bottom-right-radius:4px}.msg-wrap.them .img-bubble{border-bottom-left-radius:4px}.img-bubble.one-view img{filter:blur(16px);transform:scale(1.05)}.one-view-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(15,10,20,.5);gap:8px;border-radius:16px}.one-view-icon{font-size:2rem;line-height:1}.one-view-text{font-family:'DM Mono',monospace;font-size:.62rem;color:#fff;letter-spacing:1px;text-align:center;line-height:1.4}.one-view-badge{position:absolute;top:8px;right:8px;background:rgba(255,107,157,.9);color:#fff;font-family:'DM Mono',monospace;font-size:.52rem;padding:2px 7px;border-radius:100px;letter-spacing:1px}.viewed-pill{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);background:rgba(0,0,0,.2);border:1px dashed var(--border);border-radius:100px;padding:6px 14px;letter-spacing:1px}.ban-card{align-self:center;width:min(420px,92%);animation:.4s msgSlideIn;margin:6px 0}.ban-inner{background:linear-gradient(135deg,rgba(244,63,94,.08),rgba(244,63,94,.04));border:1px solid rgba(244,63,94,.4);border-radius:16px;overflow:hidden}.ban-head{background:rgba(244,63,94,.15);padding:10px 16px;display:flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;font-size:.65rem;color:var(--danger);letter-spacing:1px;border-bottom:1px solid rgba(244,63,94,.2)}.ban-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.ban-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid rgba(244,63,94,.1);font-size:.82rem}.ban-row:last-child{border-bottom:none;padding-bottom:0}.bl{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.bv{font-weight:600;color:var(--text);font-size:.8rem}.bv.red{color:var(--danger)}.bv.warn{color:var(--warn)}.bv.grn{color:var(--online)}.bv.acc{color:var(--lavender)}.ban-foot{padding:8px 16px;background:rgba(244,63,94,.05);font-family:'DM Mono',monospace;font-size:.56rem;color:var(--muted);text-align:center;border-top:1px solid rgba(244,63,94,.1)}.typing-bar{min-height:22px;padding:0 16px;font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted);letter-spacing:.5px;flex-shrink:0;display:flex;align-items:center;gap:8px}.typing-dots{display:flex;gap:3px}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--lavender);animation:1.2s infinite typing}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.input-area{background:rgba(30,18,40,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(192,132,252,.12);padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));flex-shrink:0;position:relative}.media-mode-bar{display:none;background:rgba(192,132,252,.08);border:1px solid rgba(192,132,252,.2);border-radius:10px;padding:8px 12px;margin-bottom:8px;align-items:center;justify-content:space-between;gap:10px}.media-mode-bar.show{display:flex}.media-preview{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.media-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0}.media-info{flex:1;min-width:0}.media-filename{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-size{font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted)}.media-mode-options{display:flex;align-items:center;gap:6px;flex-shrink:0}.mode-label{font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted)}.mode-toggle{display:flex;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:8px;overflow:hidden}.mode-btn{padding:5px 10px;border:none;background:0 0;cursor:pointer;font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted);transition:.2s}.mode-btn.active{background:linear-gradient(135deg,var(--rose),var(--lavender));color:#fff}.cancel-media{background:0 0;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:2px}.cancel-media:hover{color:var(--danger)}.input-row{display:flex;gap:8px;align-items:center;overflow:hidden}.msg-input{flex:1;min-width:0;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:12px;padding:11px 15px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:.9rem;outline:0;transition:border-color .2s}.msg-input:focus{border-color:rgba(255,107,157,.4);box-shadow:0 0 0 3px rgba(255,107,157,.08)}.msg-input::placeholder{color:var(--muted)}.msg-input:disabled{opacity:.4;cursor:not-allowed}.attach-btn{width:var(--btn-size);height:var(--btn-size);background:rgba(192,132,252,.1);border:1px solid rgba(192,132,252,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;flex-shrink:0;transition:.2s}.attach-btn:hover{background:rgba(192,132,252,.2);border-color:var(--lavender)}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn{height:var(--btn-size);padding:0 16px;background:linear-gradient(135deg,var(--rose),var(--rose2));border:none;border-radius:10px;color:#fff;font-family:'DM Sans',sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .15s,box-shadow .2s;white-space:nowrap;flex-shrink:0}.send-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,61,122,.4)}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}#banBanner{display:none;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.4);border-radius:14px;padding:12px 22px;z-index:100;font-family:'DM Mono',monospace;font-size:.68rem;color:var(--danger);text-align:center;letter-spacing:1px;max-width:92%;backdrop-filter:blur(10px)}#warnToast{display:none;position:fixed;top:72px;left:50%;transform:translateX(-50%) translateY(-6px);background:linear-gradient(135deg,rgba(244,63,94,.18),rgba(168,85,247,.14));border:1px solid rgba(244,63,94,.35);border-radius:16px;padding:10px 18px;z-index:200;font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:600;line-height:1.4;color:#fff;text-align:center;width:min(360px,90vw);box-sizing:border-box;white-space:normal;word-break:break-word;backdrop-filter:blur(16px);box-shadow:0 4px 24px rgba(244,63,94,.18),0 1px 0 rgba(255,255,255,.06) inset;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards warnSlideIn}@keyframes warnSlideIn{from{opacity:0;transform:translateX(-50%) translateY(-14px) scale(.92)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}#imgModal{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.95);align-items:center;justify-content:center;cursor:zoom-out;flex-direction:column;gap:12px}#imgModal img{max-width:92vw;max-height:85vh;border-radius:12px}#imgModal .close-modal{position:fixed;top:16px;right:16px;background:rgba(255,255,255,.1);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#donateOverlay{display:none;position:fixed;inset:0;z-index:400;background:rgba(15,10,20,.88);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:16px}.donate-box{background:var(--card);border:1px solid rgba(251,191,36,.2);border-radius:22px;max-width:460px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:.4s cubic-bezier(.34,1.56,.64,1) fadeUp;box-shadow:0 40px 100px rgba(0,0,0,.7);overflow:hidden}.donate-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--rose),var(--lavender),var(--teal),var(--gold));background-size:300% 100%;animation:4s linear infinite shimmer;z-index:1;pointer-events:none}.donate-head{padding:18px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.donate-title{font-family:'Playfair Display',serif;font-size:1.25rem;font-style:italic;color:var(--gold)}.donate-close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:.8rem;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donate-close:hover{background:rgba(255,255,255,.12);color:var(--text)}.donate-msg{padding:8px 18px 12px;font-size:.82rem;line-height:1.6;color:var(--text2);border-bottom:1px solid var(--border);flex-shrink:0}.donate-tabs{display:flex;padding:12px 18px 0;gap:6px;flex-shrink:0}.d-tab{flex:1;padding:9px 4px;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:10px;font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:1px;cursor:pointer;transition:.2s;color:var(--muted);text-align:center;line-height:1.4}.d-tab:hover{border-color:rgba(251,191,36,.3);color:var(--text)}.d-tab.active{color:#0f0a14;font-weight:700}.d-tab.upi.active{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:#7c3aed;color:#fff}.d-tab.paypal.active{background:linear-gradient(135deg,#003087,#009cde);border-color:#009cde;color:#fff}.d-tab.crypto.active{background:linear-gradient(135deg,var(--gold),#f97316);border-color:var(--gold);color:#0f0a14}.donate-panels{flex:1;overflow-y:auto;padding:14px 18px 16px}.donate-panels::-webkit-scrollbar{width:3px}.donate-panels::-webkit-scrollbar-thumb{background:var(--border)}.d-panel{display:none;animation:.2s fadeIn}.d-panel.active{display:block}.upi-qr-wrap{text-align:center;padding:8px 0 14px}.upi-qr-wrap img{max-width:200px;width:100%;border-radius:14px;border:1px solid rgba(124,58,237,.25);box-shadow:0 8px 30px rgba(124,58,237,.15)}.upi-id-box{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.25);border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.upi-id-text{font-family:'DM Mono',monospace;font-size:.72rem;color:#a78bfa;letter-spacing:.5px;word-break:break-all}.upi-copy-btn{padding:6px 14px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.35);border-radius:8px;color:#a78bfa;font-family:'DM Mono',monospace;font-size:.58rem;cursor:pointer;white-space:nowrap;transition:.2s;flex-shrink:0}.upi-copy-btn:hover{background:rgba(124,58,237,.28)}.upi-apps{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}.upi-app-pill{background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:100px;padding:4px 10px;font-family:'DM Mono',monospace;font-size:.58rem;color:var(--muted)}.paypal-wrap{padding:10px 0}.paypal-logo{text-align:center;margin-bottom:16px}.paypal-logo-inner{display:inline-flex;align-items:center;gap:8px;background:rgba(0,48,135,.15);border:1px solid rgba(0,156,222,.25);border-radius:12px;padding:10px 20px}.paypal-logo-text{font-family:'DM Mono',monospace;font-size:1rem;font-weight:700;letter-spacing:1px}.paypal-email-box{background:rgba(0,48,135,.08);border:1px solid rgba(0,156,222,.2);border-radius:10px;padding:12px 14px;margin-bottom:12px}.paypal-email-label{font-family:'DM Mono',monospace;font-size:.58rem;color:rgba(0,156,222,.7);letter-spacing:1px;margin-bottom:5px}.paypal-email-val{font-family:'DM Mono',monospace;font-size:.78rem;color:#60a5fa;word-break:break-all}.paypal-btn{display:block;width:100%;padding:13px;background:linear-gradient(135deg,#003087,#009cde);border:none;border-radius:12px;color:#fff;font-family:'DM Sans',sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;text-align:center;text-decoration:none;transition:.2s;letter-spacing:.3px}.paypal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,156,222,.3)}.paypal-note{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--muted);text-align:center;margin-top:10px;letter-spacing:.5px}.c-item{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s;margin-bottom:8px}.c-item.open,.c-item:hover{border-color:rgba(251,191,36,.3)}.c-head{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:58px}.c-icon{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;line-height:1}.c-info{flex:1;min-width:0}.c-name{font-weight:600;font-size:.88rem;line-height:1.3}.c-net{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--muted);letter-spacing:.5px;margin-top:2px}.c-arrow{color:var(--muted);font-size:.7rem;transition:transform .2s;flex-shrink:0}.c-item.open .c-arrow{transform:rotate(90deg)}.c-body{display:none;padding:0 14px 12px;border-top:1px solid var(--border)}.c-item.open .c-body{display:block;animation:.2s fadeIn}.c-addr{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--lavender);background:rgba(192,132,252,.06);border:1px solid rgba(192,132,252,.15);border-radius:8px;padding:10px;word-break:break-all;letter-spacing:.5px;line-height:1.6;margin:10px 0 8px}.c-copy{width:100%;padding:8px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);border-radius:8px;color:var(--gold);font-family:'DM Mono',monospace;font-size:.62rem;cursor:pointer;letter-spacing:1px;transition:.2s}.c-copy:hover{background:rgba(251,191,36,.15)}.c-copy.ok{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.25);color:var(--online)}.donate-foot{padding:10px 18px;border-top:1px solid var(--border);text-align:center;flex-shrink:0}.donate-skip{background:0 0;border:none;color:var(--muted);font-family:'DM Mono',monospace;font-size:.6rem;cursor:pointer;letter-spacing:1px;transition:color .2s}.donate-skip:hover{color:var(--text)}#modeScreen{position:relative;z-index:10;width:100%;max-width:460px;padding:20px;animation:.6s forwards fadeUp;display:none}.mode-logo{text-align:center;margin-bottom:28px}.mode-logo .logo-text{font-family:'Playfair Display',serif;font-style:italic;font-size:3rem;letter-spacing:-1px;background:linear-gradient(135deg,var(--rose),var(--lavender),var(--rose2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.mode-logo h1.logo-text{margin:0;padding:0;line-height:1.1}.mode-logo p{font-size:.7rem;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-top:4px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card{background:var(--card);border:2px solid rgba(192,132,252,.15);border-radius:20px;padding:24px 18px;cursor:pointer;transition:.25s;position:relative;overflow:hidden;text-align:center;outline:0;-webkit-tap-highlight-color:transparent}.mode-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .25s}.mode-card.global::before{background:linear-gradient(90deg,var(--rose),var(--lavender))}.mode-card.random::before{background:linear-gradient(90deg,var(--teal),#60a5fa)}.mode-card:hover{border-color:rgba(192,132,252,.4);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.4)}.mode-card:hover::before{opacity:1}.mode-icon{font-size:2.6rem;margin-bottom:12px;display:block}.mode-title{font-family:'Playfair Display',serif;font-size:1.2rem;font-style:italic;margin-bottom:6px}.mode-card.global .mode-title{color:var(--rose)}.mode-card.random .mode-title{color:var(--teal)}.mode-desc{font-size:.72rem;color:var(--muted);line-height:1.6}.mode-tag{display:inline-block;margin-top:10px;font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:1px;padding:3px 10px;border-radius:100px}.mode-card.global .mode-tag{background:rgba(255,107,157,.1);color:var(--rose);border:1px solid rgba(255,107,157,.2)}.mode-card.random .mode-tag{background:rgba(45,212,191,.1);color:var(--teal);border:1px solid rgba(45,212,191,.2)}body.rnd-tg{--rnd-bg:#0e1621;--rnd-header-bg:#17212b;--rnd-surface:#182533;--rnd-card:#1e2d3d;--rnd-border:rgba(255,255,255,.07);--rnd-text:rgba(255,255,255,.9);--rnd-text2:rgba(255,255,255,.55);--rnd-muted:rgba(255,255,255,.32);--rnd-bubble-them:#182533;--rnd-bubble-them-border:rgba(255,255,255,.06);--rnd-input-bg:#1c2a38;--rnd-input-border:rgba(255,255,255,.1);--rnd-bar-bg:#17212b;--rnd-sys-bg:rgba(255,255,255,.04);--rnd-sys-border:rgba(255,255,255,.07);--rnd-sys-text:rgba(255,255,255,.32);--rnd-scroll-thumb:rgba(122,222,195,.2)}body.rnd-tg #randomScreen{background:#0e1621}body.rnd-tg .random-header{background:#17212b;border-bottom:1px solid rgba(255,255,255,.06)}body.rnd-tg .rnd-bubble-stranger{background:#182533;border:1px solid rgba(255,255,255,.07);color:#fff;box-shadow:none}body.rnd-tg .rnd-bubble-me{background:linear-gradient(135deg,#2b5278,#4a7c9e);box-shadow:0 2px 10px rgba(43,82,120,.4)}body.rnd-tg .rnd-send-btn{background:#7adec3;color:#0e1621;box-shadow:0 2px 10px rgba(122,222,195,.3)}body.rnd-tg .rnd-send-btn:hover{background:#5ecfb0;box-shadow:0 4px 18px rgba(122,222,195,.45)}body.rnd-tg .rnd-attach-btn{background:rgba(122,222,195,.08);border-color:rgba(122,222,195,.18);color:#7adec3}body.rnd-tg .rnd-attach-btn:hover{background:rgba(122,222,195,.16);border-color:rgba(122,222,195,.35)}body.rnd-tg .rnd-next-btn{background:rgba(122,222,195,.07);border-color:rgba(122,222,195,.18);color:#7adec3}body.rnd-tg .rnd-next-btn:hover{background:rgba(122,222,195,.14);border-color:rgba(122,222,195,.35)}body.rnd-tg .rnd-leave-btn{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.16);color:#f87171}body.rnd-tg .rnd-typing-bar{color:#7adec3}body.rnd-tg .rnd-input{background:#1c2a38;border-color:rgba(255,255,255,.09);color:#fff}body.rnd-tg .rnd-input:focus{border-color:rgba(122,222,195,.4);background:#1c2a38}body.rnd-tg .rnd-input-row{background:#17212b;border-top-color:rgba(255,255,255,.06)}body.rnd-tg .rnd-actions{background:#17212b}body.rnd-tg .rnd-sys{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);color:rgba(255,255,255,.3)}body.rnd-tg .rnd-support-btn{background:linear-gradient(135deg,rgba(122,222,195,.12),rgba(122,222,195,.06));color:#7adec3;border:1px solid rgba(122,222,195,.22);box-shadow:none}body.rnd-tg .rnd-support-btn:hover{background:linear-gradient(135deg,rgba(122,222,195,.22),rgba(122,222,195,.12));box-shadow:0 4px 14px rgba(122,222,195,.2)}body.rnd-tg .rnd-theme-btn{background:#1e2d3d;border-color:rgba(255,255,255,.07);color:rgba(255,255,255,.55)}body.rnd-tg .rnd-stranger-card{border-color:rgba(255,255,255,.07)}body.rnd-tg .rnd-stranger-username{color:#fff}body.rnd-tg .rnd-end-card{border-color:rgba(255,255,255,.07)}body.rnd-tg .rnd-end-btn{background:rgba(122,222,195,.08);border-color:rgba(122,222,195,.2);color:#7adec3}body.rnd-tg #rndAttachMenu{background:#1e2d3d;border-color:rgba(122,222,195,.18)!important}body.rnd-tg .rnd-status-pill.connected{background:rgba(122,222,195,.1);border-color:rgba(122,222,195,.22);color:#7adec3}body.rnd-tg .rnd-status-pill.connected::before{background:#7adec3}body.rnd-tg .rnd-status-pill.searching{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.2);color:#fbbf24}body.rnd-tg #rndAttachImg:hover,body.rnd-tg #rndAttachVoice:hover{background:rgba(122,222,195,.08)!important}body.rnd-tg #rndVoiceBar button:last-child{background:linear-gradient(135deg,#2b5278,#4a7c9e)!important}body.rnd-tg .rnd-bubble-premium{border-color:rgba(251,191,36,.3)!important}body.rnd-tg .rnd-stranger-card{background:#17212b!important;border-bottom:1px solid rgba(255,255,255,.06)!important}body.rnd-tg .rnd-end-card{background:#17212b!important}#rndInput:empty::before{content:attr(data-placeholder);color:var(--rnd-muted,rgba(255,255,255,.35));pointer-events:none}#msgInput[contenteditable=false],#rndInput[contenteditable=false]{opacity:.4;cursor:not-allowed;pointer-events:none}#msgInput[contenteditable=true],#rndInput[contenteditable=true]{opacity:1;cursor:text;pointer-events:auto}#msgInput:empty::before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}
#drawGuessInput:empty::before{content:attr(data-placeholder);color:rgba(255,255,255,.35);pointer-events:none}#randomScreen{display:none;position:fixed;inset:0;z-index:10;flex-direction:column;background:var(--rnd-bg);transition:background .3s;height:100%;height:100dvh;overflow:hidden}
#randomScreen.rnd-bg-icons{background-color:#000;background-image:url("/doodle-bg.png");background-repeat:repeat;background-size:318px 233px}
#randomScreen.rnd-bg-stars{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.24)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(10,10) scale(0.6)' d='M12 2.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z'/%3E%3Cpath transform='translate(55,40) scale(0.4)' d='M12 2.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z'/%3E%3Cpath transform='translate(25,65) scale(0.45)' d='M12 2.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z'/%3E%3Ccircle cx='75' cy='15' r='1.5' fill='rgba(255,255,255,0.28)' stroke='none'/%3E%3Ccircle cx='45' cy='85' r='1.2' fill='rgba(255,255,255,0.26)' stroke='none'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:60px 60px}
#randomScreen.rnd-bg-dots{background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.4px);background-repeat:repeat;background-size:18px 18px}
.rnd-bg-swatch-icons{background-color:#000;background-image:url("/doodle-bg.png");background-repeat:repeat;background-size:120px 88px}
.rnd-bg-swatch-stars{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.35)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(10,10) scale(0.6)' d='M12 2.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z'/%3E%3Cpath transform='translate(55,40) scale(0.4)' d='M12 2.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:50px 50px}
.rnd-bg-swatch-dots{background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.4px);background-repeat:repeat;background-size:12px 12px}.random-header{background:var(--rnd-header-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--rnd-border);padding:0 14px;min-height:var(--header-h-sm);padding-top:max(0px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px;box-shadow:0 1px 12px rgba(0,0,0,.08)}.random-brand-word{font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.4px;color:#f5eefb;line-height:1;white-space:nowrap;flex-shrink:0}.random-brand-word em{font-style:normal;background:linear-gradient(135deg,var(--rose),var(--lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.random-brand-logo{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;line-height:1}.random-brand-badge{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(168,85,247,.4);padding:0;box-sizing:border-box;overflow:hidden}.random-brand-badge svg{width:100%;height:100%;display:block}.rnd-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1;overflow:hidden}.rnd-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:fit-content}.rnd-status-pill{display:inline-flex;align-items:center;gap:5px;font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.3px;padding:4px 10px;border-radius:100px;transition:.35s}.rnd-status-pill::before{content:'';width:5px;height:5px;border-radius:50%;flex-shrink:0}.rnd-status-pill.searching{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.22);color:#ca8a04}.rnd-status-pill.searching::before{background:#f59e0b;animation:1.4s ease-in-out infinite statusPulse}.rnd-status-pill.connected{background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.22);color:#0d9488}.rnd-status-pill.connected::before{background:#14b8a6}.rnd-status-pill.disconnected{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#dc2626}.rnd-status-pill.disconnected::before{background:#ef4444}@keyframes statusPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}.rnd-support-btn{display:inline-flex;align-items:center;gap:6px;padding:0 13px;height:34px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:700;font-size:.78rem;box-shadow:0 2px 8px rgba(245,158,11,.25);transition:.2s;flex-shrink:0;min-width:34px;white-space:nowrap}@media(max-width:400px){.rnd-support-btn span:last-child{display:none}.rnd-support-btn{padding:0 10px;min-width:34px}}@media(max-width:360px){.rnd-support-btn{padding:0 8px}}.rnd-support-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(245,158,11,.4)}.rnd-support-btn-heart{font-size:.9rem;animation:1.8s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,100%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(1.05)}}.rnd-theme-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--rnd-border);background:var(--rnd-surface);color:var(--rnd-text2);cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}.rnd-theme-btn:hover{background:var(--rnd-card);color:var(--rnd-text)}.rnd-gift-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(251,191,36,.4);background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(244,114,182,.16));color:#fff;cursor:pointer;font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;box-shadow:0 2px 8px rgba(251,191,36,.25)}.rnd-gift-btn:hover{background:linear-gradient(135deg,rgba(251,191,36,.35),rgba(244,114,182,.28));border-color:rgba(251,191,36,.6);transform:translateY(-1px);box-shadow:0 4px 14px rgba(251,191,36,.4)}.rnd-you-chip{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.5px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:#6366f1;padding:3px 9px;border-radius:100px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rnd-call-wrap{position:relative;flex-shrink:0}.rnd-call-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:170px;background:var(--rnd-card,#1a1025);border:1px solid rgba(20,184,166,.25);border-radius:14px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.5);z-index:60;animation:.18s cubic-bezier(.34,1.56,.64,1) rndCallMenuIn}.rnd-call-menu.show{display:flex;flex-direction:column;gap:2px}@keyframes rndCallMenuIn{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.rnd-call-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:0 0;border:none;border-radius:9px;color:var(--rnd-text,#f0e8f4);font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s;text-align:left}.rnd-call-menu-item:hover{background:rgba(20,184,166,.1)}.rnd-call-menu-ico{font-size:1rem;flex-shrink:0}.rnd-call-menu-item-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.rnd-call-menu-sub{font-family:'DM Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.2px;color:rgba(240,232,244,.5)}.rnd-call-menu-sub.warn{color:#f59e0b}.rnd-call-menu-sub.danger{color:#f43f5e}#rndCallBtn{position:relative}.rnd-call-btn-dot{position:absolute;top:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#22c55e;border:1.5px solid var(--rnd-header-bg,#150c1e);display:none}.rnd-call-btn-dot.show{display:block}.rnd-call-btn-dot.warn{background:#f59e0b}.rnd-call-btn-dot.danger{background:#f43f5e}.rnd-stranger-card{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--rnd-surface);border-bottom:1px solid var(--rnd-border);flex-shrink:0;animation:.35s cubic-bezier(.34,1.56,.64,1) cardSlideDown}.rnd-stranger-card.show{display:flex}@keyframes cardSlideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rnd-stranger-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;position:relative}.rnd-stranger-avatar svg{width:100%;height:100%;border-radius:50%;display:block}.rnd-stranger-info{flex:1;min-width:0}.rnd-stranger-name-row{display:flex;align-items:center;gap:7px;margin-bottom:4px}.rnd-stranger-username{font-weight:800;font-size:.98rem;letter-spacing:-.15px;color:var(--rnd-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rnd-stranger-flag{font-size:1rem;flex-shrink:0}.rnd-stranger-country-name{font-family:'DM Mono',monospace;font-size:.55rem;color:var(--rnd-muted);letter-spacing:.3px}.rnd-stranger-meta{display:flex;align-items:center;gap:10px}.rnd-stranger-gender-badge{display:inline-flex;align-items:center;gap:4px;font-family:'DM Sans',sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.1px;padding:3px 9px;border-radius:100px}.rnd-stranger-gender-badge.male{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.rnd-stranger-gender-badge.female{background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.2);color:#ec4899}.rnd-stranger-gender-badge.other{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:#8b5cf6}.rnd-stranger-online{font-family:'DM Sans',sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.1px;color:#14b8a6;display:flex;align-items:center;gap:5px}.rnd-stranger-online::before{content:'';width:4px;height:4px;border-radius:50%;background:#14b8a6;display:inline-block}.rnd-stranger-online.vip{color:#1a1206;background:linear-gradient(135deg,#fde68a,#fbbf24);border:1px solid rgba(251,191,36,.9);border-radius:100px;padding:2px 10px;font-weight:800;letter-spacing:.3px;box-shadow:0 1px 6px rgba(251,191,36,.35)}.rnd-stranger-online.vip::before{display:none}.rnd-report-btn{flex-shrink:0;width:34px;height:34px;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.22);border-radius:10px;color:#f43f5e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;margin-left:auto}.rnd-report-btn:hover{background:rgba(244,63,94,.18);border-color:rgba(244,63,94,.4);transform:scale(1.06)}.rnd-report-btn:active{transform:scale(.96)}#rndReportModal{position:fixed;inset:0;z-index:500;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);padding:0}#rndReportModal.show{display:flex}.rnd-report-sheet{width:100%;max-width:480px;background:var(--rnd-card,#1a1025);border:1px solid rgba(244,63,94,.2);border-top:3px solid #f43f5e;border-radius:22px 22px 0 0;padding:20px 20px max(28px,env(safe-area-inset-bottom));animation:.22s slideUp}.rnd-report-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;color:#f43f5e;margin-bottom:6px}.rnd-report-sub{font-size:.75rem;color:var(--rnd-muted,#8c6aa0);margin-bottom:16px;line-height:1.5}.rnd-report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.rnd-report-reason{display:flex;align-items:center;gap:12px;padding:11px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(244,63,94,.12);border-radius:12px;cursor:pointer;font-size:.84rem;color:var(--rnd-text,#f0e8f4);transition:.18s}.rnd-report-reason:hover{background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.3)}.rnd-report-reason-icon{font-size:1.1rem;flex-shrink:0}.rnd-report-cancel{width:100%;padding:12px;background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--rnd-muted,#8c6aa0);font-family:'DM Sans',sans-serif;font-size:.84rem;cursor:pointer;transition:.18s}.rnd-report-cancel:hover{border-color:rgba(255,255,255,.25);color:var(--rnd-text,#f0e8f4)}.rnd-block-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:10px;background:linear-gradient(135deg,rgba(244,63,94,.16),rgba(244,63,94,.05));border:1px solid rgba(244,63,94,.35);border-radius:14px;cursor:pointer;transition:.18s;text-align:left}.rnd-block-btn:hover{background:linear-gradient(135deg,rgba(244,63,94,.24),rgba(244,63,94,.08));border-color:rgba(244,63,94,.55)}.rnd-block-btn:active{transform:scale(.99)}.rnd-block-icon{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:rgba(244,63,94,.14);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.rnd-block-text{display:flex;flex-direction:column;gap:2px;min-width:0}.rnd-block-title{font-weight:700;font-size:.86rem;color:#f43f5e;line-height:1.3}.rnd-block-sub{font-size:.68rem;color:rgba(244,63,94,.7);line-height:1.3}#rndReportToast{position:fixed;top:72px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:600;background:rgba(20,10,28,.97);border:1.5px solid rgba(244,63,94,.4);border-radius:14px;padding:12px 20px;display:none;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(244,63,94,.2);white-space:nowrap;animation:.3s cubic-bezier(.34,1.56,.64,1) toastIn}#rndReportToast.show{display:flex}@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.rnd-conn-banner{padding:8px 16px;font-family:'DM Mono',monospace;font-size:.62rem;color:#0d9488;text-align:center;letter-spacing:.5px;flex-shrink:0;background:rgba(20,184,166,.06);border-bottom:1px solid rgba(20,184,166,.12);animation:.4s bannerIn}@keyframes bannerIn{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.rnd-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 24px}.rnd-spinner-wrap{position:relative;width:72px;height:72px}.rnd-spinner{width:72px;height:72px;border:2px solid rgba(20,184,166,.1);border-top-color:rgba(20,184,166,.7);border-right-color:rgba(99,102,241,.5);border-radius:50%;animation:1.2s linear infinite spin}.rnd-spinner-inner{position:absolute;inset:14px;border:2px solid rgba(99,102,241,.08);border-bottom-color:rgba(99,102,241,.6);border-radius:50%;animation:.75s linear infinite reverse spin}.rnd-wait-text{font-weight:600;font-size:.9rem;color:var(--rnd-text2);animation:2s infinite pulse}.rnd-wait-sub{font-size:.75rem;color:var(--rnd-muted);text-align:center;line-height:1.7;max-width:240px}.rnd-wait-tips{display:flex;flex-direction:column;gap:8px;width:100%;max-width:260px;background:var(--rnd-sys-bg);border:1px solid var(--rnd-border);border-radius:14px;padding:14px 16px;margin-top:4px}.rnd-wait-tip{font-size:.72rem;color:var(--rnd-muted);display:flex;align-items:center;gap:8px;line-height:1.5}.rnd-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-anchor:auto}.rnd-msgs::-webkit-scrollbar{width:3px}.rnd-msgs::-webkit-scrollbar-thumb{background:var(--rnd-scroll-thumb);border-radius:2px}.rnd-msgs::-webkit-scrollbar-track{background:0 0}.rnd-bubble-stranger{align-self:flex-start;background:#0d0d1a;border:1px solid rgba(59,130,246,.22);border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:.9rem;line-height:1.6;max-width:100%;overflow-wrap:break-word;word-break:normal;flex-shrink:1;min-width:0;color:#fff;box-shadow:0 1px 8px rgba(59,130,246,.1);animation:.22s cubic-bezier(.34,1.56,.64,1) bubbleIn;user-select:text;-webkit-user-select:text}.rnd-bubble-me{align-self:flex-end;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border-radius:18px 18px 4px;padding:10px 14px;font-size:.9rem;line-height:1.6;max-width:100%;overflow-wrap:break-word;word-break:normal;flex-shrink:1;min-width:0;box-shadow:0 2px 14px rgba(59,130,246,.35);animation:.22s cubic-bezier(.34,1.56,.64,1) bubbleInRight;user-select:text;-webkit-user-select:text}@keyframes bubbleIn{from{opacity:0;transform:translateX(-8px) scale(.97)}to{opacity:1;transform:none}}@keyframes bubbleInRight{from{opacity:0;transform:translateX(8px) scale(.97)}to{opacity:1;transform:none}}.rnd-sys{align-self:center;font-family:'DM Sans',sans-serif;font-size:.68rem;font-weight:600;color:var(--rnd-sys-text);letter-spacing:.15px;background:var(--rnd-sys-bg);border:1px solid var(--rnd-sys-border);border-radius:100px;padding:5px 15px;margin:2px 0}.rnd-typing-bar{min-height:0;height:0;padding:0 16px;overflow:hidden;font-family:'DM Sans',sans-serif;font-size:.68rem;font-weight:600;color:#60a5fa;letter-spacing:.1px;flex-shrink:0;display:flex;align-items:center;gap:8px;transition:height .15s}.rnd-typing-bar:not(:empty){min-height:40px;height:40px;padding:6px 16px}.rnd-typing-bubble{display:inline-flex;align-items:center;gap:4px;background:var(--rnd-bubble-them,#182533);border:1px solid var(--rnd-bubble-them-border,rgba(255,255,255,.07));border-radius:18px 18px 18px 4px;padding:10px 14px;animation:.22s cubic-bezier(.34,1.56,.64,1) bubbleIn}.rnd-typing-bubble span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);animation:1.1s infinite rndTypingBounce}.rnd-typing-bubble span:nth-child(2){animation-delay:.15s}.rnd-typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes rndTypingBounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.rnd-input-row{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));flex-shrink:0;flex-grow:0;background:var(--rnd-bar-bg);border-top:1px solid var(--rnd-border);position:relative;z-index:2}.rnd-input{flex:1;background:var(--rnd-input-bg);border:1.5px solid var(--rnd-input-border);border-radius:24px;padding:10px 18px;color:var(--rnd-text);font-family:'DM Sans',sans-serif;font-size:.9rem;outline:0;transition:border-color .2s,background .2s;min-width:0}.rnd-input:focus{border-color:rgba(20,184,166,.5);background:rgba(20,184,166,.03)}.rnd-input::placeholder{color:var(--rnd-muted)}.rnd-input:disabled{opacity:.35;cursor:not-allowed}.rnd-send-btn{width:var(--btn-size-lg);height:var(--btn-size-lg);flex-shrink:0;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(59,130,246,.35)}.rnd-send-btn:hover{transform:scale(1.07);box-shadow:0 4px 18px rgba(59,130,246,.5)}.rnd-send-btn:active{transform:scale(.93)}.rnd-send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.rnd-attach-btn{width:var(--btn-size);height:var(--btn-size);flex-shrink:0;background:rgba(59,130,246,.1);border:1.5px solid rgba(59,130,246,.25);border-radius:50%;color:#93c5fd;cursor:pointer;font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:.2s}.rnd-attach-btn:hover{background:rgba(59,130,246,.22);border-color:rgba(59,130,246,.5)}.rnd-attach-btn:disabled{opacity:.3;cursor:not-allowed}.rnd-msg-row{max-width:78%;min-width:0}.rnd-bubble-premium{border-color:rgba(251,191,36,.22)!important}.rnd-actions{display:flex;gap:8px;padding:8px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--rnd-bar-bg);flex-shrink:0;flex-grow:0;z-index:2}
.rnd-mini-switch{flex-shrink:0;width:36px;height:20px;border-radius:100px;background:rgba(255,255,255,.15);position:relative;transition:background .2s ease}
.rnd-mini-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.rnd-mini-switch.on{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.rnd-mini-switch.on .rnd-mini-switch-knob{transform:translateX(16px)}.rnd-leave-btn{flex:1;padding:11px 8px;background:rgba(239,68,68,.06);border:1.5px solid rgba(239,68,68,.18);border-radius:14px;color:#dc2626;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px}.rnd-leave-btn:hover{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}.rnd-leave-btn.confirm-armed{background:#dc2626;border-color:#dc2626;color:#fff;animation:1s ease-in-out infinite rndConfirmPulse}.rnd-next-btn{flex:1;padding:11px 8px;background:linear-gradient(135deg,rgba(29,78,216,.12),rgba(59,130,246,.12));border:1.5px solid rgba(59,130,246,.25);border-radius:14px;color:#60a5fa;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px}.rnd-next-btn:hover{background:linear-gradient(135deg,rgba(29,78,216,.22),rgba(59,130,246,.2));border-color:rgba(59,130,246,.5)}.rnd-next-btn.confirm-armed{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:#3b82f6;color:#fff;animation:1s ease-in-out infinite rndConfirmPulse}@keyframes rndConfirmPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(255,255,255,0);transform:scale(1.03)}}.rnd-av{width:var(--avatar-size-lg);height:var(--avatar-size-lg);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.rnd-av svg{width:100%;height:100%;display:block}@keyframes msgHighlight{0%{background:rgba(167,139,250,.25)}100%{background:0 0}}.msg-highlight{animation:1.5s msgHighlight}.poll-bubble{min-width:220px;max-width:300px}.poll-opt:hover{background:rgba(255,255,255,.1)!important}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}.heart-particle{display:none!important}}@media (max-width:480px){.heart-particle{display:none!important}}.rdv2-overlay{position:fixed;inset:0;z-index:999998;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,rgba(80,40,110,.25),rgba(5,3,9,.82) 60%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:18px;animation:.18s ease-out rdv2FadeIn}@keyframes rdv2FadeIn{from{opacity:0}to{opacity:1}}.rdv2-card{position:relative;width:100%;max-width:380px;background:linear-gradient(165deg,rgba(36,22,52,.97),rgba(16,10,24,.98));border:1px solid rgba(255,255,255,.09);border-radius:26px;padding:30px 24px 22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.02) inset;overflow:hidden;animation:.32s cubic-bezier(.2,.9,.25,1.15) rdv2PopIn}@keyframes rdv2PopIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.rdv2-card::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:radial-gradient(ellipse at 50% -10%,var(--rdv2-glow,rgba(167,139,250,.28)),transparent 70%);pointer-events:none}.rdv2-icon-ring{position:relative;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--rdv2-icon-bg,linear-gradient(135deg,#a78bfa,#7c3aed));box-shadow:0 0 0 6px var(--rdv2-ring,rgba(167,139,250,.12)),0 10px 30px -6px var(--rdv2-glow,rgba(167,139,250,.5));font-size:1.7rem;animation:.5s .05s cubic-bezier(.34,1.56,.64,1) both rdv2IconPop}@keyframes rdv2IconPop{from{opacity:0;transform:scale(.4) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rdv2-title{font-family:'Playfair Display',serif;font-style:italic;font-size:1.28rem;font-weight:600;text-align:center;color:var(--rdv2-title,#e9def7);margin-bottom:10px;letter-spacing:.2px}.rdv2-body{font-family:'DM Sans',sans-serif;font-size:.85rem;line-height:1.65;color:rgba(240,232,244,.72);text-align:center;padding:0 4px;margin-bottom:16px}.rdv2-reason{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-left:2.5px solid var(--rdv2-accent,#a78bfa);border-radius:12px;padding:10px 13px;margin:0 2px 18px;font-family:'DM Mono',monospace;font-size:.68rem;line-height:1.6;color:rgba(255,255,255,.58);text-align:left}.rdv2-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin-bottom:14px}.rdv2-disclaimer{display:flex;gap:8px;align-items:flex-start;font-family:'DM Sans',sans-serif;font-size:.66rem;line-height:1.55;color:rgba(255,255,255,.4);margin-bottom:20px;padding:0 2px}.rdv2-disclaimer span:first-child{flex-shrink:0;font-size:.85rem;line-height:1.4}.rdv2-btn{display:block;width:100%;padding:13px;background:var(--rdv2-btn,linear-gradient(135deg,#a78bfa,#7c3aed));border:none;border-radius:14px;color:#fff;font-family:'DM Sans',sans-serif;font-weight:700;font-size:.86rem;letter-spacing:.2px;cursor:pointer;box-shadow:0 8px 22px -6px var(--rdv2-glow,rgba(124,58,237,.55));transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.rdv2-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -6px var(--rdv2-glow,rgba(124,58,237,.7))}.rdv2-btn:active{transform:translateY(0) scale(.98)}.ban-card{align-self:center;width:min(400px,94%);margin:8px 0;animation:.4s cubic-bezier(.2,.9,.25,1.1) msgSlideIn}.ban-inner{position:relative;background:linear-gradient(160deg,rgba(45,10,20,.92),rgba(20,6,12,.95));border:1px solid rgba(244,63,94,.28);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px -18px rgba(244,63,94,.35),0 0 0 1px rgba(255,255,255,.02) inset}.ban-inner::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f43f5e,#fb7185,#f43f5e,transparent);background-size:200% 100%;animation:3s linear infinite shimmer}.ban-head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(244,63,94,.08);border-bottom:1px solid rgba(244,63,94,.16)}.ban-head-badge{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#f43f5e,#be123c);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;box-shadow:0 4px 14px -3px rgba(244,63,94,.6)}.ban-head-text{font-family:'DM Mono',monospace;font-size:.62rem;font-weight:700;letter-spacing:1.2px;color:#fca5b1;text-transform:uppercase}.ban-body{padding:16px 18px;display:flex;flex-direction:column;gap:2px}.ban-row{display:flex;justify-content:space-between;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.83rem}.ban-row:last-child{border-bottom:none}.bl{display:flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:.6rem;color:rgba(255,255,255,.42);letter-spacing:.8px;text-transform:uppercase}.bv{font-weight:700;font-size:.82rem;padding:3px 10px;border-radius:8px;background:rgba(255,255,255,.04)}.bv.red{color:#fb7185;background:rgba(244,63,94,.1)}.bv.warn{color:#fbbf24;background:rgba(251,191,36,.1)}.bv.grn{color:#4ade80;background:rgba(74,222,128,.1)}.bv.acc{color:#c4b5fd;background:rgba(167,139,250,.1)}.ban-foot{padding:11px 18px;background:rgba(0,0,0,.18);font-family:'DM Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.32);text-align:center;letter-spacing:1px;border-top:1px solid rgba(255,255,255,.05)}

/* ---- original inline <style> block 2 (attrs: none) ---- */

/* Fix: attach-menu buttons flashing native white chrome on tap (mobile), making icon text invisible */
#rndAttachMenu button,
#attachMenu button,
.rnd-attach-btn,
.attach-btn{
  -webkit-appearance:none;
  appearance:none;
  background-color:transparent;
}
#rndAttachMenu button:active,
#attachMenu button:active,
#attachMenu > div:active{
  background:rgba(255,255,255,.1) !important;
}


/* ---- original inline <style> block 3 (attrs: none) ---- */
.rnd-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;animation:.35s ease rndEmptyIn}.rnd-empty-icon{width:52px;height:52px;border-radius:50%;background:var(--rnd-sys-bg);border:1px solid var(--rnd-border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.rnd-empty-title{font-weight:700;font-size:.92rem;color:var(--rnd-text)}.rnd-empty-sub{font-size:.76rem;color:var(--rnd-muted);max-width:220px;line-height:1.55}.rnd-empty-starters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:290px;margin-top:6px}.rnd-empty-chip{font-family:'DM Sans',sans-serif;font-size:.76rem;padding:8px 14px;border-radius:100px;background:var(--rnd-sys-bg);border:1px solid var(--rnd-border);color:var(--rnd-text2);cursor:pointer;transition:.2s;white-space:nowrap}.rnd-empty-chip:hover{background:var(--rnd-input-bg);border-color:rgba(59,130,246,.45);color:var(--rnd-text)}@keyframes rndEmptyIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.rnd-gp{display:none;position:absolute;bottom:calc(100% + 10px);right:8px;width:236px;background:linear-gradient(180deg,rgba(26,16,37,.98),rgba(16,10,24,.98));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;z-index:50;box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset;animation:rndGpIn .18s cubic-bezier(.2,.8,.3,1.3);backdrop-filter:blur(16px)}
@keyframes rndGpIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.rnd-gp-title{font-family:'DM Mono',monospace;font-size:.58rem;font-weight:600;color:var(--rnd-muted,rgba(255,255,255,.4));letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;text-align:center}
.rnd-gp-opts{display:flex;flex-direction:column;gap:7px}
.rnd-gp-opt{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:12px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:.84rem;font-weight:600;background:rgba(255,255,255,.035);border:1.5px solid rgba(255,255,255,.08);color:var(--rnd-text2,rgba(255,255,255,.7));transition:background .15s ease,border-color .15s ease,transform .1s ease}
.rnd-gp-opt:active{transform:scale(.98)}
.rnd-gp-opt:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.rnd-gp-ico{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:1rem;flex-shrink:0;background:rgba(255,255,255,.06)}
.rnd-gp-label{flex:1;text-align:left}
.rnd-gp-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.62rem;font-weight:800;color:#fff;background:transparent;flex-shrink:0;opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .15s ease}
.rnd-gp-opt.selected .rnd-gp-check{opacity:1;transform:scale(1)}
.rnd-gp-opt.locked{opacity:.55}
.rnd-gp-opt .rnd-gp-lock{margin-left:auto}
.rnd-gp-male{color:#60a5fa}
.rnd-gp-male .rnd-gp-ico{color:#60a5fa}
.rnd-gp-male.selected{background:rgba(59,130,246,.14);border-color:rgba(59,130,246,.55);box-shadow:0 0 0 1px rgba(59,130,246,.15) inset}
.rnd-gp-male.selected .rnd-gp-ico{background:rgba(59,130,246,.25)}
.rnd-gp-male .rnd-gp-check{background:#3b82f6}
.rnd-gp-female{color:#f472b6}
.rnd-gp-female .rnd-gp-ico{color:#f472b6}
.rnd-gp-female.selected{background:rgba(236,72,153,.14);border-color:rgba(236,72,153,.55);box-shadow:0 0 0 1px rgba(236,72,153,.15) inset}
.rnd-gp-female.selected .rnd-gp-ico{background:rgba(236,72,153,.25)}
.rnd-gp-female .rnd-gp-check{background:#ec4899}
.rnd-gp-any{color:var(--rnd-text2,rgba(255,255,255,.7))}
.rnd-gp-any.selected{background:rgba(192,132,252,.14);border-color:rgba(192,132,252,.55);box-shadow:0 0 0 1px rgba(192,132,252,.15) inset;color:var(--rnd-text,#fff)}
.rnd-gp-any.selected .rnd-gp-ico{background:rgba(192,132,252,.25)}
.rnd-gp-any .rnd-gp-check{background:#a855f7}


/* ---- original inline <style> block 4 (attrs: none) ---- */
.vip-plan-btn.selected{border-color:rgba(192,132,252,.6)!important;background:rgba(192,132,252,.1)!important}

/* ---- original inline <style> block 5 (attrs: none) ---- */
.gift-plan-btn.selected{border-color:rgba(251,191,36,.6)!important;background:rgba(251,191,36,.1)!important}

/* ---- original inline <style> block 6 (attrs: none) ---- */
#landingScreen{width:100%;max-width:480px;margin:0 auto;padding:0 0 48px;position:relative}.ln-topnav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:0;position:sticky;top:0;z-index:900;background:var(--bg);}.ln-brand{display:flex;align-items:center;gap:9px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:1.2rem;color:#f0e8f4;text-decoration:none}.ln-brand-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#ec4899);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 10px rgba(124,58,237,.4)}.ln-brand-name{color:#f0e8f4;letter-spacing:-.3px}.ln-brand-accent{color:#a855f7}.ln-nav-right{display:flex;align-items:center;gap:4px}.ln-nav-btn{width:36px;height:36px;background:0 0;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.6);transition:.2s;text-decoration:none}.ln-nav-btn:hover{background:rgba(255,255,255,.08);color:#fff}.ln-heart-btn{animation:2.4s ease-in-out infinite heartBeat;width:48px;height:48px;filter:drop-shadow(0 0 8px rgba(168,85,247,.7))}.ln-heart-btn:hover{background:rgba(168,85,247,.12)!important;animation:none;filter:drop-shadow(0 0 12px rgba(168,85,247,.9))}@keyframes heartBeat{0%,100%,28%,56%{transform:scale(1)}14%{transform:scale(1.18)}42%{transform:scale(1.12)}}.ln-hamburger{border-left:1px solid rgba(255,255,255,.12);border-radius:0 8px 8px 0;padding-left:8px;margin-left:2px}.ln-support-btn{display:flex;align-items:center;gap:5px;padding:7px 13px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);border-radius:100px;font-size:.7rem;font-weight:600;color:#fbbf24;cursor:pointer;transition:.2s;font-family:'DM Mono',monospace}.ln-support-btn:hover{background:rgba(251,191,36,.16)}.land-welcome-bar{display:none;align-items:center;gap:10px;margin:12px 20px 0;padding:10px 14px;background:rgba(192,132,252,.07);border:1px solid rgba(192,132,252,.18);border-radius:12px}.land-welcome-bar.show{display:flex}.land-welcome-name{font-size:.82rem;font-weight:600;color:var(--text)}.land-welcome-sub{font-size:.62rem;color:var(--muted);margin-top:1px;font-family:'DM Mono',monospace}.land-change-btn{flex-shrink:0;padding:5px 10px;background:rgba(192,132,252,.1);border:1px solid rgba(192,132,252,.2);border-radius:8px;font-size:.6rem;color:var(--lavender);cursor:pointer;font-family:'DM Mono',monospace}.ln-hero{text-align:center;padding:32px 24px 28px;position:relative}.ln-live-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(74,222,128,.13),rgba(74,222,128,.06));border:1px solid rgba(74,222,128,.35);border-radius:100px;padding:7px 16px 7px 10px;font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:600;color:#4ade80;letter-spacing:.3px;margin-bottom:18px;cursor:default;box-shadow:0 0 18px rgba(74,222,128,.12),inset 0 1px 0 rgba(255,255,255,.06);transition:box-shadow .3s}.ln-live-badge:hover{box-shadow:0 0 28px rgba(74,222,128,.22),inset 0 1px 0 rgba(255,255,255,.08)}.ln-live-dot-wrap{position:relative;width:10px;height:10px;flex-shrink:0}.ln-live-dot{width:10px;height:10px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:1.2s ease-in-out infinite blink;box-shadow:0 0 8px #4ade80;position:relative;z-index:1}.ln-live-dot-ring{position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(74,222,128,.5);animation:1.8s ease-out infinite pingRing}@keyframes pingRing{0%{transform:scale(.7);opacity:.8}100%,70%{transform:scale(1.9);opacity:0}}.ln-live-count{font-size:.95rem;font-weight:800;color:#fff;font-family:'DM Sans',sans-serif;line-height:1}.ln-live-label{font-size:.72rem;color:rgba(74,222,128,.9);font-weight:500}.ln-headline{font-family:'DM Sans',sans-serif;font-weight:800;font-size:2.15rem;line-height:1.15;color:#f0e8f4;letter-spacing:-.5px;margin-bottom:14px}.ln-headline em{font-style:normal;background:linear-gradient(135deg,var(--rose),var(--lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ln-subtext{font-size:.88rem;color:rgba(255,255,255,.45);line-height:1.65;margin-bottom:28px;max-width:300px;margin-left:auto;margin-right:auto}.ln-ctas{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:0 20px;margin-bottom:20px}.ln-btn-card{width:100%;max-width:400px;padding:0;border:none;border-radius:20px;cursor:pointer;transition:.25s;display:block;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;color:inherit}.ln-btn-card:hover{transform:translateY(-3px)}.ln-btn-card:active{transform:scale(.98)}.ln-btn-global{background:linear-gradient(135deg,#1a0a1e 0,#2d0f1a 100%);border:1px solid rgba(255,107,157,.25);box-shadow:0 8px 32px rgba(255,60,100,.15)}.ln-btn-global:hover{border-color:rgba(255,107,157,.5);box-shadow:0 14px 40px rgba(255,60,100,.25)}.ln-btn-rnd{background:linear-gradient(135deg,#061a1a 0,#0a1a2e 100%);border:1px solid rgba(45,212,191,.22);box-shadow:0 8px 32px rgba(13,148,136,.12)}.ln-btn-rnd:hover{border-color:rgba(45,212,191,.45);box-shadow:0 14px 40px rgba(13,148,136,.22)}.ln-btn-vid{background:linear-gradient(135deg,#130a24 0,#1e0a1e 100%);border:1px solid rgba(168,85,247,.22);box-shadow:0 8px 32px rgba(124,58,237,.12)}.ln-btn-vid:hover{border-color:rgba(168,85,247,.45);box-shadow:0 14px 40px rgba(124,58,237,.22)}.ln-btn-inner{display:flex;align-items:center;gap:14px;padding:16px 18px;position:relative;z-index:1}.ln-btn-card::before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;top:-30px;left:-20px;opacity:.18;pointer-events:none;filter:blur(30px)}.ln-btn-global::before{background:#ff3d7a}.ln-btn-rnd::before{background:#2dd4bf}.ln-btn-vid::before{background:#a855f7}.ln-btn-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);transition:left .5s;pointer-events:none}.ln-btn-card:hover::after{left:120%}.ln-btn-ico{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;position:relative}.ln-btn-global .ln-btn-ico{background:linear-gradient(135deg,#f43f5e,#ff6b9d);box-shadow:0 4px 16px rgba(244,63,94,.5)}.ln-btn-rnd .ln-btn-ico{background:linear-gradient(135deg,#0d9488,#2dd4bf);box-shadow:0 4px 16px rgba(13,148,136,.5)}.ln-btn-vid .ln-btn-ico{background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 4px 16px rgba(124,58,237,.5)}.ln-btn-text{flex:1;min-width:0}.ln-btn-title{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1rem;color:#f0e8f4;display:block;margin-bottom:3px;letter-spacing:-.1px}.ln-btn-desc{font-family:'DM Mono',monospace;font-size:.6rem;color:rgba(255,255,255,.38);display:block;line-height:1.4}.ln-btn-pill{font-family:'DM Mono',monospace;font-size:.46rem;font-weight:700;letter-spacing:1.5px;padding:3px 8px;border-radius:100px;flex-shrink:0;align-self:center}.ln-btn-global .ln-btn-pill{background:rgba(255,107,157,.15);color:#ff6b9d;border:1px solid rgba(255,107,157,.3)}.ln-btn-rnd .ln-btn-pill{background:rgba(45,212,191,.12);color:#2dd4bf;border:1px solid rgba(45,212,191,.25)}.ln-btn-vid .ln-btn-pill{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border:none}.ln-btn-arrow{font-size:1.1rem;color:rgba(255,255,255,.2);flex-shrink:0;transition:transform .2s,color .2s}.ln-btn-card:hover .ln-btn-arrow{color:rgba(255,255,255,.5);transform:translateX(3px)}.ln-collage{margin:0 20px 16px;border-radius:20px;overflow:hidden;position:relative;background:rgba(20,12,32,.9);border:1px solid rgba(192,132,252,.12);padding:14px 14px 10px}.ln-collage-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100px 100px;gap:6px;border-radius:12px;overflow:hidden}.ln-collage-cell{border-radius:10px;overflow:hidden;position:relative;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}.ln-collage-cell.large{grid-row:1/3;border-radius:12px}.ln-collage-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.8rem;position:relative}.ln-collage-cell:first-child{background:linear-gradient(145deg,#1a0b2e,#2d1052)}.ln-collage-cell:nth-child(2){background:linear-gradient(145deg,#0a1e2e,#0f2d42)}.ln-collage-cell:nth-child(3){background:linear-gradient(145deg,#1e0b1a,#2e1230)}.ln-collage-cell:nth-child(4){background:linear-gradient(145deg,#0e1e14,#0f2a1a)}.ln-chip{position:absolute;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:5px 10px 5px 5px;font-size:.65rem;font-weight:600;color:#fff;white-space:nowrap;z-index:5;box-shadow:0 4px 16px rgba(0,0,0,.4)}.ln-chip-av{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0}.ln-chip-notif{position:absolute;top:10px;left:-12px;background:rgba(255,255,255,.92);color:#1a0b2e;border-radius:100px;padding:5px 10px;font-size:.62rem;font-weight:700;display:flex;align-items:center;gap:5px;box-shadow:0 4px 16px rgba(0,0,0,.3);animation:3s ease-in-out infinite chipFloat}.ln-chip-notif-dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899);display:flex;align-items:center;justify-content:center;font-size:.55rem}.ln-chip-user{bottom:14px;right:-14px;animation:3.5s ease-in-out .6s infinite chipFloat}.ln-chip-msg{bottom:-6px;left:6px;animation:4s ease-in-out 1.2s infinite chipFloat}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.ln-collage-label{text-align:center;margin-top:10px;font-family:'DM Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.18);letter-spacing:1.5px;text-transform:uppercase}.ln-sponsor-strip{margin:-8px 20px 16px;background:rgba(20,12,32,.9);border:1px solid rgba(192,132,252,.12);border-top:1px dashed rgba(192,132,252,.2);border-radius:0 0 20px 20px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s,border-color .2s;flex-wrap:wrap}.ln-sponsor-strip:hover{background:rgba(30,18,44,.95);border-color:rgba(192,132,252,.3)}.ln-sponsor-badge{font-family:'DM Mono',monospace;font-size:.5rem;letter-spacing:1px;color:var(--gold);background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);border-radius:100px;padding:2px 7px}.ln-sponsor-text{font-size:.68rem;color:rgba(255,255,255,.35)}.ln-sponsor-cta{font-size:.68rem;font-weight:700;color:var(--lavender);margin-left:2px}.ln-section-hdr{display:flex;align-items:center;gap:12px;padding:0 20px;margin-bottom:12px}.ln-section-hdr span{font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.22);white-space:nowrap}.ln-section-hdr::after,.ln-section-hdr::before{content:'';flex:1;height:1px;background:rgba(255,255,255,.07)}.ln-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin-bottom:0;width:100%}.ln-mode-card{border-radius:14px;padding:14px 13px;cursor:pointer;transition:.2s;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block;position:relative;overflow:hidden}.ln-mode-card:active{transform:scale(.97)}.ln-mode-random{background:rgba(45,212,191,.07);border:1px solid rgba(45,212,191,.2)}.ln-mode-random:hover{background:rgba(45,212,191,.13);border-color:rgba(45,212,191,.4)}.ln-mode-scrollx{background:rgba(236,72,153,.07);border:1px solid rgba(236,72,153,.2)}.ln-mode-scrollx:hover{background:rgba(236,72,153,.13);border-color:rgba(236,72,153,.4)}.ln-mode-confess{background:rgba(244,63,94,.06);border:1px solid rgba(244,63,94,.2)}.ln-mode-confess:hover{background:rgba(244,63,94,.11);border-color:rgba(244,63,94,.4)}.ln-mode-rooms{background:rgba(45,212,191,.05);border:1px solid rgba(45,212,191,.15)}.ln-mode-rooms:hover{background:rgba(45,212,191,.1);border-color:rgba(45,212,191,.35)}.ln-mode-games{background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.18)}.ln-mode-games:hover{background:rgba(251,191,36,.11);border-color:rgba(251,191,36,.38)}.ln-mode-scribble{background:rgba(250,204,21,.06);border:1px solid rgba(250,204,21,.2)}.ln-mode-scribble:hover{background:rgba(250,204,21,.11);border-color:rgba(250,204,21,.4)}.ln-mode-emoji{font-size:1.4rem;display:block;margin-bottom:7px}.ln-mode-icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.35)}.ln-mode-icon-scrollx{background:linear-gradient(145deg,#ec4899,#8b5cf6)}
.ln-mode-icon-scribble{background:linear-gradient(145deg,#facc15,#f97316)}.ln-mode-icon-confess{background:linear-gradient(145deg,#f43f5e,#be123c)}.ln-mode-icon-rooms{background:linear-gradient(145deg,#3b82f6,#1d4ed8)}.ln-mode-icon-games{background:linear-gradient(145deg,#f97316,#b45309)}.ln-mode-name{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.84rem;color:#f0e8f4;display:block;margin-bottom:2px}.ln-mode-desc{font-family:'DM Mono',monospace;font-size:.55rem;color:rgba(255,255,255,.3);display:block;line-height:1.5}.ln-trust{display:flex;justify-content:center;gap:0;padding:14px 16px 10px;flex-wrap:wrap}.ln-trust-item{display:flex;align-items:center;gap:5px;padding:4px 11px;font-family:'DM Mono',monospace;font-size:.57rem;color:rgba(255,255,255,.24);border-right:1px solid rgba(255,255,255,.07)}.ln-trust-item:last-child{border-right:none}.ln-socials{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 0;margin-bottom:24px}.ln-social-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.2s}.ln-social-insta{background:rgba(225,48,108,.1);border:1px solid rgba(225,48,108,.22);color:#e1306c}.ln-social-insta:hover{background:rgba(225,48,108,.2)}.ln-social-tg{background:rgba(0,136,204,.1);border:1px solid rgba(0,136,204,.22);color:#08c}.ln-social-tg:hover{background:rgba(0,136,204,.2)}.ln-social-support{background:rgba(192,132,252,.1);border:1px solid rgba(192,132,252,.22);color:#c084fc}.ln-social-support:hover{background:rgba(192,132,252,.2)}.ln-seo-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- original inline <style> block 7 (attrs: none) ---- */
.ln-faq{max-width:680px;margin:28px auto 0;padding:0 16px}.ln-faq-heading{font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.3px;margin-bottom:6px;color:#f0e8f4;text-align:center;display:flex;flex-direction:column;gap:5px}.ln-faq-heading-sub{font-family:'DM Mono',monospace;font-weight:400;font-size:.65rem;letter-spacing:.3px;color:rgba(255,255,255,.35);text-transform:none}.ln-faq-list{display:flex;flex-direction:column;gap:8px}.ln-faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px}.ln-faq-item summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}.ln-faq-item summary::-webkit-details-marker{display:none}.ln-faq-item summary::after{content:'+';font-size:1.2rem;color:var(--muted);flex-shrink:0}.ln-faq-item[open] summary::after{content:'−'}.ln-faq-item p{margin-top:8px;font-size:.82rem;line-height:1.6;color:var(--text2)}

/* ---- original inline <style> block 8 (attrs: none) ---- */
.ln-variant-content:empty{display:none}#lnVariantFaqItems:empty{display:none}.ln-variant-inner{max-width:680px;margin:20px auto 0;padding:0 16px}.ln-variant-heading{font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.2px;color:#f0e8f4;margin-bottom:8px}.ln-variant-subheading{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.95rem;color:#f0e8f4;margin:14px 0 6px}.ln-variant-inner p{font-size:.85rem;line-height:1.65;color:var(--text2);margin-bottom:10px}.ln-variant-list{margin:0 0 10px;padding-left:18px;display:flex;flex-direction:column;gap:6px}.ln-variant-list li{font-size:.85rem;line-height:1.6;color:var(--text2)}.ln-compare-table{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:.78rem;background:rgba(255,255,255,.03);border-radius:10px;overflow:hidden}.ln-compare-table th,.ln-compare-table td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}.ln-compare-table th{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.ln-compare-table td{color:var(--text2)}.ln-compare-table tr:last-child td{border-bottom:none}

/* ---- original inline <style> block 9 (attrs: none) ---- */

.join-card{border-radius:26px;padding:26px 24px 24px;background:linear-gradient(180deg,rgba(35,20,48,.9),rgba(24,13,34,.95));border:1px solid rgba(192,132,252,.16);box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden}
.join-card::before{height:3px;background:linear-gradient(90deg,var(--rose),var(--lavender),var(--teal),var(--rose))}
.join-card::after{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,.14),transparent 70%);pointer-events:none}
.jsection{margin-bottom:20px;position:relative;z-index:1}
.jsection:last-of-type{margin-bottom:0}
.jsection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.jsection-head .jlabel{margin-bottom:0}
.jshuffle-btn{display:inline-flex;align-items:center;gap:5px;background:rgba(192,132,252,.08);border:1px solid rgba(192,132,252,.22);color:var(--lavender);font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.5px;padding:5px 11px;border-radius:100px;cursor:pointer;transition:.2s}
.jshuffle-btn:hover{background:rgba(192,132,252,.18);border-color:rgba(192,132,252,.45);transform:translateY(-1px)}
.jshuffle-btn:active{transform:scale(.94)}
.jshuffle-icon{display:inline-block;transition:transform .35s}
.jshuffle-btn:hover .jshuffle-icon{transform:rotate(180deg)}
.jdivider{height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.16),transparent);margin:20px 0}
.name-suggestions{gap:7px;margin-bottom:12px}
.name-chip{background:rgba(255,255,255,.03);border:1px solid rgba(192,132,252,.18);border-radius:11px;padding:8px 12px;font-size:.74rem;color:var(--text2);display:inline-flex;align-items:center;gap:7px;transition:.18s;font-family:'DM Mono',monospace}
.name-chip::before{content:'';width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--lavender));flex-shrink:0}
.name-chip:hover{background:rgba(192,132,252,.1);border-color:rgba(192,132,252,.4);transform:translateY(-2px);color:var(--text)}
.name-chip.selected{background:linear-gradient(135deg,rgba(255,107,157,.14),rgba(192,132,252,.14));border-color:rgba(255,107,157,.55);color:var(--text);box-shadow:0 0 0 3px rgba(255,107,157,.1)}
.name-chip.selected::before{background:var(--rose);box-shadow:0 0 8px var(--rose)}
.name-chip.selected::after{content:'✓';margin-left:1px;color:var(--rose);font-weight:700;font-size:.68rem}
.name-chip-label{display:none}
.jinput-wrap{position:relative;display:flex;align-items:center;margin-bottom:4px}
.jinput-at{position:absolute;left:15px;color:var(--muted);font-family:'DM Mono',monospace;font-size:.9rem;pointer-events:none;transition:color .2s}
.jinput-wrap:focus-within .jinput-at{color:var(--rose)}
.jinput{background:rgba(0,0,0,.25);border:1.5px solid rgba(255,255,255,.08);border-radius:13px;padding:13px 52px 13px 30px;margin-bottom:0;transition:border-color .2s,box-shadow .2s,background .2s}
.jinput:focus{background:rgba(0,0,0,.35);box-shadow:0 0 0 4px rgba(255,107,157,.1)}
.jinput-count{position:absolute;right:14px;font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted);pointer-events:none;letter-spacing:.3px}
.gender-row{display:flex;gap:10px}
.gender-btn{position:relative;padding:16px 10px 13px;border-radius:16px;background:rgba(255,255,255,.025);border:1.5px solid rgba(255,255,255,.07)}
.gender-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.gender-btn.active{background:linear-gradient(160deg,rgba(255,107,157,.1),rgba(124,58,237,.14));border-color:rgba(255,107,157,.5);box-shadow:0 0 0 3px rgba(255,107,157,.08),0 8px 22px rgba(124,58,237,.15)}
.gender-icon-wrap{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);margin-bottom:8px;transition:.2s}
.gender-btn.active .gender-icon-wrap{background:linear-gradient(135deg,rgba(255,107,157,.22),rgba(192,132,252,.22))}
.gender-icon{font-size:1.5rem;transition:transform .2s}
.gender-btn.active .gender-icon{transform:scale(1.08)}
.gender-text{font-family:'DM Sans',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.3px;color:var(--text2)}
.gender-btn.active .gender-text{color:var(--text)}
.gender-check{position:absolute;top:9px;right:9px;width:17px;height:17px;border-radius:50%;background:var(--rose);color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:.2s;box-shadow:0 2px 8px rgba(255,61,122,.5)}
.gender-btn.active .gender-check{opacity:1;transform:scale(1)}
#turnstileWidget{overflow:visible!important;width:calc(100% + 48px)!important;max-width:calc(100% + 48px)!important;margin-left:-24px!important;margin-right:-24px!important;box-sizing:border-box!important}.cap-section{overflow:visible}
.join-btn{border-radius:14px;padding:15px;font-size:.98rem;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(120deg,var(--rose),var(--rose2),var(--rose));background-size:200% 100%;box-shadow:0 10px 26px rgba(255,61,122,.28)}
.join-btn:hover{background-position:100% 0}
.join-btn-spark{display:inline-block;transition:transform .25s}
.join-btn:hover .join-btn-spark{transform:rotate(20deg) scale(1.15)}
.join-logo .logo-text{filter:drop-shadow(0 0 18px rgba(192,132,252,.25))}


/* ---- original inline <style> block 10 (attrs: none) ---- */

/* =========================================================
   FunChat — Global Chat visual polish
   ========================================================= */

/* ---------- 1. Header: tighten & de-clutter ---------- */
.chat-header{
  padding:8px 12px !important;
  gap:6px !important;
}
.header-divider{ opacity:.5; }
.you-pill, .online-pill{
  padding:3px 9px !important;
}
.you-pill{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:var(--text2) !important;
}
.leave-btn-header{
  margin-left:2px;
}

/* ---------- 2. Message list rhythm ---------- */
.msgs{
  gap:10px !important;
  padding:16px 12px !important;
}
.msg-sender{
  padding:0 2px !important;
  margin-bottom:3px !important;
  font-weight:600;
}
.msg-avatar{
  box-shadow:0 0 0 2px rgba(255,255,255,.05);
}
.msg-avatar.premium{
  box-shadow:0 0 0 2px rgba(251,191,36,.55);
}
.msg-wrap.them .bubble{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.msg-wrap.me .bubble{
  box-shadow:0 3px 14px rgba(124,58,237,.22) !important;
}

/* ---------- 3. Stats card: recede instead of dominate ---------- */
.stats-inner{
  border-radius:14px !important;
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.03) !important;
}
.stats-head{
  padding:9px 14px !important;
  background:rgba(255,255,255,.03) !important;
  border-bottom-color:rgba(255,255,255,.06) !important;
}
.stats-title{
  color:var(--text2) !important;
  font-weight:600;
}
.stats-body{
  padding:10px 14px !important;
  gap:7px !important;
}
.stats-row{
  padding-bottom:7px !important;
}
.stats-val{
  font-size:.8rem !important;
}
.stats-top-item{
  background:rgba(255,255,255,.03) !important;
}
.stats-share-btn{
  margin:8px 14px 10px !important;
  padding:8px !important;
  font-size:.58rem !important;
}

/* ---------- 4. Typing / watchers bar: make it legible ---------- */
.typing-bar{
  padding:2px 14px !important;
  min-height:26px !important;
}
.watchers-pill{
  color:#e5e0ec !important;
  background:rgba(20,14,30,.88) !important;
  border-color:rgba(255,255,255,.14) !important;
  backdrop-filter:blur(6px);
  box-shadow:0 2px 10px rgba(0,0,0,.35);
}

/* ---------- 5. Input row: make Send the clear single CTA ---------- */
.input-area{
  padding:10px 12px !important;
}
.attach-btn, #vibeBtn{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.send-btn{
  box-shadow:0 4px 16px rgba(255,61,122,.3) !important;
}

/* ---------- 6. System / join messages → quiet date-divider style ---------- */
.sys-bubble{
  background:rgba(255,255,255,.035) !important;
  border:none !important;
  opacity:.9;
  font-weight:500;
  letter-spacing:.6px !important;
}

/* =========================================================
   7. MODERN CHAT PASS — feed depth, bubble shape, avatars,
      timestamps, reactions, media. CSS-only, no JS changes.
   ========================================================= */

/* Ambient depth behind the feed instead of a flat black void —
   two soft, off-screen color washes tied to the brand gradient. */
.msgs{
  position:relative;
  background:
    radial-gradient(560px circle at 12% -8%, rgba(255,107,157,.055), transparent 58%),
    radial-gradient(480px circle at 92% 22%, rgba(192,132,252,.05), transparent 55%);
  background-attachment:local;
}

/* Bubble shape: single small "tail" corner instead of a flat
   pill, softer/deeper shadow, subtle inner highlight for glass
   feel. This is the one visual risk here — everything else stays
   restrained around it. */
.bubble{
  border-radius:19px !important;
  transition:transform .12s ease;
}
.msg-wrap.me .bubble{
  border-radius:19px 19px 5px 19px !important;
  box-shadow:0 4px 18px rgba(124,58,237,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.msg-wrap.them .bubble{
  border-radius:19px 19px 19px 5px !important;
  background:rgba(255,255,255,.06) !important;
  box-shadow:0 2px 12px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.msg-wrap:hover .bubble{ transform:translateY(-1px); }

/* Avatars: soft ring + lift instead of a flat colored disc */
.msg-avatar{
  box-shadow:0 0 0 2px rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.25);
  transition:transform .15s ease;
}
.msg-avatar.premium{
  box-shadow:0 0 0 2px rgba(251,191,36,.55), 0 2px 10px rgba(251,191,36,.2);
}
.msg-wrap:hover .msg-avatar{ transform:scale(1.05); }

/* Timestamps: quiet by default, sharpen on hover — keeps the
   feed calm without hiding the info */
.msg-time{
  opacity:.5 !important;
  transition:opacity .15s ease;
  font-variant-numeric:tabular-nums;
}
.msg-group:hover .msg-time{ opacity:.9 !important; }

/* Reactions: glass pill, small lift on hover/tap */
.reaction-pill{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.12) !important;
  transition:transform .12s ease, background .15s ease;
}
.reaction-pill:hover{ transform:translateY(-2px) scale(1.05); }
.reaction-pill.mine{
  background:rgba(192,132,252,.16) !important;
  border-color:rgba(192,132,252,.45) !important;
}

/* Media bubbles: match the new bubble radius/depth language */
.img-bubble{ border-radius:18px !important; box-shadow:0 6px 24px rgba(0,0,0,.32) !important; }
.img-bubble img{ border-radius:18px !important; }
.voice-bubble{ border-radius:19px !important; }
.poll-bubble{ border-radius:19px !important; }
.poll-opt{ border-radius:12px !important; }

/* Reply-quote strip inside bubbles: soften to match */
.bubble > div[style*="border-left:3px solid"]{
  border-radius:0 10px 10px 0 !important;
}


/* ---- original inline <style> block 11 (attrs: none) ---- */
body.on-random-chat #fcRadioBtn,body.on-random-chat #friendsBubble{display:none!important}body.on-random-chat #fcRadioPanel{top:60px;right:8px;}body.on-landing #fcRadioBtn,body.on-landing #friendsBubble{display:none!important}body.on-landing #fcRadioPanel{position:fixed;top:56px;right:12px;bottom:auto;}

/* ---- original inline <style> block 12 (attrs: none) ---- */
#fcRadioBtn{position:fixed;top:270px;right:10px;z-index:850;width:42px;height:42px;border-radius:50%;background:rgba(20,10,32,.9);backdrop-filter:blur(12px);border:1px solid rgba(192,132,252,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;user-select:none;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform .15s}#fcRadioBtn:active{transform:scale(.92)}#fcRadioBtn.playing{border-color:rgba(34,197,94,.6)}#fcRadioPanel{position:fixed;top:366px;right:10px;z-index:850;width:220px;max-height:70vh;overflow-y:auto;background:rgba(20,10,32,.97);backdrop-filter:blur(20px);border:1px solid rgba(192,132,252,.25);border-radius:14px;padding:10px;display:none;box-shadow:0 8px 32px rgba(0,0,0,.45);font-family:'DM Sans',sans-serif}#fcRadioPanel.open{display:block;animation:.15s fcRadioFade}@keyframes fcRadioFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#fcRadioPanel .fc-title{font-size:.72rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 2px}#fcRadioPanel .fc-station{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:.82rem;color:rgba(255,255,255,.85);margin-bottom:3px;transition:background .15s}#fcRadioPanel .fc-station:hover{background:rgba(192,132,252,.1)}#fcRadioPanel .fc-station.active{background:rgba(192,132,252,.18);color:#fff}#fcRadioPanel .fc-station .fc-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);flex-shrink:0}#fcRadioPanel .fc-station.active .fc-dot{background:#22c55e;box-shadow:0 0 6px #22c55e}#fcRadioPanel .fc-controls{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}#fcRadioPlayBtn{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#be185d);border:none;color:#fff;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}#fcRadioVol{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.15);border-radius:2px;outline:0}#fcRadioVol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#c084fc;cursor:pointer}#fcRadioStatus{font-size:.68rem;color:rgba(255,255,255,.4);margin-top:6px;text-align:center}@media (max-width:480px){#fcRadioBtn{top:252px;right:8px;width:38px;height:38px;font-size:1rem}#fcRadioPanel{top:340px;right:8px;width:190px}}

/* ---- original inline <style> block 13 (attrs: none) ---- */
@media (max-width:480px){#friendsBubble{top:300px;right:8px;width:30px;height:30px;font-size:.85rem}}
/* Compact ban card (v2) — replaces the tall 6-row layout */
.ban-card{width:min(340px,92%)!important;margin:6px 0!important}
.ban-inner{border-radius:16px!important}
.ban-head{padding:9px 12px!important;gap:8px!important}
.ban-head-badge{width:24px!important;height:24px!important;border-radius:8px!important;font-size:.78rem!important}
.ban-head-text{font-size:.56rem!important;flex:1;min-width:0;letter-spacing:1px!important}
.ban-dur{font-family:'DM Mono',monospace;font-size:.6rem;font-weight:700;color:#fda4af;background:rgba(244,63,94,.16);border:1px solid rgba(244,63,94,.35);border-radius:100px;padding:3px 9px;white-space:nowrap}
.ban-body{padding:11px 12px 12px!important;gap:9px!important}
.ban-user{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ban-user-lbl{font-family:'DM Mono',monospace;font-size:.54rem;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.ban-user-name{font-weight:800;font-size:.95rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}
.ban-reason{font-size:.74rem;line-height:1.4;color:#fcd34d;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:7px 10px}
.ban-times{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ban-t{display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.04);border-radius:10px;padding:7px 10px}
.ban-t span{font-family:'DM Mono',monospace;font-size:.52rem;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.ban-t b{font-size:.78rem;font-weight:700;color:#c4b5fd}
.ban-t.grn b{color:#4ade80}
.ban-foot{padding:7px 12px!important;font-size:.54rem!important}

/* ---- video UI polish (v7) ---- */
.fc-cbtn{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .15s,background .2s;-webkit-tap-highlight-color:transparent}
.fc-cbtn:active{transform:scale(.93)}
.fc-cbtn-glass{background:rgba(255,255,255,.12)}
.fc-cbtn-glass:hover{background:rgba(255,255,255,.2)}
.fc-cbtn-glass.off{background:#fff;color:#111;border-color:#fff}
.fc-cbtn-red{width:66px;height:66px;background:linear-gradient(135deg,#f43f5e,#dc2626);border:none;box-shadow:0 10px 28px rgba(239,68,68,.45)}
.fc-cbtn-green{width:66px;height:66px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;box-shadow:0 10px 28px rgba(34,197,94,.45)}
.fc-call-avatar{box-shadow:0 0 0 4px rgba(167,139,250,.35),0 0 0 10px rgba(167,139,250,.12);animation:fcRing 2.2s ease-in-out infinite}
@keyframes fcRing{0%,100%{box-shadow:0 0 0 4px rgba(167,139,250,.35),0 0 0 10px rgba(167,139,250,.12)}50%{box-shadow:0 0 0 6px rgba(167,139,250,.3),0 0 0 18px rgba(167,139,250,.05)}}
#vidControlsBar{background:linear-gradient(180deg,rgba(10,6,16,.0),#0a0610 40%);gap:10px;padding:10px 10px max(18px,env(safe-area-inset-bottom))}
#vidControlsBar .vid-btn{width:48px;height:48px;font-size:0;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#fff}
#vidControlsBar .vid-btn svg{display:block}
#vidControlsBar .vid-btn.off{background:#fff;color:#111;border-color:#fff}
#vidControlsBar .vid-btn.skip{width:auto;height:48px;padding:0 18px;gap:8px;font-size:.78rem;font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:.2px;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;box-shadow:0 6px 20px rgba(124,58,237,.4)}
#vidControlsBar .vid-btn.leave{width:52px;height:52px;background:linear-gradient(135deg,#f43f5e,#dc2626);color:#fff;border:none;box-shadow:0 6px 20px rgba(239,68,68,.4)}
#vidYouLabel{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.55rem;padding:3px 9px}
.vid-header{background:linear-gradient(180deg,#0a0610,rgba(10,6,16,.85))}
#rndCallOverlay.fc-video #rndCallActiveActions,#rndCallOverlay.fc-video #rndCallIncomingActions{position:absolute!important;left:0;right:0;bottom:max(30px,env(safe-area-inset-bottom));margin-top:0!important;justify-content:center;z-index:60!important}

/* ---- Voice Call mode (/voice-calls) — reuses the video-chat screen with
   camera output swapped for avatars. Only applies when body has this class;
   the default (camera) video-chat appearance is completely untouched. ----
   v2: one plain full screen instead of the stranger/self split (that split
   only made sense with two camera feeds) — self becomes a small floating
   pill instead of taking half the screen. */
body.vid-voice-only #vidStranger,body.vid-voice-only #vidSelfVideo{opacity:0;pointer-events:none}
body.vid-voice-only #vidCamBtn,body.vid-voice-only #vidFlipBtn{display:none!important}
body.vid-voice-only #vidSpeakerBtn{display:inline-flex!important}
body.vid-voice-only #vidSpeakerBtn.off{background:rgba(255,255,255,.04);color:rgba(255,255,255,.4)}
/* One-per-session ad slot, only relevant once actually connected. */
/* No horizontal padding here: the slot is exactly 320px and box-sizing is
   border-box, so 12px each side left the 320x50 creative only 296px and it
   got clipped on both edges. The ad needs the full 320px. */
body.vid-voice-only #vidVoiceAdSlot{padding:0;box-sizing:border-box}
body.vid-voice-only #vidVoiceAdIframe{width:320px !important;max-width:320px !important;overflow:visible}
body.vid-voice-only #fcRadioBtn{display:none!important}
body.vid-voice-only #vidVideos{flex-direction:column;position:relative}
body.vid-voice-only #vidStrangerHalf{flex:1 1 auto;background:radial-gradient(circle at 50% 32%,#2a1650 0%,#120a1f 60%,#07040c 100%)}
body.vid-voice-only #vidStrangerBubble{position:absolute;inset:0;top:0;left:0;transform:none;display:flex!important;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;padding:0}
body.vid-voice-only .vid-bubble-card{flex-direction:column;background:none;border:none;box-shadow:none;padding:0;gap:14px;text-align:center;max-width:340px;width:100%}
/* The base .vid-bubble-card caps at 180px (sized for the small video-call
   corner card) — without this reset, the 320px ad above was squeezed into
   that box and clipped by #vidStrangerHalf overflow:hidden. */
body.vid-voice-only #vidStrangerAvatar.vid-card-avatar{width:150px;height:150px;border-width:3px;box-shadow:0 0 0 10px rgba(168,85,247,.08)}
body.vid-voice-only #vidStrangerCardName{font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.25rem;justify-content:center}
body.vid-voice-only #vidStrangerCardMeta{font-size:.78rem;justify-content:center}
body.vid-voice-only .vid-bubble-card>button{position:relative;margin-top:6px;width:34px;height:34px;font-size:.9rem}
/* self becomes a small floating "you" pill in the bottom-right corner instead of a 50/50 half */
body.vid-voice-only #vidSelfHalf{position:absolute;right:14px;bottom:14px;width:64px;height:64px;flex:none;border-radius:50%;border:2px solid rgba(168,85,247,.4);box-shadow:0 6px 18px rgba(0,0,0,.4);background:#1c1330;display:flex;align-items:center;justify-content:center;z-index:15}
body.vid-voice-only #vidYouLabel{display:none}
#vidSelfAvatarWrap{display:none;align-items:center;justify-content:center;width:100%;height:100%}
body.vid-voice-only #vidSelfAvatarWrap{display:flex}
#vidSelfAvatarWrap .vid-card-avatar{width:56px;height:56px;border-width:2px}
/* voiceCallAdSlot hide/show rule lives further down, next to the rest of
   the redesign — see "body.vid-voice-only #voiceCallAdSlot{display:none}" */

/* Consolidated floating bubbles — original friendsBubble/fcRadioBtn stay in
   the DOM for their onclick handlers/badge logic but are visually replaced
   by fcMoreBubble + fcGameBubble (bottom-anchored, never overlaps input). */
#friendsBubble,#fcRadioBtn,#vrFab{display:none!important}
#fcMoreBubble:active,#fcGameBubble:active{transform:scale(.93)}
body.on-random-chat #fcMoreBubble,body.on-random-chat #fcGameBubble,body.on-landing #fcMoreBubble,body.on-landing #fcGameBubble{display:none!important}
@media(max-width:480px){#fcMoreBubble,#fcGameBubble{width:40px;height:40px;font-size:1rem}#fcMoreBubble{top:64px}#fcGameBubble{top:112px}#fcMoreMenu{top:310px}}

/* Voice Call: drop the "Go VIP"/"Support FunChat" cards from the waiting
   placeholder (a persistent VIP button now lives in the header instead —
   see #vidVipBtn) and hide the header's own gift/support button too. */
body.vid-voice-only #vidWaitActions{display:none!important}
body.vid-voice-only #voiceCallAdSlot{display:none!important}
#vidVipBtn{display:none}
body.vid-voice-only #vidVipBtn{display:inline-flex!important;align-items:center;gap:4px;background:linear-gradient(135deg,#fcd34d,#f59e0b);border:none;color:#451a03;font-family:'DM Sans',sans-serif;font-weight:800;font-size:.62rem;padding:5px 10px;border-radius:100px;cursor:pointer;letter-spacing:.2px;margin-right:2px;}

/* Voice Call: the stranger's avatar pulses while they're actually talking
   (driven by a Web Audio analyser on the incoming audio track — see
   fcStartVoiceActivityAnim). */
body.vid-voice-only #vidStrangerAvatar.vid-card-avatar{transition:box-shadow .12s ease}
body.vid-voice-only #vidStrangerAvatar.vid-card-avatar.speaking{box-shadow:0 0 0 10px rgba(74,222,128,.22),0 0 0 3px rgba(74,222,128,.6)!important;animation:fcVoicePulse 1s ease-in-out infinite}
@keyframes fcVoicePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}

/* Voice Call redesign (funchatx.com reference): glowing mic circle while
   searching, naturally replaced by the stranger's avatar in the exact same
   spot once matched; VIP (left) + Filter (right) moved into their own row
   under the header instead of the header's own button row. */
body.vid-voice-only #vidSpinner{display:none!important}
body.vid-voice-only #vidVoiceMicCircle{display:flex!important}
body.vid-voice-only.vid-voice-live #vidVoiceMicCircle{display:none!important}
/* Nothing about the stranger is shown until a stranger is actually there. */
body.vid-voice-only #vidStrangerAvatar.vid-card-avatar,
body.vid-voice-only #vidStrangerCardName,
body.vid-voice-only #vidStrangerCardMeta{display:none!important}
body.vid-voice-only.vid-voice-live #vidStrangerAvatar.vid-card-avatar{display:flex!important}
body.vid-voice-only.vid-voice-live #vidStrangerCardName{display:flex!important}
body.vid-voice-only.vid-voice-live #vidStrangerCardMeta{display:flex!important}
/* Header stays clean — the status reads in the centre of the stage. */
body.vid-voice-only #vidStatusPill{display:none!important}
/* ---- Voice call header ---- */
body.vid-voice-only .vid-header{position:relative}body.vid-voice-only #vidVoiceTitle{display:inline-flex!important;align-items:center;gap:6px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap}body.vid-voice-only #vidVoiceTitle>span:first-child{display:none}
/* No camera in a voice call, so the self-preview pill is an empty
   translucent bubble floating over the stage. Remove it entirely. */
body.vid-voice-only #vidSelfHalf,
body.vid-voice-only #vidSelfAvatarWrap{display:none!important}
/* The add-friend button sat on the stage while still searching: a green
   translucent circle floating under the mic, with nobody to add yet. */
body.vid-voice-only:not(.vid-voice-live) #vidStrangerBubble{display:none!important}
body.vid-voice-only.vid-voice-live .vid-bubble-card>button{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:min(280px,78vw)!important;height:auto!important;padding:14px 22px!important;border-radius:100px!important;margin-top:18px!important;background:linear-gradient(90deg,#8b5cf6 0%,#a855f7 45%,#ec4899 100%)!important;border:none!important;color:#fff!important;font-size:0!important;line-height:1;cursor:pointer;box-shadow:0 10px 26px rgba(168,85,247,.32)!important;transition:transform .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}body.vid-voice-only.vid-voice-live .vid-bubble-card>button::before{content:'';width:18px;height:18px;flex:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E") center/contain no-repeat}body.vid-voice-only.vid-voice-live .vid-bubble-card>button::after{content:'Add Friend  \2192';font-family:'DM Sans',sans-serif;font-weight:800;font-size:.9rem;letter-spacing:.2px;white-space:nowrap}body.vid-voice-only.vid-voice-live .vid-bubble-card>button:active{transform:scale(.97);box-shadow:0 5px 14px rgba(168,85,247,.3)!important}
body.vid-voice-only .vid-header{padding:11px 14px;background:linear-gradient(180deg,rgba(26,16,45,.96),rgba(12,8,22,.92));border-bottom:1px solid rgba(168,85,247,.16);backdrop-filter:blur(12px)}
body.vid-voice-only .vid-brand{font-size:.9rem;letter-spacing:-.2px}
/* The "you are X" pill is noise next to a call you are already in. */
body.vid-voice-only #vidYouPill{display:none!important}
body.vid-voice-only .vid-header button[onclick="leaveVideo()"]{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.66rem;padding:6px 13px;background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.32);letter-spacing:0}
/* The VIP / Filter row reads as part of the header, not a stray strip. */
body.vid-voice-only #vidVoiceSubRow{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));border-bottom:1px solid rgba(255,255,255,.05);padding:9px 14px}
/* Centre status: quiet while searching, confident once connected. */
body.vid-voice-only #vidVoiceStatusCenter{display:block!important;color:rgba(203,213,225,.75)}
body.vid-voice-only.vid-voice-live #vidVoiceStatusCenter{color:#4ade80}
/* Floating bubbles sat on top of the controls bar and swallowed the Next
   button taps. A voice call is a focused screen: no bubbles at all. */
body.vid-voice-only #fcMoreBubble,
body.vid-voice-only #fcGameBubble,
body.vid-voice-only #fcMoreMenu,
body.vid-voice-only #friendsBubble,
body.vid-voice-only #drawBubble{display:none!important}
@keyframes fcMicPulse{0%,100%{box-shadow:0 0 40px rgba(168,85,247,.25)}50%{box-shadow:0 0 56px rgba(168,85,247,.4)}}
body.vid-voice-only #vidVoiceSubRow{display:flex!important}
/* Report flag — floats in the top-right of the call area, well clear of
   the header and the VIP/Filter row. No pill and no outline: just the
   glyph, with a drop-shadow so it stays legible over any video frame. */
#vidVoiceReportBtn{display:none}
body.vid-voice-only #vidVoiceReportBtn{
  display:flex;align-items:center;justify-content:center;
  position:absolute;top:10px;right:10px;z-index:6;
  width:38px;height:38px;padding:0;
  background:none;border:none;border-radius:0;
  color:#ef4444;cursor:pointer;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.85));
  -webkit-tap-highlight-color:transparent;
  transition:transform .1s ease,opacity .15s ease;
}
body.vid-voice-only #vidVoiceReportBtn:active{transform:scale(.88)}
/* Nobody to report until the call is actually up. */
body.vid-voice-only:not(.vid-voice-live) #vidVoiceReportBtn{opacity:.5}
/* the header's own VIP/Filter/gift buttons are replaced by the sub-row versions */
body.vid-voice-only #vidVipBtn,body.vid-voice-only #vidGenderBtn{display:none!important}

/* Global chat background — doodle wallpaper image. */
#msgsArea{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.24)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(10,10) scale(0.6)' d='M12 2.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z'/%3E%3Cpath transform='translate(55,40) scale(0.4)' d='M12 2.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z'/%3E%3Cpath transform='translate(25,65) scale(0.45)' d='M12 2.5l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6-4.6-4.1 6.1-.6z'/%3E%3Ccircle cx='75' cy='15' r='1.5' fill='rgba(255,255,255,0.28)' stroke='none'/%3E%3Ccircle cx='45' cy='85' r='1.2' fill='rgba(255,255,255,0.26)' stroke='none'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:60px 60px;background-attachment:scroll!important}


/* ===================== GLOBAL CHAT — REFRESHED UI ===================== */

/* ---- Header: readable sizes, real tap targets, calmer grouping ---- */
#chatScreen .chat-header{
  padding:9px 12px !important;
  gap:10px !important;
  border-bottom:1px solid rgba(192,132,252,.14) !important;
}
#chatScreen .header-left{gap:9px !important}
#chatScreen .brand-word{font-size:15px !important;letter-spacing:-.2px}
#chatScreen .header-divider{opacity:.35}
#chatScreen .online-pill{
  font-size:11px !important;
  padding:5px 10px !important;
  letter-spacing:.2px !important;
  font-weight:600;
}
#chatScreen .online-dot{width:6px;height:6px}
#chatScreen .header-right{display:flex;align-items:center;gap:7px}
#chatScreen .you-pill{
  font-size:11px !important;
  padding:5px 10px !important;
  max-width:96px !important;
  letter-spacing:.2px !important;
}
#chatScreen .donate-btn-header,
#chatScreen .leave-btn-header{
  font-family:'DM Sans',sans-serif !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  height:32px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius:9px !important;
}
#chatScreen .leave-btn-header{
  background:rgba(244,63,94,.1) !important;
  border:1px solid rgba(244,63,94,.28) !important;
}

/* ---- The auto-delete notice: informative, not shouty ---- */
#chatScreen .timer-bar{
  font-size:10px !important;
  letter-spacing:.3px !important;
  padding:5px 12px !important;
  color:rgba(255,255,255,.34) !important;
  background:rgba(192,132,252,.035) !important;
}

/* ---- Messages: roomier, easier to scan ---- */
#chatScreen .msgs{padding:14px 10px 10px !important;gap:9px !important}

/* Sender name gets the emphasis; the gender glyph stops competing with it. */
#chatScreen .msg-sender{
  font-family:'DM Sans',sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.1px !important;
  opacity:.92;
  margin-bottom:4px !important;
  padding:0 4px !important;
  display:flex;
  align-items:center;
  gap:3px;
}
#chatScreen .msg-sender span[style*="1.6em"]{
  font-size:.95em !important;
  margin-left:2px !important;
  opacity:.75;
}
#chatScreen .msg-wrap.me .msg-sender{color:rgba(255,145,185,.85) !important}

/* Comfortable reading size and generous padding. */
#chatScreen .bubble{
  font-size:15px !important;
  line-height:1.5 !important;
  padding:10px 14px !important;
}
#chatScreen .msg-wrap.them .bubble{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:18px 18px 18px 6px !important;
  box-shadow:0 2px 10px rgba(0,0,0,.28) !important;
}
#chatScreen .msg-wrap.me .bubble{
  background:linear-gradient(135deg,#7c3aed,#c026a3) !important;
  border:none !important;
  border-radius:18px 18px 6px 18px !important;
  box-shadow:0 4px 16px rgba(124,58,237,.3) !important;
}
#chatScreen .msg-wrap{gap:9px !important;max-width:84% !important}

/* ---- Input: pill field, circular controls, proper tap targets ---- */
#chatScreen .input-area{
  padding:9px 10px !important;
  padding-bottom:max(10px,env(safe-area-inset-bottom)) !important;
  border-top:1px solid rgba(192,132,252,.12);
}
#chatScreen .input-row{gap:8px !important;align-items:center !important}
#chatScreen .msg-input{
  font-size:16px !important;            /* 16px stops iOS zooming on focus */
  padding:11px 16px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  min-height:42px;
  display:flex;
  align-items:center;
}
#chatScreen .msg-input:focus{
  border-color:rgba(192,132,252,.42) !important;
  background:rgba(255,255,255,.075) !important;
}
#chatScreen .attach-btn{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  font-size:17px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  flex-shrink:0;
}
#chatScreen .send-btn{
  height:42px !important;
  padding:0 18px !important;
  border-radius:22px !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  flex-shrink:0;
  box-shadow:0 4px 14px rgba(124,58,237,.3);
}
#chatScreen .send-btn:disabled{opacity:.45;box-shadow:none}

/* Small phones: trim padding rather than shrinking text below readability. */
@media(max-width:380px){
  #chatScreen .msg-wrap{max-width:89% !important}
  #chatScreen .bubble{font-size:14px !important;padding:9px 12px !important}
  #chatScreen .send-btn{padding:0 14px !important}
  #chatScreen .donate-btn-header,#chatScreen .leave-btn-header{padding:0 9px !important;font-size:11px !important}
}


/* ---------- Instagram-style pass: strip the chrome, let messages lead ---------- */

/* VIP and Leave are gone from the header; the back arrow replaces Leave. */
#chatScreen .donate-btn-header,
#chatScreen .leave-btn-header{display:none !important}

#chatScreen .chat-back-btn{
  width:34px;height:34px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:none;cursor:pointer;
  color:rgba(255,255,255,.88);
  border-radius:50%;margin-left:-6px;
  transition:background .15s ease;
}
#chatScreen .chat-back-btn:active{background:rgba(255,255,255,.08)}

/* Online = a green dot and a number. No label. */
#chatScreen .online-pill{
  background:transparent !important;
  border:none !important;
  padding:2px 0 !important;
  gap:5px !important;
  font-size:12px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.55) !important;
}
#chatScreen .online-dot{
  width:7px;height:7px;border-radius:50%;
  background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.7);
}
#chatScreen .header-divider{display:none}
#chatScreen .you-pill{display:none !important}

/* Sender names stay — in a room full of strangers they are the only
   reliable way to tell who said what. Only the header username is gone. */
#chatScreen .msg-wrap.me .msg-sender{display:none !important}

/* Tighter, rounder, more DM-like. */
#chatScreen .msgs{padding:12px 12px 8px !important;gap:7px !important}
#chatScreen .msg-wrap{max-width:80% !important;gap:8px !important;align-items:flex-end !important}
#chatScreen .bubble{
  border-radius:20px !important;
  padding:9px 14px !important;
  font-size:15px !important;
  line-height:1.45 !important;
}
#chatScreen .msg-wrap.them .bubble{
  background:#262629 !important;
  border:none !important;
  box-shadow:none !important;
  color:#f2f2f5 !important;
}
#chatScreen .msg-wrap.me .bubble{
  background:linear-gradient(135deg,#8b5cf6,#d946a6) !important;
  border:none !important;
  box-shadow:none !important;
}
/* Own messages don't need an avatar staring back at you. */
#chatScreen .msg-wrap.me .msg-avatar{display:none !important}

/* Input: single rounded field, circular arrow send. */
#chatScreen .input-area{
  background:rgba(10,10,10,.96) !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
}
#chatScreen .msg-input{
  border-radius:24px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.09) !important;
}
#chatScreen .attach-btn{
  background:transparent !important;
  border:none !important;
  color:rgba(255,255,255,.72) !important;
}
#chatScreen .send-btn{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center;justify-content:center;
  background:linear-gradient(135deg,#8b5cf6,#d946a6) !important;
  color:#fff !important;
  box-shadow:0 3px 12px rgba(139,92,246,.35) !important;
}
#chatScreen .send-btn svg{display:block}

/* The auto-delete note is the only chrome left; keep it whisper-quiet. */
#chatScreen .timer-bar{
  color:rgba(255,255,255,.26) !important;
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}

/* Settings gear sits beside the online count in the header. */
#chatScreen .chat-settings-btn{
  width:32px;height:32px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:none;cursor:pointer;
  color:rgba(255,255,255,.72);border-radius:50%;
  transition:background .15s ease,color .15s ease;
}
#chatScreen .chat-settings-btn:active{background:rgba(255,255,255,.08);color:#fff}
#chatSettingsMenu button:active{background:rgba(255,255,255,.06)}

/* Input row: one wide rounded field with the clip tucked inside it,
   so the text box uses the full width instead of sharing the row. */
#chatScreen .input-row{position:relative}
#chatScreen .msg-input{flex:1;padding-right:84px !important}
#chatScreen #attachBtn,
#chatScreen #vibeBtn{position:absolute;width:34px !important;height:34px !important;background:none !important;border:none !important;font-size:16px !important;z-index:2}
#chatScreen #attachBtn{right:56px}
#chatScreen #vibeBtn{right:92px}

/* ---- Readability over the doodle wallpaper ---- */
/* System/join lines were 8.5px dim purple on a 3.5%-opacity background —
   effectively invisible against the patterned backdrop. Give them a solid
   pill and a readable size. */
/* Colours follow the convention dark chat apps settled on for system lines:
   a chip lifted just off the background, with cool-grey text around 5:1
   contrast (WhatsApp #8696a0, Discord #949ba4, Instagram #a8a8a8). A soft
   lavender-grey keeps it tied to the brand purple without going muddy. */
#chatScreen .sys-bubble{
  background:rgba(30,28,38,.92) !important;
  color:#a9a3b8 !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.1px;
  padding:5px 13px !important;
  border-radius:100px !important;
  border:1px solid rgba(169,163,184,.14);
  align-self:center;
  max-width:86%;
  text-align:center;
  backdrop-filter:blur(6px);
}
/* Placeholder was 35% white — too faint to read on the patterned backdrop. */
#chatScreen .msg-input:empty:before,#chatScreen #msgInput:empty:before{color:rgba(255,255,255,.45) !important}
/* Knock the wallpaper back so message bubbles read cleanly on top of it. */
#msgsArea::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:rgba(0,0,0,.45);z-index:0;
}
#chatScreen .msgs{position:relative}
#chatScreen .msg-wrap,#chatScreen .sys-bubble{position:relative;z-index:1}
/* Names sit on the pattern too — make sure they stay legible. */
#chatScreen .msg-sender{text-shadow:0 1px 3px rgba(0,0,0,.8)}

/* Voice-call header carries the same FunChat logo lockup as global/random chat. */
#vidBrandBadge{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 3px 12px rgba(192,132,252,.35);margin-right:7px}


/* ---- Global chat: clip icon + watchers pill --------------------------- */
/* The clip is an SVG now, not an emoji glyph — centre it properly. */
#chatScreen .attach-btn svg{display:block}
#chatScreen .attach-btn{color:rgba(255,255,255,.7) !important}
#chatScreen .attach-btn:active{color:#fff !important}

/* The typing / "N silent observers" line had its own row in the column, so
   the chat's flat background showed as a solid strip across the full width
   between the wallpaper and the composer. Pull the row back over the bottom
   of the message area and make it transparent: the pill then floats on the
   wallpaper and no strip is drawn. Net height is zero, so nothing shifts
   when it is empty. */
#chatScreen .typing-bar{
  min-height:28px !important;
  background:transparent !important;
  border:none !important;
}

/* Guard: the voice header must never show more than one FunChat badge.
   The markup only ever contains one, but a duplicate was reported on a
   phone and could not be reproduced on the live page — this makes the
   symptom impossible regardless of how a second one would get there. */
.vid-header .brand-badge ~ .brand-badge{display:none !important}


/* ---- Voice-call gender picker ----------------------------------------- */
/* .rnd-gp is written for an absolutely-positioned popover anchored to its
   parent: it sets bottom:calc(100% + 10px). The voice-call picker is moved
   to <body> and pinned with position:fixed;top:50px, so that 100% resolves
   against the VIEWPORT instead — giving bottom:810px on an 800px screen.
   With both top and bottom set, the height resolved to ~0, so the panel's
   background painted only behind the "TALK TO" title and the three options
   spilled out below it over the video, looking transparent.
   Clearing bottom lets the box size to its content again. */
#vidGenderPicker{
  bottom:auto !important;
  height:auto !important;
  max-height:calc(100vh - 72px);
  overflow-y:auto;
}


/* ---- Floating bubbles: get out of the way while the keyboard is open --- */
body.kb-open #fcMoreBubble{top:64px !important}
body.kb-open #fcGameBubble{top:112px !important}
body.kb-open #friendsBubble{top:64px !important}
#fcMoreBubble,#fcGameBubble,#friendsBubble{transition:top .2s ease}


/* ---- Ban notice card: calmer, professional moderation-log styling ----- */
.ban-inner{
  background:linear-gradient(160deg,rgba(28,20,38,.97),rgba(18,13,26,.97)) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-left:3px solid #f43f5e !important;
  box-shadow:0 10px 26px rgba(0,0,0,.4) !important;
}
.ban-head{
  background:rgba(255,255,255,.035) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}
.ban-head-badge{
  background:rgba(244,63,94,.16) !important;
  box-shadow:none !important;
}
.ban-head-text{
  color:rgba(255,255,255,.65) !important;
}
.ban-dur{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:rgba(255,255,255,.7) !important;
}
.ban-user-name{color:rgba(255,255,255,.92) !important}
.ban-reason{
  background:rgba(251,191,36,.06) !important;
  border-color:rgba(251,191,36,.16) !important;
  color:#e8c46a !important;
}
.ban-t.grn b{color:#6ee7a8 !important}

/* ---- "N online now" instead of a bare number --------------------------- */
.online-label{
  font-family:'DM Mono',monospace;
  font-size:10px;
  font-weight:500;
  color:rgba(255,255,255,.4);
  letter-spacing:.2px;
  margin-left:1px;
  white-space:nowrap;
}



/* ---- Voice-call report modal + toast: same styling as random chat's,
   new ids so it is a fully independent element ---------------------------- */
#vidReportModal{position:fixed;inset:0;z-index:500;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);padding:0}
#vidReportModal.show{display:flex}
#vidReportToast{position:fixed;top:72px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:600;background:rgba(20,10,28,.97);border:1.5px solid rgba(244,63,94,.4);border-radius:14px;padding:12px 20px;display:none;align-items:center;gap:10px;max-width:320px;box-shadow:0 12px 40px rgba(0,0,0,.5);animation:.3s fadeUp}
#vidReportToast.show{display:flex}
/* ---- /scribble hero — deliberately its own yellow/orange palette instead
   of the site's usual pink/purple, since this page sells one specific game
   rather than a menu of chat modes. Swapped in for the homepage's
   collage/CTA-cards/mode-grid block via SCRIBBLE_HERO_START/_END in
   index.html + customHeroHtml in server.js; the actual game UI (once
   Start Playing is tapped) is completely unchanged. ---- */
.scrib-hero{text-align:center;padding:8px 20px 26px}
.scrib-hero-icon{font-size:3.4rem;margin-bottom:16px;filter:drop-shadow(0 6px 18px rgba(250,204,21,.4))}
.scrib-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 42px;font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.05rem;color:#1a1006;background:linear-gradient(135deg,#facc15,#f97316);border-radius:100px;text-decoration:none;box-shadow:0 12px 34px -8px rgba(249,115,22,.55);transition:transform .2s ease,box-shadow .2s ease}
.scrib-hero-btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px -6px rgba(249,115,22,.7)}
.scrib-hero-btn:active{transform:scale(.97)}
.scrib-hero-sub{margin-top:16px;font-family:'DM Mono',monospace;font-size:.72rem;color:rgba(255,255,255,.4)}
.scrib-hero-trust{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px;font-family:'DM Mono',monospace;font-size:.62rem;color:rgba(250,204,21,.8)}
/* Illustrated drawing scene above the Start Playing button — two character
   avatars + an easel doodle + floating speech bubbles/decorative icons, built
   entirely from emoji/CSS (no image assets) so it stays crisp at any size. */
.scrib-illustration{position:relative;height:180px;margin:4px auto 24px;max-width:300px;display:flex;align-items:flex-end;justify-content:center;gap:10px}
.scrib-easel{position:relative;width:114px;height:94px;background:linear-gradient(155deg,#fdf6e3,#f7ecc7);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 14px 30px -8px rgba(0,0,0,.5);transform:rotate(-2deg);flex-shrink:0}
.scrib-easel-canvas{filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}
.scrib-easel-pencil{position:absolute;bottom:-10px;right:-6px;font-size:1.4rem;transform:rotate(35deg)}
.scrib-char{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.95rem;flex-shrink:0;box-shadow:0 10px 24px -6px rgba(0,0,0,.5)}
.scrib-char-left{background:linear-gradient(145deg,#312047,#4c2f75);margin-bottom:6px}
.scrib-char-right{background:linear-gradient(145deg,#3a1530,#5c1f45);margin-bottom:2px}
.scrib-bubble{position:absolute;background:rgba(255,255,255,.95);color:#1a1006;font-family:'DM Sans',sans-serif;font-weight:800;font-size:.66rem;padding:5px 11px;border-radius:100px;box-shadow:0 6px 18px rgba(0,0,0,.35);animation:4s ease-in-out infinite scribFloat;white-space:nowrap}
.scrib-bubble-1{top:0;left:0;animation-delay:.2s}
.scrib-bubble-2{top:34px;left:-4px;animation-delay:1.4s}
.scrib-bubble-3{top:-6px;right:0;animation-delay:.8s}
.scrib-bubble-4{top:30px;right:-6px;animation-delay:2s}
.scrib-doodle{position:absolute;font-size:1.25rem;opacity:.85;animation:5s ease-in-out infinite scribFloat}
.scrib-doodle-crown{top:-16px;left:38%;animation-delay:0s}
.scrib-doodle-heart{top:-10px;right:6%;animation-delay:1s;font-size:1.05rem}
.scrib-doodle-sparkle{bottom:6px;left:-6px;animation-delay:2.2s;font-size:1.05rem}
.scrib-doodle-star{bottom:-2px;right:-4px;animation-delay:1.6s;font-size:1.1rem}
@keyframes scribFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.scrib-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:340px;margin:18px auto 0}
.scrib-trust-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-family:'DM Mono',monospace;font-size:.58rem;font-weight:600}
.scrib-trust-ico{font-size:1.1rem}
.scrib-trust-gold{border-color:rgba(250,204,21,.35);color:#facc15}
.scrib-trust-green{border-color:rgba(74,222,128,.35);color:#4ade80}
.scrib-trust-blue{border-color:rgba(56,189,248,.35);color:#7dd3fc}
.scrib-trust-purple{border-color:rgba(192,132,252,.35);color:#c084fc}
/* ---- Join screen: tighten vertical spacing on short mobile viewports so the
   whole username-picker card fits without scrolling (previously overflowed
   by 100-150px on common phone heights, pushing the Join button and even the
   turnstile widget below the fold on first load). Purely additive -- doesn't
   touch any existing rule, just wins on short screens via media query order. ---- */
@media (max-height:760px){
  .join-logo{margin-bottom:10px!important;padding-top:0!important}
  .jl-badge{width:32px!important;height:32px!important}
  .join-logo .logo-text{font-size:1.5rem!important}
  .join-logo p{margin-top:3px!important}
  .jsection{margin-bottom:12px!important}
  .cap-section{margin-bottom:10px!important}
  .jdivider{margin:10px 0!important}
  .join-card{padding-top:16px!important;padding-bottom:14px!important}
}
@media (max-height:640px){
  .join-logo{display:none!important}
  .join-card{padding-top:14px!important}
}