/* ===== clipsshort — clean YouTube-inspired dark reskin (rainzon palette) ===== */
:root{
  --cz-bg:#0f0f0f;
  --cz-surface:#181818;
  --cz-surface-2:#202020;
  --cz-text:#f1f1f1;
  --cz-muted:#aaaaaa;
  --cz-indigo:#5b3fd6;
  --cz-violet:#7c3aed;
  --cz-gold:#C9A24B;
  --cz-radius:12px;
}

/* ---- base background ---- */
html,body{
  background:var(--cz-bg) !important;
  color:var(--cz-text) !important;
}
body{
  background:
    radial-gradient(1200px 500px at 50% -10%, rgba(91,63,214,0.18), transparent 60%),
    var(--cz-bg) !important;
}
#main-container, .container, .container-full, .main-content,
#container_content, .pt_sec_nav_cats{ background:transparent !important; }

/* ---- navbar ---- */
.pt_header_nav{
  background:rgba(15,15,15,0.92) !important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(124,58,237,0.18) !important;
}
.pt_header_nav .navbar-form .form-control{
  background:#202020 !important; color:var(--cz-text) !important;
  border:1px solid #2a2a2a !important; border-radius:20px !important;
}
.pt_header_nav .navbar-form .btn{ background:var(--cz-surface-2) !important; border:none !important; color:#fff !important; border-radius:0 20px 20px 0 !important; }
.pt_header_nav a, .pt_header_nav .nav a, .pt_header_nav .right-part a{ color:var(--cz-text) !important; }
.pt_header_nav .right-part a:hover{ color:var(--cz-gold) !important; }

/* ---- category chips (All / Music / Sports ...) ---- */
.pt_sec_nav_slide .swiper-slide a{
  display:inline-block; padding:7px 16px; margin:2px 4px;
  background:var(--cz-surface-2) !important; color:var(--cz-text) !important;
  border-radius:18px !important; font-size:13px; font-weight:500;
  white-space:nowrap; transition:background .15s ease,color .15s ease;
}
.pt_sec_nav_slide .swiper-slide a:hover{ background:#2c2c2c !important; }
.pt_sec_nav_slide .swiper-slide a.active{
  background:linear-gradient(90deg,var(--cz-indigo),var(--cz-violet)) !important;
  color:#fff !important;
}

/* ---- section headers (Trending / Latest / etc.) ---- */
.home-page-categories .title h4{
  color:var(--cz-text) !important; font-size:18px; font-weight:600;
  display:flex; align-items:center; gap:8px; margin:8px 0 14px;
}
.home-page-categories .title h4 div{
  width:30px; height:30px; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
}
.home-page-categories .title h4 div svg{ width:18px; height:18px; }
.view_more_link a{ color:var(--cz-muted) !important; font-size:13px; font-weight:500; }
.view_more_link a:hover{ color:var(--cz-gold) !important; }

/* ---- video cards (homepage) ---- */
.video-list{ background:transparent !important; border:none !important; padding:0 !important; }
.video-list-image{
  position:relative; display:block; overflow:hidden;
  border-radius:var(--cz-radius) !important; aspect-ratio:16/9; background:#000;
}
.video-list-image img{
  width:100%; height:100%; object-fit:cover; display:block;
  border-radius:var(--cz-radius) !important;
  transition:transform .3s ease;
}
.video-list:hover .video-list-image img{ transform:scale(1.04); }
.video-list .play_hover_btn{
  position:absolute; inset:0; margin:auto; width:54px; height:54px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(15,15,15,0.55); border-radius:50%;
  opacity:0; transition:opacity .2s ease;
}
.video-list:hover .play_hover_btn{ opacity:1; }
.video-list .play_hover_btn svg{ fill:#fff !important; width:24px; height:24px; }
.duration{
  position:absolute; bottom:8px; right:8px;
  background:rgba(0,0,0,0.8) !important; color:#fff !important;
  font-size:12px; font-weight:500; padding:1px 5px; border-radius:4px;
}
.pt_vid_fixed_height{ padding:8px 2px 0 !important; }
.video-list-title h4{
  color:var(--cz-text) !important; font-size:14px; font-weight:500; line-height:1.4;
  margin:0 0 4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; max-height:2.8em;
}
.video-list-title a:hover h4{ color:var(--cz-gold) !important; }
.video-list-by{ color:var(--cz-muted) !important; font-size:12px; line-height:1.3; }
.video-list-by a{ color:var(--cz-muted) !important; }
.video-list-by a:hover{ color:var(--cz-violet) !important; }

/* ---- featured video block ---- */
.pt_feat_vid{ border-radius:var(--cz-radius); overflow:hidden; margin-bottom:18px; }
.pt_feat_vid_innr img{ border-radius:var(--cz-radius); }
.pt_feat_vid_details .video-big-title a{ color:var(--cz-text) !important; font-size:18px; font-weight:600; }
.pt_feat_vid_details .video-big-title a:hover{ color:var(--cz-gold) !important; }
.btn-subscribe{ background:linear-gradient(90deg,var(--cz-indigo),var(--cz-violet)) !important; border:none !important; border-radius:18px !important; color:#fff !important; }

/* ---- buttons / links ---- */
a{ color:var(--cz-violet) !important; }
a:hover{ color:var(--cz-gold) !important; }
.btn-primary,.btn-warning,.SUBSCRIBE,.btn-main{
  background:linear-gradient(90deg,var(--cz-indigo),var(--cz-violet)) !important;
  border:none !important; color:#fff !important; border-radius:20px !important;
}

/* ---- category / listing page cards (.video-latest-list) ---- */
.video-latest-list.video-wrapper{
  background:transparent !important; border:none !important;
}
.video-latest-list .video-thumb,
.video-latest-list .video-wrapper-thumb{
  border-radius:var(--cz-radius) !important; overflow:hidden; aspect-ratio:16/9;
}
.video-latest-list .video-title h4{ color:var(--cz-text) !important; font-size:14px; font-weight:500; }
.video-latest-list .video-info{ color:var(--cz-muted) !important; font-size:12px; }
.video-latest-list .video-info a{ color:var(--cz-violet) !important; }
.video-latest-list:hover .video-info a{ color:var(--cz-gold) !important; }
.video-latest-list .play_hover_btn svg{ fill:#fff !important; }

/* ---- page headers on listing pages ---- */
.page_head{ color:var(--cz-text) !important; font-size:20px; font-weight:600; }
.pt_page_headr .page_head svg{ fill:var(--cz-gold) !important; }

/* ---- watch page (YouTube-style) ---- */
.video-js{ border-radius:var(--cz-radius); overflow:hidden; }

.top-video.video-player-page{ background:transparent !important; }
.player-video{ background:transparent !important; }

/* player frame */
.video-player.pt_video_player{
  background:#000 !important; border-radius:var(--cz-radius) !important;
  overflow:hidden; position:relative;
}
.video-player.pt_video_player video{
  width:100% !important; height:auto !important; aspect-ratio:16/9;
  background:#000; border-radius:var(--cz-radius); display:block;
}
.expend-player svg{ color:#fff; }

/* title + meta */
.video-title.pt_video_info{ padding:12px 0 0 !important; }
.video-big-title h1{
  color:var(--cz-text) !important; font-size:20px; font-weight:600;
  line-height:1.3; margin:0 0 8px;
}
.video-views{ color:var(--cz-muted) !important; font-size:14px; margin-bottom:12px; }
.video-views .bold{ color:var(--cz-muted); }
.video-likes .like-btn, .like-btn{
  display:inline-flex; align-items:center; gap:6px; color:var(--cz-text) !important;
  background:var(--cz-surface-2) !important; border-radius:18px !important;
  padding:6px 14px !important; cursor:pointer;
}
.video-likes svg{ fill:var(--cz-text) !important; }
.video-info-element{ display:none !important; } /* hide the red/grey bar filler */
.video-options .btn-share{
  display:inline-flex; align-items:center; gap:6px; color:var(--cz-text) !important;
  background:var(--cz-surface-2) !important; border:none !important;
  border-radius:18px !important; padding:7px 14px; font-size:13px; cursor:pointer;
}
.video-options .btn-share svg{ fill:var(--cz-text) !important; }

/* publisher / subscribe */
.publisher-element{ align-items:center; padding:12px 0; border-top:1px solid rgba(255,255,255,0.08); border-bottom:1px solid rgba(255,255,255,0.08); margin:12px 0; }
.publisher-avatar img{ width:40px; height:40px; border-radius:50% !important; object-fit:cover; }
.publisher-name a{ color:var(--cz-text) !important; font-weight:600; font-size:15px; }
.publisher-name span{ color:var(--cz-muted); font-size:12px; }
.btn-subscribe{ background:linear-gradient(90deg,var(--cz-indigo),var(--cz-violet)) !important; border:none !important; border-radius:18px !important; color:#fff !important; padding:8px 16px; font-weight:500; }
.publisher-subscribe-button .subs-amount{ color:var(--cz-muted); margin-left:6px; }

/* description */
.watch-video-description{ color:var(--cz-muted) !important; background:var(--cz-surface) !important; border-radius:12px; padding:12px 14px; margin-top:12px; }
.watch-video-description a.hash{ color:var(--cz-violet) !important; }
.video-published{ color:var(--cz-muted) !important; font-size:13px; margin-top:10px; }
.video-published a{ color:var(--cz-violet) !important; }

/* right column: category chips */
.article-categories .pt_categories ul{ list-style:none; padding:0; margin:0; }
.article-categories .pt_categories li a{
  display:inline-block; padding:6px 14px; margin:3px 4px 3px 0;
  background:var(--cz-surface-2) !important; color:var(--cz-text) !important;
  border-radius:16px !important; font-size:13px;
}
.article-categories .pt_categories li a:hover{ background:#2c2c2c !important; }

/* up next + related videos */
.next-video .next-text h4{ color:var(--cz-text) !important; font-size:16px; font-weight:600; margin:0; }
.pt_mn_wtch_switch .tgl-btn{ color:var(--cz-muted) !important; font-size:13px; }
.videos-list.related-videos, .videos-list#next-video{
  margin-top:8px;
}
.related-video-wrapper{
  display:flex; gap:8px; padding:6px 0; align-items:flex-start;
}
.ra-thumb{
  position:relative; flex:0 0 168px; width:168px; aspect-ratio:16/9;
  border-radius:10px !important; overflow:hidden; background:#000;
}
.ra-thumb img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:10px !important; }
.ra-thumb .play_hover_btn{ opacity:0; position:absolute; inset:0; margin:auto; width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); border-radius:50%; transition:opacity .2s; }
.related-video-wrapper:hover .ra-thumb .play_hover_btn{ opacity:1; }
.ra-thumb .play_hover_btn svg{ fill:#fff !important; }
.ra-thumb .video-duration{ position:absolute; bottom:6px; right:6px; background:rgba(0,0,0,0.8) !important; color:#fff !important; font-size:11px; padding:1px 4px; border-radius:3px; }
.ra-title{ flex:1; min-width:0; }
.ra-title .video-title a, .ra-title .video-title{ color:var(--cz-text) !important; font-size:14px; font-weight:500; line-height:1.3; display:block; }
.ra-title .video-title a:hover{ color:var(--cz-gold) !important; }
.ra-title .video-publisher{ color:var(--cz-muted) !important; font-size:12px; margin-top:4px; }
.ra-title .video-publisher a{ color:var(--cz-muted) !important; }

/* ============================================================
   MOBILE (full update — YouTube-style dark, responsive)
   Tiers: <=991 tablet, <=767 phone, <=575 small phone,
         <=380 tiny phone, 380-540 landscape
   ============================================================ */

/* ---------- TABLET (<=991) ---------- */
@media (max-width: 991px){
  /* navbar wraps; search drops to its own full-width row */
  .pt_header_nav{ flex-wrap:wrap !important; padding:8px 12px !important; }
  .pt_header_nav .left-part{ flex:1 1 auto !important; }
  .pt_header_nav .navbar-form{
    order:3; width:100% !important; margin:8px 0 0 !important; display:flex !important;
  }
  .pt_header_nav .navbar-form .form-control{ flex:1; border-radius:20px 0 0 20px !important; }
  .pt_header_nav .right-part{ flex:0 0 auto !important; }

  /* watch page: stack player full width, related moves under it */
  .player-video{ width:100% !important; }
  .video-player.pt_video_player video{ aspect-ratio:16/9; }
  .video-big-title h1{ font-size:18px; }
  .watch-video-description{ font-size:13px; }

  /* reveal "Up next" below player on tablet (theme hides via .desktop) */
  .col-md-4.no-padding-left.pull-right.desktop{ display:block !important; width:100% !important; max-width:100% !important; float:none !important; margin-top:16px; }
  .videos-list#next-video, .videos-list.related-videos{ display:flex !important; flex-wrap:wrap; gap:10px; }
  .videos-list#next-video .related-video-wrapper,
  .videos-list.related-videos .related-video-wrapper{ width:calc(50% - 5px); }
}

/* ---------- PHONE (<=767) ---------- */
@media (max-width: 767px){
  .container-home, #main-container{ padding-left:8px !important; padding-right:8px !important; }

  /* single-column grid (YouTube mobile) */
  .col-md-3.col-sm-6.col-xs-6.keep-padding,
  .col-md-3.col-sm-4.col-xs-6.keep-padding,
  .col-md-3.col-sm-6.col-xs-6,
  .col-md-3{ width:100% !important; }
  .row.pt_four_videos_trend, .video-latest-list{ margin-left:-4px; margin-right:-4px; }
  .video-list-image{ aspect-ratio:16/9; border-radius:10px !important; }
  .video-list-title h4{ font-size:15px; -webkit-line-clamp:2; line-height:1.35; }
  .video-list-by{ font-size:12px; }
  /* keep title/meta in one stacked column */
  .pt_vid_fixed_height{ padding:8px 2px 0 !important; }

  /* Up next becomes a single column under the player */
  .videos-list#next-video .related-video-wrapper,
  .videos-list.related-videos .related-video-wrapper{ width:100%; }
  .related-video-wrapper{ padding:8px 0; }
  .ra-thumb{ flex:0 0 160px; width:160px; }
  .ra-title .video-title{ font-size:14px; }
  .ra-title .video-publisher{ font-size:12px; }

  /* category chips tighter */
  .pt_sec_nav_cats{ padding:4px 0; }
  .pt_sec_nav_slide .swiper-slide a{ padding:6px 12px; font-size:12px; }

  /* featured block */
  .pt_feat_vid_innr img{ border-radius:10px; }
  .pt_feat_vid_details{ padding:10px 2px !important; }
  .pt_feat_vid_details .video-big-title a{ font-size:16px; }

  /* watch title */
  .video-big-title h1{ font-size:17px; }
}

/* ---------- SMALL PHONE (<=575) ---------- */
@media (max-width: 575px){
  .home-page-categories .title h4{ font-size:16px; }
  .video-views{ font-size:13px; }
  .video-title.pt_video_info{ padding:10px 0 0 !important; }
  .video-options .btn-share{ padding:7px 12px; font-size:12px; }
  .publisher-name a{ font-size:14px; }
  .ra-thumb{ flex:0 0 140px; width:140px; }
  .ra-title .video-title{ font-size:13px; }
  /* bigger touch targets */
  .pt_sec_nav_slide .swiper-slide a{ min-height:34px; display:inline-flex; align-items:center; }
  .btn-share, .btn-subscribe, .like-btn{ min-height:36px; }
}

/* ---------- TINY PHONE (<=380) ---------- */
@media (max-width: 380px){
  .ra-thumb{ flex:0 0 120px; width:120px; }
  .video-list-title h4{ font-size:14px; }
  .home-page-categories .title h4{ font-size:15px; }
  .pt_header_nav .right-part > li{ margin:0 2px; }
}

/* ---------- LANDSCAPE PHONE (380-540 tall) ---------- */
@media (max-width: 767px) and (max-height: 540px){
  .video-player.pt_video_player video{ max-height:62vh; }
  .pt_header_nav{ padding:6px 10px !important; }
}

/* ---------- safe areas (notch / rounded screens) ---------- */
@supports (padding: env(safe-area-inset-left)){
  .pt_header_nav{ padding-left:max(10px, env(safe-area-inset-left)) !important;
                  padding-right:max(10px, env(safe-area-inset-right)) !important; }
  .container-home, #main-container{ padding-left:max(8px, env(safe-area-inset-left)) !important;
                                    padding-right:max(8px, env(safe-area-inset-right)) !important; }
}

/* ---------- tap highlight off (native app feel) ---------- */
* { -webkit-tap-highlight-color: transparent; }
/* ================= WebRTC Live (Go Live / Live / Watch) ================= */
.cz-section-title {
  display: flex; align-items: center; gap: 10px;
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700; color: #f3f3f7; margin: 22px 0 6px; font-size: 26px;
}
.cz-sub { color: #9aa0b4; margin: 0 0 18px; font-size: 14px; }
.cz-live-dot {
  width: 12px; height: 12px; border-radius: 50%;
  background: #ff2d55; box-shadow: 0 0 0 0 rgba(255,45,85,.7);
  animation: czpulse 1.6s infinite;
}
@keyframes czpulse {
  0% { box-shadow: 0 0 0 0 rgba(255,45,85,.6); }
  70% { box-shadow: 0 0 0 10px rgba(255,45,85,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,45,85,0); }
}

/* Go Live card */
.cz-golive-card {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px;
  background: linear-gradient(135deg, #14141c, #1b1b27);
  border: 1px solid rgba(201,162,75,.25); border-radius: 16px; overflow: hidden;
  padding: 18px;
}
.cz-preview-wrap {
  position: relative; background: #000; border-radius: 12px; overflow: hidden;
  aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center;
}
.cz-preview-wrap video { width: 100%; height: 100%; object-fit: cover; }
.cz-preview-off {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; color: #6b7186; gap: 8px;
}
.cz-onair {
  position: absolute; top: 12px; left: 12px; background: #ff2d55; color: #fff;
  font-weight: 700; font-size: 12px; padding: 4px 10px; border-radius: 20px; letter-spacing: .5px;
}
.cz-form-wrap { display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.cz-form-wrap label { color: #b9bed0; font-size: 13px; font-weight: 600; }
.cz-status { color: #9aa0b4; font-size: 13px; min-height: 18px; }
.cz-actions { display: flex; gap: 10px; }
.btn-main { background: linear-gradient(135deg, #10b981, #34d399); color: #04211a; border: none; font-weight: 700; border-radius: 10px; padding: 10px 18px; }
.btn-danger { background: #ff2d55; color: #fff; border: none; font-weight: 700; border-radius: 10px; padding: 10px 18px; }
.btn-default { background: #2a2a38; color: #e8e8ef; border: 1px solid #3a3a4c; border-radius: 8px; }
.cz-share { display: flex; flex-direction: column; gap: 6px; }
.cz-share-row { display: flex; gap: 8px; }
.cz-share-row input { flex: 1; }
.cz-share-row input, .cz-form-wrap input { background: #0e0e15; border: 1px solid #33334a; color: #e8e8ef; border-radius: 8px; padding: 9px 12px; }
.hidden { display: none !important; }

/* Live grid */
.cz-live-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.cz-live-card { text-decoration: none; color: inherit; }
.cz-live-thumb {
  position: relative; aspect-ratio: 16/9; border-radius: 12px; overflow: hidden;
  background: radial-gradient(circle at 30% 30%, #23233a, #12121a);
  display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,45,85,.2);
  transition: transform .15s ease, box-shadow .15s ease;
}
.cz-live-card:hover .cz-live-thumb { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(255,45,85,.18); }
.cz-live-thumb .cz-onair { top: 10px; left: 10px; }
.cz-live-play { color: #fff; opacity: .85; }
.cz-live-meta { padding: 8px 2px; }
.cz-live-title { font-weight: 600; color: #eef0f6; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cz-empty { color: #9aa0b4; padding: 30px; text-align: center; grid-column: 1/-1; }
.cz-empty a { color: #34d399; }

/* Watch */
.cz-watch-card { position: relative; background: #000; border-radius: 14px; overflow: hidden; border: 1px solid rgba(201,162,75,.3); }
.cz-watch-card video { width: 100%; aspect-ratio: 16/9; background: #000; }
.cz-connecting { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #b9bed0; font-size: 15px; }

@media (max-width: 768px) {
  .cz-golive-card { grid-template-columns: 1fr; }
}
/* ================= Live Watch — Chat & Gifts ================= */
.cz-chat-panel {
  background: linear-gradient(135deg, #14141c, #1b1b27);
  border: 1px solid rgba(201,162,75,.25); border-radius: 16px;
  display: flex; flex-direction: column; height: 560px; overflow: hidden;
}
.cz-chat-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,.06);
  font-weight: 700; color: #f3f3f7; font-family: 'Playfair Display', serif;
}
.cz-wallet { font-size: 13px; color: #34d399; font-family: system-ui; }
.cz-chat-body { flex: 1; overflow-y: auto; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.cz-chat-msg { font-size: 14px; line-height: 1.4; color: #d7dae6; font-family: system-ui; word-break: break-word; }
.cz-chat-user { color: #c9a24b; font-weight: 700; margin-right: 4px; }
.cz-chat-gift {
  background: linear-gradient(90deg, rgba(255,45,85,.18), rgba(201,162,75,.12));
  border: 1px solid rgba(255,45,85,.3); border-radius: 10px; padding: 6px 10px; text-align: center;
}
.cz-gift-big { font-size: 15px; }
.cz-gift-coins { color: #34d399; font-weight: 700; }
.cz-chat-login { color: #9aa0b4; text-align: center; padding: 30px 10px; font-family: system-ui; }
.cz-chat-login a { color: #34d399; }
.cz-chat-gifts { display: flex; gap: 6px; padding: 10px 12px; border-top: 1px solid rgba(255,255,255,.06); flex-wrap: wrap; }
.cz-gift-btn {
  flex: 1; min-width: 44px; background: #0e0e15; border: 1px solid #33334a; border-radius: 10px;
  color: #fff; font-size: 18px; padding: 6px 0; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 2px;
}
.cz-gift-btn small { font-size: 10px; color: #34d399; }
.cz-gift-btn:hover { border-color: #c9a24b; background: #15151f; }
.cz-chat-input { display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid rgba(255,255,255,.06); }
.cz-chat-input input { flex: 1; background: #0e0e15; border: 1px solid #33334a; color: #e8e8ef; border-radius: 8px; padding: 9px 12px; font-family: system-ui; }
.cz-chat-input .btn-main { padding: 9px 16px; }
@media (max-width: 991px) { .cz-chat-panel { height: 420px; margin-top: 14px; } }

/* ================= Live Grid & Go-Live — Refined ================= */
.cz-live-hero, .cz-golive-hero {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap;
  margin: 22px 0 18px;
}
.cz-go-live-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg,#ff2d55,#ff5e7a); color: #fff; font-weight: 700; font-size: 14px;
  padding: 10px 18px; border-radius: 12px; text-decoration: none; transition: .2s;
  box-shadow: 0 6px 18px rgba(255,45,85,.3);
}
.cz-go-live-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(255,45,85,.4); }
.cz-rec { width: 10px; height: 10px; border-radius: 50%; background: #fff; animation: czpulse 1.4s infinite; }

/* Live grid cards */
.cz-live-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; }
.cz-live-card { text-decoration: none; color: inherit; display: block; }
.cz-live-thumb {
  position: relative; aspect-ratio: 16/9; border-radius: 14px; overflow: hidden;
  background: radial-gradient(circle at 30% 20%, #2a2350, #141420);
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,.08); transition: transform .18s ease, box-shadow .18s ease, border-color .18s;
}
.cz-live-card:hover .cz-live-thumb { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(124,58,237,.25); border-color: rgba(201,162,75,.45); }
.cz-live-thumb .cz-onair { position: absolute; top: 12px; left: 12px; background: #ff2d55; color:#fff; font-weight:700; font-size:11px; padding:4px 10px; border-radius:20px; letter-spacing:.5px; z-index:2; }
.cz-viewers { position: absolute; top: 12px; right: 12px; background: rgba(0,0,0,.55); color:#fff; font-size:11px; font-weight:600; padding:4px 9px; border-radius:20px; z-index:2; backdrop-filter: blur(4px); }
.cz-live-ava { position: absolute; right: 12px; bottom: 12px; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.5); z-index:2; }
.cz-live-ava-txt { display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg,#6d28d9,#c9a24b); color:#fff; font-weight:700; font-size:16px; }
.cz-live-play {
  width: 60px; height: 60px; border-radius: 50%; background: rgba(201,162,75,.92); color: #1a1426;
  display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(.8);
  transition: opacity .18s, transform .18s; z-index: 3; box-shadow: 0 6px 18px rgba(0,0,0,.4);
}
.cz-live-card:hover .cz-live-play { opacity: 1; transform: scale(1); }
.cz-live-meta { padding: 10px 2px 0; }
.cz-live-title { font-weight: 600; color: #eef0f6; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cz-live-by { color: #8b90a6; font-size: 12px; margin-top: 2px; }
.cz-empty { color: #9aa0b4; padding: 60px 30px; text-align: center; grid-column: 1/-1; background: rgba(255,255,255,.02); border: 1px dashed rgba(255,255,255,.1); border-radius: 16px; }
.cz-empty-icon { font-size: 40px; margin-bottom: 8px; }
.cz-empty p { margin: 0 0 14px; }

/* Go Live card refinements */
.cz-golive-card {
  display: grid; grid-template-columns: 1.5fr 1fr; gap: 22px;
  background: linear-gradient(135deg, #15151f, #1c1c2b);
  border: 1px solid rgba(201,162,75,.28); border-radius: 20px; overflow: hidden; padding: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.4);
}
.cz-preview-wrap {
  position: relative; background: #000; border-radius: 14px; overflow: hidden; aspect-ratio: 16/9;
  display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.06);
}
.cz-preview-wrap video { width: 100%; height: 100%; object-fit: cover; }
.cz-preview-off { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #6b7186; gap: 10px; background: radial-gradient(circle at 50% 40%, #1a1a2a, #0c0c14); }
.cz-preview-icon { opacity: .7; }
.cz-onair { position: absolute; top: 12px; left: 12px; background: #ff2d55; color: #fff; font-weight: 700; font-size: 12px; padding: 5px 12px; border-radius: 20px; letter-spacing: .5px; z-index: 3; animation: czpulse 1.6s infinite; }
.cz-form-wrap { display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.cz-form-wrap label { color: #b9bed0; font-size: 13px; font-weight: 600; }
.cz-form-wrap input, .cz-share-row input {
  background: #0e0e15; border: 1px solid #33334a; color: #e8e8ef; border-radius: 10px; padding: 11px 14px; font-size: 14px; width: 100%;
}
.cz-form-wrap input:focus, .cz-share-row input:focus { outline: none; border-color: #c9a24b; box-shadow: 0 0 0 3px rgba(201,162,75,.15); }
.cz-status { color: #9aa0b4; font-size: 13px; min-height: 18px; padding: 6px 12px; background: rgba(255,255,255,.03); border-radius: 8px; border-left: 3px solid #6d28d9; }
.cz-actions { display: flex; gap: 12px; }
.cz-btn-live { background: linear-gradient(135deg,#ff2d55,#ff5e7a); color:#fff; border:none; font-weight:700; font-size:15px; padding:13px 22px; border-radius:12px; cursor:pointer; transition:.2s; box-shadow:0 6px 18px rgba(255,45,85,.3); }
.cz-btn-live:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(255,45,85,.4); }
.cz-btn-stop { background: #1f1f2b; color: #fca5a5; border: 1px solid #ff2d55; font-weight:700; font-size:15px; padding:13px 22px; border-radius:12px; cursor:pointer; transition:.2s; }
.cz-btn-stop:hover { background: rgba(255,45,85,.12); }
.cz-share { display: flex; flex-direction: column; gap: 8px; background: rgba(201,162,75,.06); border: 1px solid rgba(201,162,75,.2); border-radius: 12px; padding: 14px; }
.cz-share label { color: #e6c878; }
.cz-share-row { display: flex; gap: 8px; }
.cz-share-row input { flex: 1; font-size: 12px; }
.cz-btn-copy { background: linear-gradient(135deg,#10b981,#34d399); color:#04211a; border:none; font-weight:700; border-radius:10px; padding:0 18px; cursor:pointer; }
.cz-share-hint { color: #8b90a6; font-size: 12px; }

@media (max-width: 768px) { .cz-golive-card { grid-template-columns: 1fr; } }

/* ================= BIGO LIVE-style Studio ================= */
.bigo-studio{max-width:1100px;margin:0 auto;padding:16px 14px 50px}
.bigo-wrap{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:24px;align-items:start}
.bigo-stage{position:sticky;top:14px}
.bigo-phone{position:relative;aspect-ratio:9/16;max-height:78vh;margin:0 auto;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 6px #1a1a24,0 0 0 8px #2a2a38;display:flex;align-items:center;justify-content:center}
.bigo-phone video{width:100%;height:100%;object-fit:cover}
.bigo-camoff{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7a8095;background:radial-gradient(circle at 50% 35%,#241a33,#0c0c14)}
.bigo-cam-ic{font-size:48px;opacity:.7}
.bigo-live{position:absolute;top:14px;left:14px;background:#ff2d55;color:#fff;font-weight:800;font-size:12px;padding:5px 12px;border-radius:20px;z-index:5;animation:czpulse 1.5s infinite;letter-spacing:.4px}
.bigo-timer{position:absolute;top:14px;right:60px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;padding:5px 11px;border-radius:20px;z-index:5;font-variant-numeric:tabular-nums;backdrop-filter:blur(4px)}
.bigo-topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px;z-index:4;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}
.bigo-host{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.4);padding:5px 12px 5px 5px;border-radius:30px;backdrop-filter:blur(6px)}
.bigo-ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#c9a24b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}
.bigo-host-name{font-size:12px;font-weight:700;color:#fff;line-height:1.1}
.bigo-host-lv{display:flex;align-items:center;gap:6px;margin-top:1px}
.bigo-lv{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:9px;font-weight:800;padding:1px 6px;border-radius:8px}
.bigo-viewers{font-size:10px;color:#cfd2e0}
.bigo-x{width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.45);border:none;color:#fff;font-size:14px;cursor:pointer}
.bigo-float{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}
.bigo-heart{position:absolute;bottom:70px;font-size:26px;animation:bigoFloat 2.6s ease-in forwards}
@keyframes bigoFloat{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translateY(-260px) scale(1.3);opacity:0}}
.bigo-bottom{position:absolute;bottom:14px;left:14px;right:14px;display:flex;gap:10px;z-index:4}
.bigo-beauty,.bigo-flip{flex:1;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:600;padding:10px;border-radius:14px;cursor:pointer;backdrop-filter:blur(6px);transition:.15s}
.bigo-beauty.on{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-color:transparent}
.bigo-beauty:hover,.bigo-flip:hover{background:rgba(255,255,255,.12)}
.bigo-panel{background:linear-gradient(135deg,#15151f,#221a33);border:1px solid rgba(201,162,75,.25);border-radius:20px;padding:22px;box-shadow:0 14px 44px rgba(0,0,0,.45)}
.bigo-panel-head h2{font-family:'Playfair Display',Georgia,serif;font-size:22px;margin:0 0 4px;color:#fff}
.bigo-panel-head p{color:#9aa0b4;font-size:13px;margin:0 0 18px}
.bigo-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.bigo-field label{font-size:13px;color:#b9bed0;font-weight:600}
.bigo-field input,.bigo-field textarea,.bigo-field select{background:#0e0e15;border:1px solid #33334a;color:#e8e8ef;border-radius:11px;padding:11px 14px;font-size:14px;font-family:inherit;width:100%;resize:vertical}
.bigo-field input:focus,.bigo-field textarea:focus,.bigo-field select:focus{outline:none;border-color:#c9a24b;box-shadow:0 0 0 3px rgba(201,162,75,.15)}
.bigo-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bigo-status{font-size:13px;color:#b9bed0;background:rgba(255,255,255,.03);border-left:3px solid #7c3aed;border-radius:8px;padding:9px 14px;margin-bottom:14px;min-height:18px}
.bigo-actions{display:flex;gap:12px;margin-bottom:4px}
.bigo-go{background:linear-gradient(135deg,#ff2d55,#ff5e7a);color:#fff;border:none;font-weight:800;font-size:15px;padding:14px 28px;border-radius:14px;cursor:pointer;transition:.2s;box-shadow:0 8px 22px rgba(255,45,85,.35)}
.bigo-go:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(255,45,85,.45)}
.bigo-end{background:#1f1f2b;color:#fca5a5;border:1px solid #ff2d55;font-weight:700;font-size:15px;padding:14px 28px;border-radius:14px;cursor:pointer}
.bigo-share{margin-top:14px;background:rgba(201,162,75,.07);border:1px solid rgba(201,162,75,.22);border-radius:13px;padding:14px}
.bigo-share label{font-size:13px;color:#e6c878;font-weight:600;display:block;margin-bottom:8px}
.bigo-share-row{display:flex;gap:8px}
.bigo-share-row input{flex:1;background:#0e0e15;border:1px solid #33334a;color:#e8e8ef;border-radius:10px;padding:11px 14px;font-size:12px}
.bigo-copy{background:linear-gradient(135deg,#10b981,#34d399);color:#04211a;border:none;font-weight:800;border-radius:10px;padding:0 20px;cursor:pointer}
.bigo-giftbar{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.bigo-gift{background:#0e0e15;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 4px;font-size:20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:.15s;color:#fff}
.bigo-gift span{font-size:10px;color:#e6c878;font-weight:700}
.bigo-gift:hover{border-color:#c9a24b;transform:translateY(-2px);background:rgba(201,162,75,.1)}
.bigo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.bigo-stat{background:#0e0e15;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px;text-align:center}
.bigo-stat b{display:block;font-size:22px;font-weight:800;color:#fff}
.bigo-stat.gold b{color:#e6c878}
.bigo-stat span{font-size:11px;color:#8b90a6}
@media(max-width:820px){.bigo-wrap{grid-template-columns:1fr}.bigo-stage{position:static}.bigo-phone{max-height:none}}

/* ================= Mobile: BIGO-style native broadcast ================= */
@media (max-width: 820px) {
  .bigo-studio { padding: 0; max-width: 100%; }
  .bigo-wrap { grid-template-columns: 1fr; gap: 0; }

  /* full-bleed camera, no fake desktop bezel */
  .bigo-stage { position: static; }
  .bigo-phone {
    aspect-ratio: 9 / 16;
    max-height: 62vh;
    width: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
  }
  .bigo-phone video { object-fit: cover; }

  /* setup panel becomes a bottom sheet */
  .bigo-panel {
    border-radius: 22px 22px 0 0;
    margin-top: -22px;
    position: relative;
    z-index: 7;
    padding: 20px 18px calc(22px + env(safe-area-inset-bottom));
    box-shadow: 0 -12px 40px rgba(0,0,0,.5);
  }
  .bigo-panel-head h2 { font-size: 20px; }
  .bigo-row2 { grid-template-columns: 1fr 1fr; gap: 10px; }

  /* bigger touch targets */
  .bigo-field input, .bigo-field textarea, .bigo-field select { padding: 14px; font-size: 16px; }
  .bigo-go, .bigo-end { padding: 16px 28px; font-size: 16px; flex: 1; }
  .bigo-actions { display: flex; }
  .bigo-copy { padding: 0 22px; }

  /* camera overlay controls bigger */
  .bigo-bottom { bottom: calc(14px + env(safe-area-inset-bottom)); left: 14px; right: 14px; }
  .bigo-beauty, .bigo-flip { padding: 13px; font-size: 14px; }
  .bigo-topbar { padding: calc(14px + env(safe-area-inset-top)) 14px 14px; }

  /* gift bar + stats wrap cleanly */
  .bigo-giftbar { grid-template-columns: repeat(6, 1fr); gap: 7px; }
  .bigo-gift { padding: 12px 2px; font-size: 22px; }
  .bigo-stats { gap: 10px; }
  .bigo-stat { padding: 14px 8px; }
  .bigo-stat b { font-size: 20px; }
}

@media (max-width: 480px) {
  .bigo-phone { max-height: 56vh; }
  .bigo-giftbar { grid-template-columns: repeat(3, 1fr); }
  .bigo-gift span { font-size: 11px; }
  .bigo-row2 { grid-template-columns: 1fr; }
  .bigo-panel-head p { font-size: 12px; }
}

/* ================= BIGO Studio refinements ================= */
/* default mirror (selfie) for broadcaster comfort */
.bigo-phone video{transform:scaleX(-1)}
.bigo-phone video.flipped{transform:none}
/* subtle frame glow on the phone stage */
.bigo-phone{transition:box-shadow .3s}
.bigo-phone.live{box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 6px #1a1a24,0 0 0 8px #2a2a38,0 0 0 11px rgba(255,45,85,.35)}
/* status pill variants */
.bigo-status{transition:.2s}
.bigo-status.ok{border-left-color:#10b981;color:#a7f3d0}
.bigo-status.live{border-left-color:#ff2d55;color:#fecaca}
.bigo-status.warn{border-left-color:#f59e0b;color:#fde68a}
/* smoother button + control transitions */
.bigo-go,.bigo-end,.bigo-gift,.bigo-beauty,.bigo-flip{transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}
.bigo-go:active,.bigo-end:active,.bigo-gift:active{transform:scale(.96)}
/* accessibility: visible focus + labels */
.bigo-x:focus-visible,.bigo-beauty:focus-visible,.bigo-flip:focus-visible,.bigo-go:focus-visible,.bigo-end:focus-visible,.bigo-copy:focus-visible,.bigo-gift:focus-visible{outline:2px solid #c9a24b;outline-offset:2px}
.bigo-x,.bigo-beauty,.bigo-flip,.bigo-gift{font-family:inherit}
/* empty camera hint pulse */
.bigo-camoff{animation:czfadein .4s ease}
@keyframes czfadein{from{opacity:0}to{opacity:1}}

/* ================= Camera-off rich placeholder ================= */
.bigo-camoff{background:radial-gradient(circle at 50% 35%,#2a1d4a,#0c0c14);justify-content:center;gap:14px}
.bigo-camoff .bigo-cam-ic{font-size:64px;animation:bigoPulse 2.4s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#c9a24b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bigo-camoff p{font-size:16px;font-weight:600;color:#e8e8ef;margin:0}
.bigo-camoff .bigo-cam-hint{font-size:13px;color:#8b90a6;font-weight:400}
@keyframes bigoPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}
/* live dot pulse already exists; ensure camera ring when live */
.bigo-phone:not(.live) .bigo-live{display:none}

/* ===== CLIPSHORT GO-LIVE — Premium Refinement v2 ===== */
/* Cohesive with the rest of the site: gold #C9A24B / violet, Inter + Playfair */
.bigo-studio{
  max-width:1180px;
  padding:clamp(16px,3vw,34px) clamp(14px,3vw,40px) 56px;
}
.bigo-wrap{
  gap:clamp(20px,2.4vw,36px);
  align-items:stretch;
}
.bigo-stage{top:18px}
/* PHONE PREVIEW */
.bigo-phone{
  background:linear-gradient(135deg,#101018,#0a0a12);
  border-radius:30px;
  box-shadow:0 30px 70px rgba(0,0,0,.6),
    0 0 0 1px rgba(255,255,255,.06),
    0 0 0 7px #16161f,
    0 0 0 8px rgba(201,162,75,.18);
  transition:box-shadow .4s,transform .4s;
}
.bigo-phone.live{
  box-shadow:0 30px 70px rgba(0,0,0,.6),
    0 0 0 1px rgba(255,255,255,.08),
    0 0 0 7px #16161f,
    0 0 0 9px rgba(255,45,85,.5),
    0 0 40px rgba(255,45,85,.25);
}
.bigo-phone video{transition:transform .5s}
.bigo-phone.flipped video{transform:scaleX(-1)}
/* camera off */
.bigo-camoff{
  background:radial-gradient(circle at 50% 32%,#1c1730,#08080f);
  color:#9aa0b4;
}
.bigo-camoff .bigo-cam-ic{
  font-size:54px;opacity:.55;
  filter:drop-shadow(0 0 18px rgba(124,92,255,.4));
}
.bigo-camoff p{font-size:14px;letter-spacing:.3px}
/* LIVE badge */
.bigo-live{
  background:linear-gradient(135deg,#ff2d55,#ff5e7a);
  box-shadow:0 6px 18px rgba(255,45,85,.5);
  font-size:11px;letter-spacing:.6px;padding:6px 13px;border-radius:22px;
}
/* top bar */
.bigo-topbar{
  padding:16px;
  background:linear-gradient(180deg,rgba(8,8,14,.75),transparent);
}
.bigo-host{
  background:rgba(8,8,14,.5);
  border:1px solid rgba(255,255,255,.1);
  padding:5px 14px 5px 5px;
  border-radius:30px;
}
.bigo-ava{
  background:linear-gradient(135deg,#7c5cff,#c9a24b);
  box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 14px rgba(124,92,255,.5);
}
.bigo-host-name{font-size:13px;letter-spacing:.2px}
.bigo-lv{
  background:linear-gradient(135deg,#f59e0b,#ef4444);
  font-size:9px;letter-spacing:.4px;
}
.bigo-viewers{font-size:10.5px;color:#cfd2e0}
.bigo-x{
  width:32px;height:32px;font-size:14px;
  background:rgba(8,8,14,.55);
  border:1px solid rgba(255,255,255,.12);
  transition:background .2s,transform .2s;
}
.bigo-x:hover{background:rgba(255,45,85,.85);transform:rotate(90deg)}
/* bottom controls */
.bigo-bottom{left:16px;right:16px;bottom:16px;gap:12px}
.bigo-beauty,.bigo-flip{
  background:rgba(8,8,14,.55);
  border:1px solid rgba(255,255,255,.16);
  font-size:13.5px;letter-spacing:.2px;
  border-radius:16px;padding:12px;
  transition:background .25s,transform .25s,border-color .25s,box-shadow .25s;
}
.bigo-beauty:hover,.bigo-flip:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.bigo-beauty.on{
  background:linear-gradient(135deg,#ec4899,#8b5cf6);
  border-color:transparent;
  box-shadow:0 8px 22px rgba(139,92,246,.5);
}
/* PANEL */
.bigo-panel{
  background:linear-gradient(155deg,rgba(22,22,38,.92),rgba(28,20,46,.92));
  border:1px solid rgba(201,162,75,.22);
  border-radius:24px;
  padding:clamp(20px,2.4vw,28px);
  box-shadow:0 24px 60px rgba(0,0,0,.5);
  backdrop-filter:blur(10px);
}
.bigo-panel-head h2{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(21px,2.2vw,26px);
  letter-spacing:.2px;
  background:linear-gradient(135deg,#fff,#e6c878);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.bigo-panel-head p{color:#a7adc2;font-size:13.5px;margin:0 0 20px}
.bigo-field label{font-size:13px;color:#c2c7db;letter-spacing:.2px;font-weight:600}
.bigo-field input,.bigo-field textarea,.bigo-field select{
  background:rgba(8,8,14,.6);
  border:1px solid rgba(255,255,255,.1);
  color:#eeeef5;
  border-radius:13px;
  padding:13px 15px;
  font-size:14.5px;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.bigo-field input::placeholder,.bigo-field textarea::placeholder{color:#6f7488}
.bigo-field input:focus,.bigo-field textarea:focus,.bigo-field select:focus{
  border-color:#c9a24b;
  box-shadow:0 0 0 3px rgba(201,162,75,.18);
  background:rgba(8,8,14,.85);
}
.bigo-row2{gap:16px}
/* status */
.bigo-status{
  font-size:13.5px;color:#cdd2e4;
  background:rgba(255,255,255,.04);
  border-left:3px solid #7c5cff;
  border-radius:10px;padding:11px 15px;margin-bottom:16px;
}
.bigo-status.live{
  border-left-color:#ff2d55;
  background:rgba(255,45,85,.08);
  color:#ffd0da;
}
/* actions */
.bigo-actions{gap:14px;margin-bottom:6px}
.bigo-go{
  background:linear-gradient(135deg,#ff2d55,#ff5e7a);
  font-weight:800;font-size:15.5px;letter-spacing:.3px;
  padding:15px 32px;border-radius:16px;
  box-shadow:0 10px 26px rgba(255,45,85,.4);
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.bigo-go:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(255,45,85,.55);filter:brightness(1.04)}
.bigo-end{
  background:rgba(255,45,85,.08);
  color:#ffb3c1;border:1px solid rgba(255,45,85,.5);
  font-weight:700;font-size:15px;padding:15px 28px;border-radius:16px;
  transition:background .2s,transform .2s;
}
.bigo-end:hover{background:rgba(255,45,85,.16);transform:translateY(-2px)}
/* share */
.bigo-share{
  margin-top:16px;
  background:rgba(201,162,75,.07);
  border:1px solid rgba(201,162,75,.25);
  border-radius:15px;padding:16px;
}
.bigo-share label{font-size:13px;color:#e6c878;letter-spacing:.2px;margin-bottom:10px}
.bigo-share-row input{
  background:rgba(8,8,14,.6);
  border:1px solid rgba(255,255,255,.1);
  color:#eeeef5;border-radius:12px;padding:12px 14px;font-size:12.5px;
}
.bigo-copy{
  background:linear-gradient(135deg,#10b981,#34d399);
  color:#04211a;font-weight:800;border-radius:12px;padding:0 22px;
  transition:filter .2s,transform .2s;
}
.bigo-copy:hover{filter:brightness(1.05);transform:translateY(-1px)}
/* gift bar */
.bigo-giftbar{
  grid-template-columns:repeat(6,1fr);gap:10px;
  margin-top:20px;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
}
.bigo-gift{
  background:rgba(8,8,14,.6);
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;padding:12px 4px;font-size:22px;
  transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;
}
.bigo-gift span{font-size:10.5px;color:#e6c878;font-weight:700;letter-spacing:.3px}
.bigo-gift:hover{
  border-color:#c9a24b;transform:translateY(-3px);
  background:rgba(201,162,75,.12);
  box-shadow:0 10px 22px rgba(201,162,75,.2);
}
/* stats */
.bigo-stats{gap:14px;margin-top:20px}
.bigo-stat{
  background:rgba(8,8,14,.6);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:16px;
  transition:transform .25s,border-color .25s;
}
.bigo-stat:hover{transform:translateY(-2px);border-color:rgba(201,162,75,.3)}
.bigo-stat b{font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.bigo-stat.gold b{
  background:linear-gradient(135deg,#e6c878,#c9a24b);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.bigo-stat span{font-size:11.5px;color:#8b90a6;letter-spacing:.3px}
/* mobile */
@media (max-width:820px){
  .bigo-phone{border-radius:26px}
  .bigo-panel{border-radius:20px}
}

/* ===== Brand icon on Live TV / Go Live headers ===== */
.cz-live-hero-left{display:flex;align-items:center;gap:14px}
.cz-brand-ic{
  width:46px;height:46px;object-fit:contain;border-radius:13px;
  background:linear-gradient(135deg,rgba(124,92,255,.22),rgba(201,162,75,.22));
  border:1px solid rgba(201,162,75,.3);
  padding:7px;box-shadow:0 8px 22px rgba(0,0,0,.4);
  flex:none;
}
.bigo-brand-ic{
  width:42px;height:42px;object-fit:contain;border-radius:12px;
  background:linear-gradient(135deg,rgba(124,92,255,.22),rgba(201,162,75,.22));
  border:1px solid rgba(201,162,75,.3);
  padding:6px;margin-bottom:10px;
  box-shadow:0 8px 22px rgba(0,0,0,.4);
}