/* Kameralı sohbet ekranı: tek düzen (rastgele + özel sohbet). Yalnızca #video-call-overlay.mb-cs iken etkindir. */
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs{display:block!important;position:fixed!important;inset:0!important;z-index:2147483000!important;background:#0b1020!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;max-width:none!important;max-height:none!important;width:auto!important;height:auto!important;color:#e8ecf5!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-call-shell,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-call-card{display:contents!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui{position:absolute!important;inset:0!important;width:auto!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:none!important;padding:0!important;margin:0!important;gap:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;overflow:visible!important;background:transparent!important;border:0!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-waiting-ui{display:none!important}
/* Eski kontroller: gizli kalır, tıklamalar yeni düğmelerden yönlendirilir */
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-call-name,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #video-call-status-connected,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-call-actions,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-random-badge,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-private-badge,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-random-brand,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-random-heart,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-private-brand,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-private-heart,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-private-caption,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-private-phone-brand,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-private-phone-heart,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-random-partner-actions,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-private-partner-menu,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #mb-v11030-media-controls,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-private-controls,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-private-actions,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-random-action-row,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-random-firefox-controls,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-v11029-call-lower-head{display:none!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-random-firefox-side,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .mb-private-side{display:contents!important}
/* Video alanı */
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-video-stage{position:relative!important;left:0!important;top:0!important;grid-area:1/1!important;justify-self:start!important;align-self:stretch!important;width:calc(100% - 380px)!important;height:100%!important;aspect-ratio:auto!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important;display:block!important;z-index:1!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #video-remote{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 35%!important;transform:none!important;border:0!important;border-radius:0!important;background:#000!important;z-index:1!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-video-stage.cs-contain #video-remote{object-fit:contain!important;object-position:center center!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #video-local-connected{position:absolute!important;right:16px!important;bottom:16px!important;left:auto;top:auto;width:clamp(170px,17vw,260px)!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;transform:scaleX(-1)!important;border:2px solid rgba(255,255,255,.85)!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;background:#111827!important;z-index:4!important;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #video-local-connected.cs-dragging{cursor:grabbing}
/* HUD */
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-cs-hud{position:fixed;inset:0;z-index:8;pointer-events:none;font:14px/1.4 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-cs-hud button{font:inherit;cursor:pointer;pointer-events:auto}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-layer{position:fixed;left:0;top:0;bottom:0;right:380px;pointer-events:none}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-pill{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:14px;background:rgba(10,14,25,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.09);color:#fff;font-weight:600;pointer-events:none}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-who{top:14px;left:14px;flex-direction:column;align-items:flex-start;gap:0}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-name{font-size:15px;font-weight:700}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-status{font-size:12px;font-weight:500;color:#b7c0d6}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-brand{top:14px;left:50%;transform:translateX(-50%);gap:12px;padding:12px 28px;border-radius:20px;font-size:28px;font-weight:800;letter-spacing:.3px;white-space:nowrap}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-brand .cs-bh{color:#f43f6e;font-size:32px;line-height:1}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-clock{top:14px;right:14px;gap:10px;font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-clock .cs-sep{width:1px;height:14px;background:rgba(255,255,255,.18)}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-clock b{font-weight:700}
@media (max-width:1300px){html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-brand{font-size:20px;padding:8px 18px}html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-brand .cs-bh{font-size:22px}}
@media (max-width:1150px){html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-brand{display:none}}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-heart{position:absolute;left:16px;bottom:16px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(10,14,25,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);font-size:30px;line-height:1;padding:0;transition:transform .15s;-webkit-tap-highlight-color:transparent}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-heart:active{transform:scale(.92)}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-heart:focus-visible,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-btn:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-float{will-change:transform,opacity;position:absolute;color:#ff4d79;line-height:1;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.35);animation:cs-floatup 2.6s ease-out both;z-index:5}
@keyframes cs-floatup{0%{opacity:0;transform:translate3d(0,0,0) scale(.2) rotate(0)}8%{opacity:1;transform:translate3d(calc(var(--cs-dx) * .05),calc(var(--cs-rise) * -.06),0) scale(1.35) rotate(calc(var(--cs-rot) * -.3))}18%{transform:translate3d(calc(var(--cs-dx) * .15),calc(var(--cs-rise) * -.18),0) scale(1) rotate(calc(var(--cs-rot) * .2))}40%{transform:translate3d(calc(var(--cs-dx) * -.25 + var(--cs-sway)),calc(var(--cs-rise) * -.42),0) scale(1.08) rotate(calc(var(--cs-rot) * -.5))}65%{opacity:.95;transform:translate3d(calc(var(--cs-dx) * .6 - var(--cs-sway)),calc(var(--cs-rise) * -.7),0) scale(1) rotate(calc(var(--cs-rot) * .6))}100%{opacity:0;transform:translate3d(var(--cs-dx),calc(var(--cs-rise) * -1),0) scale(.7) rotate(var(--cs-rot))}}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-ring{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid rgba(255,77,121,.9);pointer-events:none;animation:cs-ring .9s ease-out both;z-index:4}
@keyframes cs-ring{0%{opacity:.95;transform:scale(.4)}100%{opacity:0;transform:scale(5.5)}}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(255,77,121,.42),rgba(255,77,121,0) 62%);animation:cs-flash 1.1s ease-out both;z-index:3}
@keyframes cs-flash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-heart.cs-beat{animation:cs-beat .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes cs-beat{0%{transform:scale(1)}30%{transform:scale(1.35) rotate(-8deg)}60%{transform:scale(.92) rotate(6deg)}100%{transform:scale(1)}}
/* Sağ panel */
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-actions{position:fixed;top:0;right:0;width:380px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#0b1020;border-left:1px solid rgba(255,255,255,.09);pointer-events:auto}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-partner{display:contents}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#f6f7fb;color:#1c2233;font-size:13px;font-weight:600;transition:filter .15s,background .2s,border-color .2s,color .2s;-webkit-tap-highlight-color:transparent}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-btn:hover{filter:brightness(.96)}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-danger{background:#fdeef0;color:#9b1c2e;border-color:#f6c9d0}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-end{order:1}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-next{order:2;background:linear-gradient(135deg,#f43f6e,#8b5cf6);color:#fff;box-shadow:0 4px 14px rgba(139,92,246,.35)}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-next.cs-locked{background:#f1e8f8;color:#8a63b0;border:1px dashed #c7a8e4;box-shadow:none}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-next.cs-glow{animation:cs-glow 1.1s ease-out 1}
@keyframes cs-glow{0%{box-shadow:0 0 0 0 rgba(244,63,110,.75)}70%{box-shadow:0 0 0 14px rgba(244,63,110,0)}100%{box-shadow:0 0 0 0 rgba(244,63,110,0)}}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-hint{order:3;grid-column:1/-1;margin:-2px 2px 0;font-size:12px;color:#cbaaf0}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-cam{order:4}html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-mic{order:5}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-state .cs-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.22)}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-state.cs-off{background:#fff1f1;color:#a11a1a;border-color:#ef4444}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-state.cs-off .cs-dot{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.22)}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-state.cs-pulse{animation:cs-pulse 1s ease-in-out 3}
@keyframes cs-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}50%{box-shadow:0 0 0 9px rgba(239,68,68,0)}}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-partner .cs-btn{order:6}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-chatbtn,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-morebtn,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-sheetclose,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-switch{display:none}
/* Sohbet */
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #mb-v11029-call-lower{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif!important;position:fixed!important;right:0!important;bottom:0!important;top:var(--cs-actions-h,300px)!important;left:auto!important;width:380px!important;max-width:none!important;height:auto!important;max-height:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0 10px 10px!important;background:#0b1020!important;border:0!important;border-radius:0!important;z-index:3!important;overflow:hidden!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #mb-v11029-call-messages{width:100%!important;min-width:0!important;box-sizing:border-box!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-msg{font-family:inherit!important;max-width:90%!important;width:fit-content!important;padding:8px 12px!important;border-radius:14px!important;font-size:14px!important;line-height:1.4!important;background:#1a2136!important;color:#e8ecf5!important;align-self:flex-start!important;border-bottom-left-radius:4px!important;margin:0!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-msg.mine{background:linear-gradient(135deg,#c0409f,#8b4fd6)!important;color:#fff!important;align-self:flex-end!important;margin-left:auto!important;border-radius:14px 14px 4px 14px!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-msg-time{margin-top:3px!important;font-size:11px!important;opacity:.78!important;text-align:left!important;font-variant-numeric:tabular-nums}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-empty{color:#8e97ad!important;font-size:12px!important;text-align:center!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-composer{width:100%!important;box-sizing:border-box!important;display:flex!important;gap:8px!important;padding:10px 0 0!important;margin:0!important;background:transparent!important;border:0!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-input{flex:1 1 0!important;width:auto!important;min-width:0!important;font-family:inherit!important;resize:none!important;min-height:42px!important;max-height:90px!important;padding:10px 12px!important;border-radius:10px!important;border:0!important;background:#fff!important;color:#111!important;font-size:16px!important;box-sizing:border-box!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-send{flex:none!important;width:auto!important;font-family:inherit!important;padding:0 18px!important;border:0!important;border-radius:10px!important;background:#f43f6e!important;color:#fff!important;font-weight:700!important}
/* Uyarı penceresi */
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);pointer-events:auto;z-index:10}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-modal.cs-show{display:flex}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-dlg{width:min(390px,calc(100vw - 32px));box-sizing:border-box;padding:22px;border-radius:16px;background:#12182b;color:#e8ecf5;border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 60px rgba(0,0,0,.6)}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-dlg h3{margin:0 0 8px;font-size:16px}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-dlg p{margin:6px 0;color:#c4cbdc}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-dlg .cs-missing{font-weight:700;color:#ff9aa8}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-dlg-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-dlg-actions button{padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#e8ecf5;font-weight:600}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-dlg-actions .cs-primary{background:linear-gradient(135deg,#f43f6e,#8b5cf6);border-color:transparent;color:#fff}
/* ========== iPhone / telefon (900px ve altı) ========== */
@media (max-width:900px){
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs{--cs-bar-h:calc(76px + env(safe-area-inset-bottom));--cs-chat-h:min(30dvh,250px)}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-video-stage{width:100%!important;height:calc(100% - var(--cs-bar-h) - var(--cs-chat-h))!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-layer{right:0}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #video-local-connected{right:12px!important;bottom:10px!important;width:clamp(90px,26vw,130px)!important;aspect-ratio:3/4!important;border-radius:14px!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-who{top:calc(10px + env(safe-area-inset-top));left:10px;max-width:30vw;padding:6px 10px}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:26vw}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-brand{display:flex;top:calc(10px + env(safe-area-inset-top));font-size:13.5px;padding:7px 12px;border-radius:14px;gap:5px;left:calc(50% + 12px)}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-brand .cs-bh{font-size:15px}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-clock{top:calc(64px + env(safe-area-inset-top));left:10px;right:auto;padding:5px 10px;font-size:11.5px;gap:7px}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-heart{left:12px;bottom:calc(var(--cs-bar-h) + var(--cs-chat-h) + 10px);width:52px;height:52px;font-size:26px}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-actions{display:contents}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-end{position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px;width:46px;height:46px;min-height:0;padding:0;border-radius:50%;background:#ef4444;color:#fff;border:0;font-size:20px;box-shadow:0 4px 14px rgba(239,68,68,.45);pointer-events:auto}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-end .cs-lbl,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-lbl,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-menu-btn-lbl{display:none}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar{display:flex;position:fixed;left:0;right:0;bottom:0;justify-content:space-around;align-items:center;gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(5,7,11,.92),rgba(5,7,11,.55));pointer-events:auto}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-btn .cs-ic{font-size:22px;line-height:1}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-btn{width:54px;height:54px;min-height:0;padding:0;border-radius:50%;font-size:22px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.2);position:relative}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-btn .cs-dot{display:none}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-state.cs-off{background:rgba(239,68,68,.25);border:2px solid #ef4444;color:#fff}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-next{background:linear-gradient(135deg,#f43f6e,#8b5cf6);border:0}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-next.cs-locked{background:#f1e8f8;color:#8a63b0;border:1px dashed #c7a8e4}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-cam,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-mic,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-next,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-morebtn{order:0;display:flex}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-chatbtn{display:none!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-mic{order:1}html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-cam{order:2}html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-next{order:3}html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-chatbtn{order:4}html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-bar .cs-morebtn{order:5}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs.cs-private .cs-next{display:none}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-hint{display:none;position:fixed;left:0;right:0;bottom:var(--cs-bar-h);margin:0;text-align:center;font-size:12px;color:#e3ccfa;text-shadow:0 1px 4px #000;pointer-events:none;z-index:2}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-unread{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:#f43f6e}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-partner{display:none;position:fixed;right:10px;bottom:calc(84px + env(safe-area-inset-bottom));min-width:210px;padding:8px;border-radius:14px;background:#12182b;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px rgba(0,0,0,.6);flex-direction:column;gap:6px;pointer-events:auto;z-index:8}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs.cs-menu-open .cs-partner{display:flex}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-partner .cs-btn{justify-content:flex-start;order:0}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-partner .cs-switch{display:flex}
 /* Sohbet: altta her zaman açık */
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #mb-v11029-call-lower{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif!important;left:0!important;right:0!important;top:auto!important;bottom:var(--cs-bar-h)!important;width:auto!important;height:var(--cs-chat-h)!important;padding:6px 10px 6px!important;border-radius:0!important;box-shadow:0 -6px 20px rgba(0,0,0,.45)!important;transform:none!important;visibility:visible!important;z-index:3!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-sheetclose{display:none!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-msg{font-size:13px!important;padding:6px 10px!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-composer{padding-top:6px!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-v11029-input{min-height:38px!important;padding:8px 10px!important}
}
@media (max-width:900px) and (orientation:landscape) and (max-height:520px){
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs{--cs-chat-h:0px;--cs-chat-w:min(320px,42vw)}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui .mb-video-stage{width:calc(100% - var(--cs-chat-w))!important;height:calc(100% - var(--cs-bar-h))!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #mb-v11029-call-lower{left:auto!important;right:0!important;top:0!important;bottom:var(--cs-bar-h)!important;width:var(--cs-chat-w)!important;height:auto!important;padding:44px 10px 6px!important}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-brand{display:none}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-clock{top:calc(58px + env(safe-area-inset-top))}
 html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs #mb-call-connected-ui #video-local-connected{right:10px!important;bottom:10px!important;width:clamp(90px,16vw,130px)!important}
}
@media (prefers-reduced-motion:reduce){html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-float{animation-duration:1.4s}html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-state.cs-pulse,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-next.cs-glow,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-ring,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-flash,html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-heart.cs-beat{animation:none}}

html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs [hidden]{display:none!important}
html body.mb-video-call-active #video-call-overlay.mb-cs.mb-cs.mb-cs .cs-note{left:50%;bottom:96px;top:auto;transform:translateX(-50%);max-width:88%;text-align:center;font-size:12px;background:rgba(120,20,40,.85)}

/* V26.09.0027 — Kameralı sohbet (rastgele ve özel): "Profili Gör" paneli.
   Büyük ve okunabilir; karşı tarafın kamerasını kapatmaz.
   Masaüstü: sağda yan panel (ekranın ~%35'i), kamera solda açık kalır.
   Telefon dikey: alttan açılan sayfa (ekranın ~%62'si), kamera üstte görünür kalır.
   Telefon yatay: sağda yan panel. Görünüm yalnızca bu panelle sınırlıdır; diğer profil ekranları değişmez. */
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer{
  --mbp-ink:#1f2433;--mbp-soft:#667085;--mbp-line:#eadfe5;--mbp-accent:#b4234d;
  position:fixed!important;inset:auto!important;
  top:max(12px,env(safe-area-inset-top))!important;right:12px!important;bottom:12px!important;left:auto!important;
  width:clamp(420px,35vw,580px)!important;max-width:calc(100vw - 24px)!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  display:block!important;padding:0!important;margin:0!important;box-sizing:border-box!important;
  border-radius:22px!important;background:#fffdfd!important;color:var(--mbp-ink)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:#d9b9c6 transparent;
  font-size:16px!important;line-height:1.5!important;z-index:2147483500!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.mb-coral-sidebar,
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.mb-mobile-dock,
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.app-topbar{display:none!important}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.mb-random-profile-close{
  position:sticky!important;top:0!important;z-index:60!important;display:flex!important;align-items:center;justify-content:center;
  width:100%!important;min-height:56px!important;margin:0!important;padding:10px 16px!important;border:0!important;border-radius:22px 22px 0 0!important;
  border-bottom:1px solid var(--mbp-line)!important;background:rgba(255,253,253,.97)!important;
  color:var(--mbp-accent)!important;font:800 16px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;cursor:pointer!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.mb-random-profile-close:focus-visible{outline:3px solid var(--mbp-accent)!important;outline-offset:-3px!important}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-profile-wrap{
  width:100%!important;max-width:none!important;margin:0!important;padding:14px 16px 30px!important;box-sizing:border-box!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-main-photo{
  position:relative!important;width:100%!important;height:clamp(220px,36dvh,360px)!important;max-height:none!important;
  border-radius:18px!important;overflow:hidden!important;background:#f3eef1!important;box-shadow:none!important;border:1px solid var(--mbp-line)!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-main-photo img,
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer #public-main-image{
  display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center 22%!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-main-photo .discover-placeholder{height:100%!important;font-size:72px!important}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .mb-public-photo-compatibility-badge{
  top:10px!important;right:10px!important;left:auto!important;font-size:14px!important;line-height:1.3!important;padding:8px 12px!important;border-radius:999px!important;max-width:calc(100% - 20px)!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-thumbs{
  display:flex!important;gap:8px!important;margin-top:10px!important;padding:2px 0 4px!important;overflow-x:auto!important;scrollbar-width:thin;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-thumb{
  flex:0 0 64px!important;width:64px!important;height:64px!important;border-radius:12px!important;overflow:hidden!important;cursor:pointer!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-info{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:16px!important;line-height:1.55!important;color:var(--mbp-ink)!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-name{
  margin:0 0 10px!important;font-size:clamp(26px,3vw,32px)!important;font-weight:800!important;line-height:1.15!important;color:var(--mbp-ink)!important;overflow-wrap:anywhere;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-meta{
  padding:12px 14px!important;border:1px solid #f3dfe7!important;border-radius:16px!important;background:#fff6f9!important;font-size:16px!important;line-height:1.85!important;color:var(--mbp-ink)!important;overflow-wrap:anywhere;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-meta strong{color:#5a2440!important}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-bio{
  margin-top:12px!important;padding:14px 16px!important;border:1px solid var(--mbp-line)!important;border-radius:16px!important;background:#fff!important;font-size:16px!important;line-height:1.65!important;color:#3b4252!important;
}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-info small{font-size:13.5px!important}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-info [data-public-question-id]>div:nth-child(2){font-size:16px!important;line-height:1.45!important}
html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-info [data-public-question-id] strong{font-size:15.5px!important}
@media (max-width:900px){
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer{
    top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;
    height:min(62dvh,560px)!important;border-radius:22px 22px 0 0!important;padding-bottom:env(safe-area-inset-bottom)!important;
  }
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.mb-random-profile-close{min-height:52px!important}
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.mb-random-profile-close::before{
    content:"";position:absolute;top:6px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:4px;background:#e3d3db;
  }
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-main-photo{height:clamp(190px,30dvh,300px)!important}
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-profile-wrap{padding:12px 14px 26px!important}
}
@media (max-width:900px) and (orientation:landscape) and (max-height:520px){
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer{
    top:0!important;bottom:0!important;left:auto!important;right:0!important;width:min(52vw,460px)!important;height:100dvh!important;border-radius:0!important;padding-bottom:0!important;
  }
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.mb-random-profile-close{border-radius:0!important}
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer>.mb-random-profile-close::before{display:none}
  html body.mb-random-profile-open #public-profile-overlay.mb-random-partner-profile-drawer .public-main-photo{height:clamp(150px,42dvh,240px)!important}
}
