/* TALKCHAT_R20A40R31_VIP_ENTRANCE_CSS_OWNER */
.tcvip-overlay{position:fixed;inset:0;z-index:2147483000;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}
.tcvip-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.tcvip-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.tcvip-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.82) 100%);pointer-events:none}
.tcvip-flare{position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,rgba(255,0,32,.18),transparent 38%);mix-blend-mode:screen;pointer-events:none}
.tcvip-title{position:absolute;left:50%;bottom:13%;width:min(92vw,980px);text-align:center;transform:translate(-50%,35px) scale(.9);opacity:0;filter:blur(8px);transition:opacity .5s ease,transform .55s cubic-bezier(.2,.85,.2,1),filter .5s ease}
.tcvip-overlay.is-reveal .tcvip-title{opacity:1;transform:translate(-50%,0) scale(1);filter:blur(0)}
.tcvip-crown{font:800 clamp(24px,4vw,42px)/1 Arial,sans-serif;color:#ff2b38;text-shadow:0 0 22px rgba(255,20,40,.85);margin-bottom:2px}
.tcvip-name{font:1000 clamp(44px,9vw,112px)/.95 Inter,Segoe UI,Arial,sans-serif;letter-spacing:.035em;color:#f5f5f7;text-shadow:0 0 8px rgba(255,255,255,.16),0 0 24px rgba(255,0,25,.72),0 0 60px rgba(255,0,25,.34);overflow-wrap:anywhere}
.tcvip-subtitle{display:inline-block;margin-top:14px;padding:8px 18px;border-top:1px solid #ff2734;border-bottom:1px solid #ff2734;background:linear-gradient(90deg,transparent,rgba(120,0,15,.58),transparent);font:800 clamp(10px,1.7vw,18px)/1.2 Inter,Segoe UI,Arial,sans-serif;letter-spacing:.15em;color:#fff}
.tcvip-close{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));z-index:5;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.48);color:#d7d7da;border-radius:999px;padding:9px 12px;font:700 12px Arial,sans-serif;cursor:pointer}
.tcvip-progress{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#620009,#ff2533,#fff);box-shadow:0 0 14px rgba(255,20,40,.9);width:0}
.tcvip-overlay.is-open .tcvip-progress{animation:tcvip-progress 6.5s linear forwards}
@keyframes tcvip-progress{from{width:0}to{width:100%}}
@media(max-width:600px){.tcvip-title{bottom:18%}.tcvip-subtitle{letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.tcvip-title{transition:none}.tcvip-progress{display:none}}

/* TALKCHAT VIP DESKTOP CONTAIN V1 */
/* Mobil davranışa dokunmaz. */
@media (min-width: 861px) {
  .tcvip-video {
    position: relative !important;
    inset: auto !important;

    width: auto !important;
    height: auto !important;

    max-width: min(1100px, 92vw) !important;
    max-height: 82vh !important;

    object-fit: contain !important;

    display: block !important;
    margin: auto !important;

    border-radius: 16px;
  }
}


/* TALKCHAT VIP DESKTOP SOFT EDGE V1 */
/* SADECE MASAUSTU - MOBILE DOKUNMAZ */
@media (min-width: 861px) {

  .tcvip-video {
    border-radius: 24px !important;

    -webkit-mask-image:
      radial-gradient(
        ellipse at center,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 67%,
        rgba(0,0,0,.96) 75%,
        rgba(0,0,0,.78) 82%,
        rgba(0,0,0,.42) 89%,
        rgba(0,0,0,.12) 95%,
        transparent 100%
      ) !important;

    mask-image:
      radial-gradient(
        ellipse at center,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 67%,
        rgba(0,0,0,.96) 75%,
        rgba(0,0,0,.78) 82%,
        rgba(0,0,0,.42) 89%,
        rgba(0,0,0,.12) 95%,
        transparent 100%
      ) !important;

    filter:
      drop-shadow(0 0 18px rgba(0,0,0,.35))
      drop-shadow(0 0 38px rgba(0,0,0,.28)) !important;
  }

}

/* TALKCHAT VIP DESKTOP CINEMATIC V1 */
/* SADECE PC - MOBILE DOKUNMAZ */
@media (min-width: 861px) {

  .tcvip-overlay {
    background:
      radial-gradient(
        ellipse at center,
        rgba(105, 15, 18, .24) 0%,
        rgba(45, 7, 12, .17) 24%,
        rgba(10, 5, 7, .72) 52%,
        #000 78%
      ) !important;
  }

  .tcvip-video {
    filter:
      drop-shadow(0 0 20px rgba(255, 100, 45, .16))
      drop-shadow(0 0 52px rgba(255, 35, 35, .13))
      drop-shadow(0 0 95px rgba(120, 15, 25, .10))
      !important;
  }

  .tcvip-title {
    width: min(86vw, 820px) !important;
  }

  .tcvip-name {
    font-size: clamp(44px, 5.4vw, 86px) !important;
    letter-spacing: .025em !important;
  }

  .tcvip-subtitle {
    font-size: clamp(10px, 1.15vw, 16px) !important;
  }

}

/* TALKCHAT VIP DESKTOP BLACK FADE V1 */
/* SADECE PC - MOBILE DOKUNMAZ */
@media (min-width: 861px) {

  .tcvip-overlay {
    background: #000 !important;
  }

  .tcvip-video {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;

    -webkit-mask-image:
      radial-gradient(
        ellipse 78% 88% at center,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 52%,
        rgba(0,0,0,.97) 60%,
        rgba(0,0,0,.88) 68%,
        rgba(0,0,0,.65) 76%,
        rgba(0,0,0,.34) 84%,
        rgba(0,0,0,.12) 91%,
        transparent 100%
      ) !important;

    mask-image:
      radial-gradient(
        ellipse 78% 88% at center,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 52%,
        rgba(0,0,0,.97) 60%,
        rgba(0,0,0,.88) 68%,
        rgba(0,0,0,.65) 76%,
        rgba(0,0,0,.34) 84%,
        rgba(0,0,0,.12) 91%,
        transparent 100%
      ) !important;
  }

  .tcvip-title {
    width: min(84vw, 780px) !important;
  }

  .tcvip-name {
    font-size: clamp(42px, 5.1vw, 78px) !important;
    letter-spacing: .02em !important;
  }

  .tcvip-subtitle {
    font-size: clamp(10px, 1.05vw, 15px) !important;
  }
}

/* TALKCHAT VIP DESKTOP MASK POLISH V1 */
/* SADECE PC - MOBILE DOKUNMAZ */
@media (min-width: 861px) {

  .tcvip-overlay {
    background: #000 !important;
  }

  .tcvip-video {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;

    -webkit-mask-image:
      radial-gradient(
        ellipse 72% 84% at center,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 46%,
        rgba(0,0,0,.98) 55%,
        rgba(0,0,0,.92) 63%,
        rgba(0,0,0,.76) 71%,
        rgba(0,0,0,.50) 79%,
        rgba(0,0,0,.24) 87%,
        rgba(0,0,0,.08) 93%,
        transparent 100%
      ) !important;

    mask-image:
      radial-gradient(
        ellipse 72% 84% at center,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 46%,
        rgba(0,0,0,.98) 55%,
        rgba(0,0,0,.92) 63%,
        rgba(0,0,0,.76) 71%,
        rgba(0,0,0,.50) 79%,
        rgba(0,0,0,.24) 87%,
        rgba(0,0,0,.08) 93%,
        transparent 100%
      ) !important;
  }

  .tcvip-name {
    font-size: clamp(40px, 4.9vw, 74px) !important;
  }

  .tcvip-subtitle {
    font-size: clamp(10px, 1vw, 14px) !important;
    letter-spacing: .08em !important;
  }
}

/* TALKCHAT_R20A40R31_VIP_ENTRANCE_PICKER_OWNER */
.p12-emoji-picker .vip-entrance-wrap{display:flex;flex-direction:column;gap:10px;min-height:170px}
.p12-emoji-picker .vip-entrance-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 6px}
.p12-emoji-picker .vip-entrance-head>div{min-width:0}
.p12-emoji-picker .vip-entrance-head b{display:block;font-size:13px;line-height:18px;color:var(--tc-text,#1f2937)}
.p12-emoji-picker .vip-entrance-head small{display:block;margin-top:2px;font-size:11px;line-height:15px;color:var(--tc-muted,#6b7280)}
.p12-emoji-picker .vip-entrance-clear{flex:0 0 auto;border:1px solid rgba(239,68,68,.24);background:rgba(239,68,68,.08);color:#dc2626;border-radius:7px;padding:7px 9px;font:700 11px/1 Arial,sans-serif;cursor:pointer}
.p12-emoji-picker .vip-entrance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 1px 2px}
.p12-emoji-picker .vip-entrance-card{min-width:0;border:1px solid rgba(148,163,184,.24);background:rgba(148,163,184,.06);border-radius:10px;padding:9px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon copy" "actions actions";gap:7px 8px}
.p12-emoji-picker .vip-entrance-card.is-selected{border-color:rgba(245,158,11,.6);box-shadow:0 0 0 1px rgba(245,158,11,.12) inset;background:rgba(245,158,11,.08)}
.p12-emoji-picker .vip-entrance-icon{grid-area:icon;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff7d6,#f59e0b);color:#7c4a03}
.p12-emoji-picker .vip-entrance-icon .material-symbols-outlined{font-size:20px}
.p12-emoji-picker .vip-entrance-copy{grid-area:copy;min-width:0;align-self:center}
.p12-emoji-picker .vip-entrance-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;color:var(--tc-text,#1f2937)}
.p12-emoji-picker .vip-entrance-copy small{display:block;margin-top:1px;font-size:10px;line-height:13px;color:var(--tc-muted,#6b7280)}
.p12-emoji-picker .vip-entrance-actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.p12-emoji-picker .vip-entrance-actions button{height:30px;border-radius:7px;font:700 10px/1 Arial,sans-serif;cursor:pointer}
.p12-emoji-picker .vip-entrance-preview{border:1px solid rgba(33,150,243,.28);background:rgba(33,150,243,.08);color:#1976d2}
.p12-emoji-picker .vip-entrance-use{border:1px solid #f59e0b;background:#f59e0b;color:#fff}
.p12-emoji-picker .vip-entrance-use:disabled{cursor:default;opacity:.72}
.p12-emoji-picker .vip-entrance-loading,.p12-emoji-picker .vip-entrance-empty{padding:24px 12px;text-align:center;color:var(--tc-muted,#6b7280);font-size:12px}
html.dark .p12-emoji-picker .vip-entrance-card,
html[data-theme="dark"] .p12-emoji-picker .vip-entrance-card{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.10)}
html.dark .p12-emoji-picker .vip-entrance-card.is-selected,
html[data-theme="dark"] .p12-emoji-picker .vip-entrance-card.is-selected{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.55)}
@media(max-width:767px){
  .p12-emoji-picker .vip-entrance-grid{grid-template-columns:1fr;gap:7px}
  .p12-emoji-picker .vip-entrance-card{grid-template-columns:32px minmax(0,1fr);padding:8px}
  .p12-emoji-picker .vip-entrance-icon{width:32px;height:32px}
}

/* TALKCHAT_R20A40R31R2_VIP_PICKER_LAYOUT_FIX_OWNER */
.p12-emoji-picker:not(.pm-emoji-picker){display:flex;flex-direction:column;min-height:0;overflow:hidden}
.p12-emoji-picker:not(.pm-emoji-picker) .p12-emoji-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:4px;padding-bottom:10px;scrollbar-gutter:stable}
.p12-emoji-picker .vip-entrance-wrap{min-height:0;padding-bottom:6px}
.p12-emoji-picker .vip-entrance-grid{align-content:start;padding:0 1px 10px}
.p12-emoji-picker .vip-entrance-card{align-content:start}
.p12-emoji-picker .vip-entrance-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.p12-emoji-picker .vip-entrance-actions button{width:100%;min-width:0;height:30px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.p12-emoji-picker .vip-entrance-actions .material-symbols-outlined{font-size:16px;line-height:1;flex:0 0 auto}
@media(max-width:767px){
  .p12-emoji-picker:not(.pm-emoji-picker) .p12-emoji-body{padding-right:2px;padding-bottom:12px}
  .p12-emoji-picker .vip-entrance-actions button{font-size:10px;padding:0 6px}
}

/* TALKCHAT_R20A40R31R3_VIP_PICKER_SCROLL_OWNER */
.p12-emoji-picker:not(.pm-emoji-picker){
  display:flex;
  flex-direction:column;
  min-height:0;
  height:min(540px,calc(100svh - 210px));
  max-height:min(540px,calc(100svh - 210px));
  overflow:hidden;
}
.p12-emoji-picker:not(.pm-emoji-picker) .p12-emoji-head,
.p12-emoji-picker:not(.pm-emoji-picker) .p12-emoji-tabs{flex:0 0 auto}
.p12-emoji-picker:not(.pm-emoji-picker) .p12-emoji-body{
  flex:1 1 auto;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
.p12-emoji-picker .vip-entrance-wrap{display:flex;flex-direction:column;min-height:0}
.p12-emoji-picker .vip-entrance-grid{flex:0 0 auto}
@media(max-width:767px){
  .p12-emoji-picker:not(.pm-emoji-picker){
    height:min(62svh,460px);
    max-height:min(62svh,460px);
  }
}
