/* Konectify extracted CSS — generated by Cleanup Phase 2 V100 on 2026-08-04T12:59:49+00:00 */


/* ===== extracted style block 1 ===== */
:root{
    --bg:#f4f8fc; --bg2:#eef4fb; --card:#ffffff; --card2:#f7fafe;
    --line:rgba(20,40,80,.10); --muted:#7a8aa3; --text:#15233b;
    --pink:#2f8af0; --purple:#2f8af0; --violet:#1fb6c9; --cyan:#22c3e6;
    --brand:#2f8af0; --brand2:#1fc8b0;
    --grad:linear-gradient(135deg,#2f8af0 0%,#1fc8b0 100%);
    --grad2:linear-gradient(135deg,#2f8af0,#1fc8b0);
    --ok:#16c784; --warn:#f5a623; --danger:#f0506e;
    --shadow:0 6px 22px rgba(33,80,160,.10);
    --r:16px;
  }
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  html{text-size-adjust:100%;-webkit-text-size-adjust:100%}
  html,body{margin:0;height:100%}
  body{
    font-family:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji','Android Emoji','EmojiSymbols',sans-serif;
    background:
      linear-gradient(180deg,#eaf6f3 0%,#f4f8fc 22%,#f4f8fc 100%),
      var(--bg);
    color:var(--text);
    overflow:hidden;
    /* crisp, smooth text rendering on every device */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    font-feature-settings:'kern' 1,'liga' 1;
    letter-spacing:.1px;
  }
  /* keep all imagery and avatars sharp when scaled */
  img{image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
  input,textarea,select{font-family:inherit}
  ::-webkit-scrollbar{width:8px;height:8px}
  ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:20px}
  .hidden{display:none!important}

  /* ---------- App shell ---------- */
  #app{height:100%;width:100%;max-width:1180px;margin:0 auto;display:flex;flex-direction:column}

  /* ---------- AUTH ---------- */
  #auth{height:100%;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}
  #auth .auth-card{margin:auto}
  .auth-card{width:100%;max-width:410px;background:linear-gradient(180deg,var(--card2),var(--card));
    border:1px solid var(--line);border-radius:26px;padding:30px 26px;box-shadow:var(--shadow)}
  .brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:6px}
  .logo{width:46px;height:46px;border-radius:14px;background:var(--grad);display:grid;place-items:center;
    box-shadow:0 8px 24px rgba(168,85,247,.5);font-size:24px}
  .brand h1{font-size:26px;margin:0;letter-spacing:.5px;
    background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
  .tag{text-align:center;color:var(--muted);margin:2px 0 22px;font-size:13.5px}
  .seg{display:flex;background:#eef3f9;border-radius:14px;padding:5px;margin-bottom:20px}
  .seg button{flex:1;padding:10px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;transition:.2s}
  .seg button.active{background:var(--grad);color:#fff;box-shadow:0 6px 18px rgba(168,85,247,.4)}
  .field{margin-bottom:14px}
  .field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:600}
  .pwwrap{position:relative}
  .pwwrap input{padding-right:46px!important}
  .pweye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:8px;font-size:16px;opacity:.75}
  .pweye:hover{opacity:1;background:rgba(20,40,80,.06)}
  .field input,.field select,.field textarea{width:100%;padding:13px 14px;background:#fff;
    border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:14.5px;outline:none;transition:.2s}
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(47,138,240,.18)}
  .row2{display:flex;gap:12px}.row2>*{flex:1}
  .btn{display:block;width:100%;padding:14px;border-radius:13px;background:var(--grad);color:#fff;font-weight:700;
    font-size:15px;box-shadow:0 10px 26px rgba(168,85,247,.45);transition:transform .12s,filter .2s}
  .btn:active{transform:scale(.98)}.btn:hover{filter:brightness(1.07)}
  .btn.ghost{background:rgba(255,255,255,.06);box-shadow:none;border:1px solid var(--line)}
  .hint{text-align:center;font-size:12px;color:var(--muted);margin-top:14px}
  .err{color:var(--danger);font-size:12.5px;margin:-6px 0 10px;min-height:14px}
  .avatar-pick{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:4px 0 6px}
  .avatar-pick .av{width:46px;height:46px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:.15s}
  .avatar-pick .av.sel{border-color:var(--pink);transform:scale(1.08)}
  /* photo uploader */
  .photo-up{display:flex;align-items:center;gap:14px;padding:12px;border:2px dashed var(--line);border-radius:14px;cursor:pointer;transition:.18s}
  .photo-up:hover{border-color:var(--pink)}
  .photo-up img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#eef3f9;border:2px solid var(--line)}
  .photo-up .pu-t b{font-size:13.5px}.photo-up .pu-t p{margin:2px 0 0;font-size:11.5px;color:var(--muted)}
  .creator-note{background:rgba(240,80,110,.08);border:1px solid rgba(240,80,110,.25);color:#e0436a;
    font-size:12px;padding:10px 12px;border-radius:12px;margin-bottom:14px;line-height:1.4}

  /* ---------- MAIN ---------- */
  #main{flex:1;display:flex;flex-direction:column;height:100%;min-height:0}
  .topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);
    background:rgba(255,255,255,.85);backdrop-filter:blur(10px)}
  .topbar .logo{width:36px;height:36px;border-radius:11px;font-size:18px}
  .topbar h1{font-size:20px;margin:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
  .topbar .me{margin-left:auto;display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px 5px 5px;border-radius:30px;border:1px solid var(--line)}
  .topbar .me img{width:30px;height:30px;border-radius:50%}
  .topbar .me span{font-size:13.5px;font-weight:600}
  .coins{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--warn);
    background:rgba(251,191,36,.12);padding:6px 12px;border-radius:30px;border:1px solid rgba(251,191,36,.25)}

  .content{flex:1;overflow-y:auto;min-height:0;padding:16px 16px 90px}
  .view{display:none}.view.active{display:block;animation:fade .25s ease}
  @keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

  .vh{display:flex;align-items:center;justify-content:space-between;margin:2px 0 16px}
  .vh h2{font-size:22px;margin:0;font-weight:800}
  .vh p{margin:2px 0 0;color:var(--muted);font-size:13px}

  /* Discover */
  .filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:4px}
  .chip{white-space:nowrap;padding:8px 15px;border-radius:30px;background:var(--card);border:1px solid var(--line);
    font-size:13px;font-weight:600;color:var(--muted);transition:.2s}
  .chip.active{background:var(--grad2);color:#fff;border-color:transparent}
  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}
  /* ---- clean Chatta-style discover list ---- */
  .dlist{display:flex;flex-direction:column}
  /* ---- Moments / Posts ---- */
  .disc-tabs{display:flex;gap:18px;padding:4px 4px 12px;border-bottom:1px solid var(--line);margin-bottom:12px}
  .disc-tabs button{font-size:18px;font-weight:800;color:var(--muted);background:none;position:relative;padding:4px 2px}
  .disc-tabs button.active{color:var(--text)}
  .disc-tabs button.active::after{content:'';position:absolute;left:0;right:0;bottom:-13px;height:3px;border-radius:3px;background:var(--grad)}
  .post-create{display:block;width:100%;text-align:left;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:600;margin-bottom:14px;box-shadow:var(--shadow)}
  .post{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:var(--shadow)}
  .post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
  .post-head img{width:42px;height:42px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid transparent}
  .post-head img.g-m{border-color:#2f8af0}.post-head img.g-f{border-color:#ff4d9d}
  .post-head .ph-n{flex:1;font-weight:700;font-size:14.5px}
  .post-head .ph-t{font-size:11.5px;color:var(--muted)}
  .post-head .ph-del{color:var(--muted);font-size:18px;width:30px;height:30px}
  .post-body{font-size:14px;color:#2a3a52;line-height:1.45;margin-bottom:10px;white-space:pre-wrap;word-break:break-word}
  .post-media{display:grid;gap:5px;border-radius:12px;overflow:hidden;margin-bottom:10px}
  .post-media.n1{grid-template-columns:1fr}
  .post-media.n2{grid-template-columns:1fr 1fr}
  .post-media.n3,.post-media.n4,.post-media.n5,.post-media.n6,.post-media.n7,.post-media.n8,.post-media.n9{grid-template-columns:1fr 1fr 1fr}
  .post-media .pm{position:relative;aspect-ratio:1/1;background:#eef3f9;overflow:hidden;cursor:pointer}
  .post-media.n1 .pm{aspect-ratio:4/3}
  .post-media .pm img,.post-media .pm video{width:100%;height:100%;object-fit:cover}
  .post-media .pm .vb{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
  .post-acts{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:10px}
  .post-acts button{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--muted)}
  .post-acts button.on{color:var(--pink)}
  .pc-comment{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
  .pc-comment img{width:30px;height:30px;border-radius:50%}
  .pc-comment .cc-n{font-weight:700;font-size:12.5px}.pc-comment .cc-b{font-size:13px;color:#2a3a52}
  .drow{padding:14px 4px;border-bottom:1px solid var(--line)}
  .drow-top{display:flex;align-items:flex-start;gap:12px}
  .drow-av{position:relative;width:58px;height:58px;flex:none;cursor:pointer}
  .drow-av img{width:58px;height:58px;border-radius:50%;object-fit:cover;padding:2px;border:2.5px solid transparent}
  /* gender colour: men=blue, women=pink */
  .drow-av.g-m img{border-color:#2f8af0}
  .drow-av.g-f img{border-color:#ff4d9d}
  .drow-av.islive img{border-color:var(--brand2)}
  .drow-av .online-dot{position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;background:var(--ok);border:2px solid #fff}
  .drow-av .drow-livetag{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);background:var(--brand2);color:#fff;font-size:8px;font-weight:800;padding:2px 7px;border-radius:20px;letter-spacing:.4px}
  .drow-info{flex:1;min-width:0;cursor:pointer}
  .drow-nm{font-weight:700;font-size:15.5px;color:var(--text);display:flex;align-items:center;gap:7px}
  .drow-age{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}
  .drow-age.f{background:rgba(240,80,110,.12);color:#e0436a}
  .drow-age.m{background:rgba(47,138,240,.12);color:#2f8af0}
  /* gender pill (profiles) — men blue, women pink */
  .gpill{font-size:13px;font-weight:800;padding:3px 11px;border-radius:20px;vertical-align:middle}
  .gpill.g-m{background:rgba(47,138,240,.14);color:#2f8af0}
  .gpill.g-f{background:rgba(255,77,157,.14);color:#ff4d9d}
  .drow-sub{font-size:12px;color:var(--muted);margin-top:3px}
  .drow-bio{font-size:13px;color:#5a6a82;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .drow-btn{flex:none;align-self:center;padding:8px 16px;border-radius:30px;background:var(--grad);color:#fff;font-weight:700;font-size:13px;box-shadow:0 4px 12px rgba(47,138,240,.3)}
  .drow-btn.live{background:linear-gradient(135deg,#1fc8b0,#16c784)}
  .drow-thumbs{display:flex;gap:8px;margin:11px 0 0 0;padding-left:70px}
  .drow-th{position:relative;width:88px;height:88px;border-radius:12px;overflow:hidden;background:#eef3f9;cursor:pointer;flex:none}
  .drow-th img,.drow-th video{width:100%;height:100%;object-fit:cover}
  .drow-th .thv{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
  @media(max-width:520px){ .drow-th{width:31vw;height:31vw} }
  .pcard{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);
    overflow:hidden;box-shadow:var(--shadow);transition:transform .15s;position:relative}
  .pcard:hover{transform:translateY(-4px)}
  .pcard .ph{height:150px;position:relative;display:grid;place-items:center}
  .pcard .ph img{width:84px;height:84px;border-radius:50%;border:3px solid rgba(255,255,255,.25)}
  .pcard .liveb{position:absolute;top:8px;left:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;
    padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;letter-spacing:.5px}
  .pcard .liveb::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1s infinite}
  @keyframes blink{50%{opacity:.3}}
  .pcard .dist{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.5);font-size:10.5px;padding:3px 8px;border-radius:20px;color:#fff}
  .pcard .pb{padding:12px}
  .pcard .pb .nm{font-weight:700;font-size:15px;display:flex;align-items:center;gap:5px}
  .pcard .pb .vf{color:var(--cyan);font-size:13px}
  .pcard .pb .meta{color:var(--muted);font-size:12px;margin-top:2px}
  .pcard .pb .bio{color:var(--muted);font-size:11.5px;margin-top:7px;height:30px;overflow:hidden;line-height:1.3}
  .pcard .acts{display:flex;gap:8px;margin-top:11px}
  .mini{flex:1;padding:9px;border-radius:10px;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}
  .mini.like{background:rgba(255,77,157,.14);color:var(--pink);border:1px solid rgba(255,77,157,.3)}
  .mini.like.on{background:var(--grad2);color:#fff;border-color:transparent}
  .mini.chat{background:rgba(47,138,240,.10);color:#2f8af0;border:1px solid rgba(47,138,240,.25)}

  /* Live grid */
  .lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}
  .lcard{border-radius:var(--r);overflow:hidden;position:relative;height:215px;border:1px solid var(--line);
    box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:flex-end}
  .lcard .cover{position:absolute;inset:0;display:grid;place-items:center}
  .lcard .cover-full{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
  .lcard .cover img{width:74px;height:74px;border-radius:50%;border:3px solid rgba(255,255,255,.3)}
  .lcard .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.85))}
  .lcard .liveb{position:absolute;top:9px;left:9px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;
    padding:3px 9px;border-radius:20px;display:flex;align-items:center;gap:4px}
  .lcard .liveb::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1s infinite}
  .lcard .viewers{position:absolute;top:9px;right:9px;background:rgba(0,0,0,.5);font-size:11px;padding:3px 9px;border-radius:20px;display:flex;align-items:center;gap:4px}
  .lcard .info{position:relative;padding:12px;width:100%}
  .lcard .info .t{font-weight:700;font-size:14px;line-height:1.25}
  .lcard .info .h{font-size:12px;color:#d9cfff;margin-top:3px;display:flex;align-items:center;gap:5px}
  .golive{margin-bottom:16px;padding:16px;border-radius:var(--r);background:var(--grad);display:flex;align-items:center;gap:14px;box-shadow:0 12px 30px rgba(168,85,247,.4)}
  .golive .ic{font-size:30px}
  .golive .tx{flex:1}.golive .tx b{font-size:16px}.golive .tx p{margin:2px 0 0;font-size:12.5px;opacity:.9}
  .golive button{background:#fff;color:#7c3aed;font-weight:800;padding:11px 18px;border-radius:12px;font-size:14px}

  /* Messages list */
  .conv{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;cursor:pointer;transition:.15s}
  .conv:hover{background:var(--card)}
  .conv img{width:52px;height:52px;border-radius:50%}
  .conv .cinfo{flex:1;min-width:0}
  .conv .cinfo .nm{font-weight:700;font-size:15px;display:flex;align-items:center;gap:5px}
  .conv .cinfo .lm{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
  .conv .cr{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
  .conv .cr .tm{font-size:11px;color:var(--muted)}
  .conv .cr .badge{background:var(--pink);color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:20px;display:grid;place-items:center;padding:0 6px}
  .empty{text-align:center;color:var(--muted);padding:50px 20px}
  .empty .e{font-size:46px;margin-bottom:10px}

  /* Profile view */
  .pheader{text-align:center;padding:18px}
  .pheader .big{width:104px;height:104px;border-radius:50%;border:4px solid;border-image:var(--grad) 1;margin-bottom:12px}
  .pheader h2{margin:0;font-size:24px;display:flex;align-items:center;gap:7px;justify-content:center}
  .pheader .sub{color:var(--muted);margin-top:4px}
  .stats{display:flex;justify-content:center;gap:26px;margin:18px 0}
  .stats div{text-align:center}.stats b{font-size:20px;display:block}.stats span{font-size:12px;color:var(--muted)}
  .section{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}
  .section h3{margin:0 0 10px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
  .tags{display:flex;flex-wrap:wrap;gap:8px}
  .tags span{background:rgba(47,138,240,.10);color:#2f8af0;padding:6px 13px;border-radius:30px;font-size:12.5px;font-weight:600}
  /* profile gallery */
  .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .gallery .gitem{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--card2);border:1px solid var(--line)}
  .gallery .gitem img,.gallery .gitem video{width:100%;height:100%;object-fit:cover;display:block}
  .gallery .gitem .vbadge{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}
  .gallery .gitem .gdel{position:absolute;top:5px;right:5px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:16px;display:grid;place-items:center;z-index:5;cursor:pointer}
  .gallery .gitem .gdel:hover{background:var(--danger)}
  .gallery .gempty{grid-column:1/-1;text-align:center;color:var(--muted);font-size:12.5px;padding:18px 0}
  .gal-actions{display:flex;gap:9px;margin-top:11px}
  .gal-add{flex:1;padding:11px;border-radius:11px;background:rgba(47,138,240,.10);border:1px solid rgba(47,138,240,.25);color:#2f8af0;font-weight:700;font-size:13px}
  .gal-add:hover{background:rgba(139,92,246,.22)}
  /* lightbox viewer */
  #lightbox{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:20px}
  #lightbox.show{display:flex;animation:fade .2s}
  #lightbox img,#lightbox video{max-width:100%;max-height:86vh;border-radius:12px}
  #lightbox .lbx{position:absolute;top:16px;right:18px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;display:grid;place-items:center}
  /* public profile sheet */
  .pp-cover{position:relative;height:150px;background:var(--grad);display:flex;align-items:flex-end;justify-content:center}
  .pp-cover img{width:104px;height:104px;border-radius:50%;border:4px solid var(--card);object-fit:cover;margin-bottom:-40px;position:relative;z-index:2}
  .pp-body{padding:50px 18px 18px;text-align:center}
  .pp-body h2{margin:0;font-size:22px;display:flex;align-items:center;gap:6px;justify-content:center}
  .pp-body .pp-sub{color:var(--muted);font-size:13px;margin-top:4px}
  .pp-body .pp-bio{color:#3a4a63;font-size:13.5px;line-height:1.5;margin:12px 0 0}
  .pp-tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px}
  .pp-tags span{background:rgba(47,138,240,.10);color:#2f8af0;padding:5px 12px;border-radius:30px;font-size:12px;font-weight:600}
  .pp-acts{display:flex;gap:9px;padding:0 18px 16px}
  .pp-acts button{flex:1;padding:13px;border-radius:12px;font-weight:700;font-size:14px}
  .pp-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 16px}
  .pp-gallery .gitem{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--card2);border:1px solid var(--line)}
  .pp-gallery .gitem img,.pp-gallery .gitem video{width:100%;height:100%;object-fit:cover}
  .pp-gallery .gitem .vbadge{position:absolute;left:5px;bottom:5px;background:rgba(0,0,0,.6);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:20px}
  .pp-section-h{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 18px 8px;font-weight:700}
  /* ---- Wall of Fame banner ---- */
  .wof-banner{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin-bottom:14px;padding:13px 15px;
    border-radius:16px;border:1px solid rgba(251,191,36,.35);
    background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(255,77,157,.14));box-shadow:var(--shadow)}
  .wof-banner .wof-ic{font-size:26px}
  .wof-banner .wof-tx{flex:1;display:flex;flex-direction:column}
  .wof-banner .wof-tx b{font-size:15px}
  .wof-banner .wof-tx span{font-size:11.5px;color:var(--muted)}
  .wof-banner .wof-go{font-size:24px;color:var(--warn);font-weight:800}
  .wof-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
  .wof-row:last-child{border-bottom:none}
  .wof-rank{width:30px;text-align:center;font-weight:800;font-size:15px}
  .wof-rank.r1{color:#ffd700}.wof-rank.r2{color:#c0c0c0}.wof-rank.r3{color:#cd7f32}
  .wof-row img{width:42px;height:42px;border-radius:50%}
  .wof-row .wn{flex:1;font-weight:700;font-size:14px}
  .wof-row .wc{font-weight:800;color:var(--warn);font-size:13.5px}
  /* ---- admin dashboard ---- */
  .admin-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px;margin-bottom:6px}
  .admin-tabs button{white-space:nowrap;padding:8px 13px;border-radius:30px;background:var(--card);border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--muted)}
  .admin-tabs button.active{background:var(--grad2);color:#fff;border-color:transparent}
  .stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
  .stat{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:15px}
  .stat .sv{font-size:24px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .stat .sl{font-size:12px;color:var(--muted);margin-top:3px}
  .admin-search{width:100%;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:14px;outline:none;margin-bottom:12px}
  .urow{display:flex;align-items:center;gap:11px;padding:11px;background:var(--card);border:1px solid var(--line);border-radius:13px;margin-bottom:9px}
  .urow img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}
  .urow .ui{flex:1;min-width:0}
  .urow .ui .un{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .urow .ui .ue{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .urow .umeta{font-size:11px;color:var(--muted);margin-top:2px}
  .badge-sm{font-size:9px;font-weight:800;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}
  .badge-sm.creator{background:rgba(240,80,110,.14);color:#e0436a}
  .badge-sm.buyer{background:rgba(31,200,176,.16);color:#11997f}
  .badge-sm.admin{background:rgba(251,191,36,.18);color:#ffd76a}
  .badge-sm.banned{background:rgba(251,113,133,.2);color:#ffc4cd}
  .badge-sm.live{background:var(--danger);color:#fff}
  .urow .umenu{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.07);font-size:17px;flex:none}
  .alog{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:8px;font-size:13px}
  .alog .at{font-size:11px;color:var(--muted);margin-top:3px}
  .admin-act{display:block;width:100%;text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
  .admin-act:last-child{border-bottom:none}
  .admin-act.danger{color:var(--danger)}

  /* ---------- Bottom nav ---------- */
  .nav{position:fixed;bottom:0;left:0;right:0;max-width:1180px;margin:0 auto;display:flex;
    background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 6px 10px;z-index:40}
  .nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:600;padding:5px 0;position:relative}
  .nav button .ni{font-size:21px;transition:.2s}
  .nav button.active{color:var(--brand)}
  .nav button.active .ni{transform:translateY(-2px);filter:drop-shadow(0 4px 8px rgba(47,138,240,.5))}
  .nav button.active::after{content:'';position:absolute;top:-8px;width:26px;height:3px;border-radius:3px;background:var(--grad)}
  .nav .navbadge{position:absolute;top:0;right:50%;margin-right:-22px;background:var(--pink);color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:10px;display:grid;place-items:center;padding:0 4px}

  /* ---------- Modal / Sheets ---------- */
  .overlay{position:fixed;inset:0;background:rgba(5,2,12,.72);backdrop-filter:blur(4px);z-index:105;display:none;align-items:center;justify-content:center;padding:16px}
  .overlay.show{display:flex;animation:fade .2s}
  .sheet{width:100%;max-width:460px;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);
    border-radius:22px;box-shadow:var(--shadow);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
  .sheet .sh-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
  .sheet .sh-top img{width:40px;height:40px;border-radius:50%}
  .sheet .sh-top .nm{font-weight:700}
  .sheet .sh-top .st{font-size:12px;color:var(--ok)}
  .sheet .sh-top .x{margin-left:auto;font-size:22px;color:var(--muted);width:34px;height:34px;border-radius:50%}
  .sheet .sh-top .x:hover{background:rgba(255,255,255,.08)}

  /* Chat thread */
  .thread{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:9px;min-height:240px}
  .bub{max-width:76%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;word-wrap:break-word;position:relative}
  .bub .bt{display:block;font-size:9.5px;opacity:.6;margin-top:4px;text-align:right}
  .bub.them{align-self:flex-start;background:var(--card2);border:1px solid var(--line);border-bottom-left-radius:5px}
  .bub.me{align-self:flex-end;background:var(--grad2);border-bottom-right-radius:5px}
  .sysline{align-self:center;font-size:11px;color:var(--muted);background:rgba(255,255,255,.05);padding:5px 12px;border-radius:20px}
  .composer{display:flex;gap:9px;padding:12px;border-top:1px solid var(--line);align-items:flex-end}
  .composer textarea{flex:1;resize:none;max-height:90px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--text);font-size:14px;outline:none}
  .composer .send{width:44px;height:44px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:18px;flex:none;box-shadow:0 6px 16px rgba(168,85,247,.4)}
  .composer .attach{width:40px;height:40px;border-radius:50%;background:#eef3f9;border:1px solid var(--line);font-size:18px;flex:none}
  .bub img,.bub video{max-width:200px;max-height:240px;border-radius:12px;display:block;margin:2px 0;cursor:pointer}

  /* Live room */
  .room{position:fixed;inset:0;background:linear-gradient(160deg,#3a2b6d 0%,#2a2150 45%,#20264a 100%);z-index:80;display:none;flex-direction:column}
  .room.show{display:flex;animation:fade .25s}
  .room video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0a0712}
  /* multi-guest video grid */
  #stageGrid{position:absolute;inset:0;display:grid;gap:3px;background:#0a0712;z-index:1}
  #stageGrid.g1{grid-template-columns:1fr}
  #stageGrid.g2{grid-template-columns:1fr 1fr}
  #stageGrid.g3,#stageGrid.g4{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}
  #stageGrid.g5,#stageGrid.g6{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:1fr}
  /* ---- fixed SEAT layout (host on top, guest seats below) ---- */
  #seatStage{position:absolute;left:0;right:0;top:64px;bottom:0;z-index:1;
    display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px;overflow-y:auto}
  .host-corner-wrap{position:relative;display:flex;justify-content:center;width:100%;padding:0 44px}
  .seat-host{width:62%;max-width:280px;aspect-ratio:3/4;border-radius:18px;overflow:hidden;position:relative;
    background:rgba(255,255,255,.10);box-shadow:0 8px 30px rgba(0,0,0,.3)}
  .seat-row{display:flex;gap:14px;width:100%;justify-content:center;flex-wrap:wrap}
  .seat-row.video-row{gap:10px}
  .seat-row.video-row .seat.big-guest{width:auto;flex:0 1 45%;max-width:180px;aspect-ratio:3/4}
  /* seat-mode picker (go-live setup) */
  .seatmode-tabs{display:flex;gap:7px;background:#eef3f9;border-radius:14px;padding:5px;margin-bottom:6px}
  .seatmode-tabs button{flex:1;padding:9px 6px;border-radius:10px;font-size:12px;font-weight:700;color:var(--muted);background:none}
  .seatmode-tabs button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(33,80,160,.12)}
  .seatmode-tabs button.locked-tab{opacity:.5;color:var(--muted)}
  .seatopts{display:flex;gap:8px;flex-wrap:wrap}
  .seatopts button{flex:1;min-width:90px;padding:11px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:13px;font-weight:700;color:var(--text)}
  .seatopts button.active{border-color:var(--brand);background:rgba(47,138,240,.08);color:var(--brand)}
  /* Me-page wallet rows */
  .me-row{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:12px;cursor:pointer}
  .me-row:hover{background:#f4f8fc}
  .me-row .mr-i{font-size:20px}
  .me-row .mr-t{flex:1;font-weight:600;font-size:14.5px}
  .me-row .mr-v{font-weight:800;color:var(--warn);font-size:14px}
  .me-row .mr-go{color:var(--muted);font-size:20px}
  /* voice-only room: round mic seats in a grid */
  #seatStage.voicemode{flex-direction:column}
  #seatStage.voicemode .seat-host,#seatStage.voicemode .seat{width:88px;height:88px;aspect-ratio:1/1;border-radius:50%;max-width:88px}
  #seatStage.voicemode .seat-row{display:flex;flex-wrap:wrap;gap:18px;max-width:340px}
  .seat.voiceseat .seat-plus{font-size:22px}
  .seat{width:40%;max-width:170px;aspect-ratio:3/4;border-radius:18px;position:relative;overflow:hidden;
    background:rgba(255,255,255,.06);border:1.5px dashed rgba(255,255,255,.25);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s}
  .seat.filled{border-style:solid;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.10);cursor:default}
  .seat:not(.filled):hover{border-color:var(--brand2);background:rgba(31,200,176,.08)}
  .seat .seat-plus{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:24px;color:#fff}
  .seat .seat-label{font-size:12px;color:rgba(255,255,255,.7);font-weight:600}
  .seat video,.seat .vplayer,.seat-host video,.seat-host .vplayer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .seat .s-av,.seat-host .s-av{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.3);z-index:1}
  .seat-name,.seat-host .seat-name{position:absolute;left:6px;bottom:6px;z-index:3;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .seat-host .host-tag{position:absolute;top:6px;left:6px;z-index:3;background:var(--grad2);color:#fff;font-size:9px;font-weight:800;padding:3px 9px;border-radius:20px}
  .seat .s-leave,.seat-host .s-leave{position:absolute;top:6px;right:6px;z-index:4;background:rgba(0,0,0,.55);color:#fff;width:24px;height:24px;border-radius:50%;font-size:13px;display:grid;place-items:center}
  .seat-follow{position:absolute;bottom:6px;right:6px;z-index:4;background:var(--grad);color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px}
  .seat-follow.following{background:rgba(255,255,255,.2)}
  /* profile frames — purchasable, expiring avatar borders. Animated ring lives
     on a ::before behind the avatar so it can rotate without spinning the photo. */
  .avatar-frame{position:relative;display:inline-block;line-height:0;border-radius:50%}
  .avatar-frame::before{content:'';position:absolute;inset:-4px;border-radius:50%;z-index:0;
    animation:frameSpin 3.2s linear infinite, framePulse 1.8s ease-in-out infinite;}
  .avatar-frame > img{position:relative;z-index:1;display:block}
  .avatar-frame.frame-bronze::before{background:conic-gradient(from 0deg,#cd7f32,#f4c78a,#8a5a24,#cd7f32);filter:drop-shadow(0 0 3px rgba(205,127,50,.7))}
  .avatar-frame.frame-silver::before{background:conic-gradient(from 0deg,#c9c9d6,#ffffff,#9a9aa8,#c9c9d6);filter:drop-shadow(0 0 3px rgba(200,200,215,.7))}
  .avatar-frame.frame-gold::before{background:conic-gradient(from 0deg,#ffb800,#fff2b0,#c98600,#ffb800);filter:drop-shadow(0 0 5px rgba(255,184,0,.8))}
  .avatar-frame.frame-diamond::before{background:conic-gradient(from 0deg,#a78bfa,#f472b6,#60a5fa,#a78bfa);filter:drop-shadow(0 0 6px rgba(167,139,250,.85))}
  @keyframes frameSpin{to{transform:rotate(360deg)}}
  @keyframes framePulse{0%,100%{opacity:.85}50%{opacity:1}}
  /* floating voice-only bubbles (Video + Voice mode: 2 extra mic-only seats
     that float over the video stage instead of taking a video tile) */
  /* voice-only seats in a Video + Voice room: up to 4 small mic bubbles frame
     the host's corners/sides (like the reference screenshots), any extra
     mic seats sit in a compact row under the guest video tiles. */
  .voice-bubble{width:34px;height:34px;border-radius:50%;position:relative;cursor:pointer;
    background:rgba(0,0,0,.45);border:2px dashed rgba(255,255,255,.35);display:grid;place-items:center;transition:.18s}
  .voice-bubble.corner-tl{position:absolute;left:2px;top:2px}
  .voice-bubble.corner-tr{position:absolute;right:2px;top:2px}
  .voice-bubble.corner-ml{position:absolute;left:2px;top:50%;transform:translateY(-50%)}
  .voice-bubble.corner-mr{position:absolute;right:2px;top:50%;transform:translateY(-50%)}
  .voice-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:340px;margin:0 auto}
  .voice-bubble.filled{border-style:solid;border-color:rgba(31,200,176,.7);background:rgba(255,255,255,.08)}
  .voice-bubble.locked{cursor:not-allowed;opacity:.55}
  .voice-bubble .s-av{width:100%;height:100%;border-radius:50%;object-fit:cover}
  .voice-bubble .vb-plus{font-size:14px;color:#fff}
  .voice-bubble .vb-mic{position:absolute;bottom:-2px;right:-2px;background:var(--grad2);color:#fff;font-size:8px;
    width:15px;height:15px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(0,0,0,.5)}
  .voice-bubble .vb-lock{position:absolute;bottom:-2px;right:-2px;background:rgba(0,0,0,.7);color:#fff;font-size:8px;
    width:15px;height:15px;border-radius:50%;display:grid;place-items:center}
  .voice-bubble .seat-name{display:none}
  .voice-bubble .s-leave{width:15px;height:15px;font-size:9px}
  .tile{position:relative;overflow:hidden;background:#140b26;display:flex;align-items:center;justify-content:center}
  .tile video,.tile .vplayer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .tile .tname{position:absolute;left:6px;bottom:6px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;display:flex;align-items:center;gap:5px;max-width:80%}
  .tile .tav{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.25)}
  .tile .tkick{position:absolute;top:6px;right:6px;z-index:3;background:rgba(0,0,0,.55);color:#fff;width:26px;height:26px;border-radius:50%;font-size:14px;display:grid;place-items:center}
  .tile .hostbadge{position:absolute;top:6px;left:6px;z-index:2;background:var(--grad2);color:#fff;font-size:9px;font-weight:800;padding:3px 8px;border-radius:20px}
  /* guest requests panel (host) */
  .reqbtn{position:relative}
  .reqbtn .dot{position:absolute;top:-2px;right:-2px;background:var(--pink);color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:10px;display:grid;place-items:center;padding:0 3px}
  .req-row{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}
  .req-row img{width:40px;height:40px;border-radius:50%}
  .req-row .rn{flex:1;font-weight:600;font-size:14px}
  .req-row button{padding:7px 13px;border-radius:10px;font-weight:700;font-size:12.5px}
  .req-row .ok{background:var(--grad2);color:#fff}
  .req-row .no{background:rgba(255,255,255,.1);color:var(--muted)}
  /* ---- live games ---- */
  .gamemenu{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}
  .gamecard{background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:18px 12px;text-align:center;transition:.15s}
  .gamecard:hover{transform:translateY(-3px);border-color:var(--pink)}
  .gamecard .gi{font-size:34px}.gamecard .gt{font-weight:700;font-size:14px;margin-top:7px}.gamecard .gd{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.3}
  /* floating game widget inside live room */
  /* top gifters leaderboard */
  #lbWidget{position:absolute;left:10px;right:10px;top:62px;z-index:6;background:rgba(20,12,38,.94);backdrop-filter:blur(8px);
    border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow);display:none;max-height:50%;overflow-y:auto}
  #lbWidget.show{display:block;animation:fade .25s}
  #lbWidget .lb-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
  #lbWidget .lb-top b{font-size:14px;flex:1}
  #lbWidget .lb-top .gx{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);font-size:15px}
  .lb-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
  .lb-row:last-child{border-bottom:none}
  .lb-rank{width:24px;text-align:center;font-weight:800;font-size:13px}
  .lb-rank.r1{color:#ffd700}.lb-rank.r2{color:#c0c0c0}.lb-rank.r3{color:#cd7f32}
  .lb-row img{width:34px;height:34px;border-radius:50%}
  .lb-row .lb-n{flex:1;font-size:13px;font-weight:600}
  .lb-row .lb-c{font-size:12.5px;font-weight:800;color:var(--warn)}
  .ricon.on{background:var(--grad2)!important}
  #gameWidget{position:absolute;left:10px;right:10px;top:62px;z-index:6;background:rgba(20,12,38,.92);backdrop-filter:blur(8px);
    border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow);display:none}
  #gameWidget.show{display:block;animation:fade .25s}
  #gameWidget .gw-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
  #gameWidget .gw-top b{font-size:14px;flex:1}
  #gameWidget .gw-top .gx{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:15px}
  /* wheel */
  .wheel-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}
  .wheel{width:170px;height:170px;border-radius:50%;position:relative;transition:transform 4s cubic-bezier(.17,.67,.12,.99);
    border:5px solid #fff;box-shadow:0 0 0 4px var(--purple)}
  .wheel-pin{font-size:24px;margin-bottom:-8px;z-index:2}
  .seg-label{position:absolute;left:50%;top:8px;transform-origin:0 77px;font-size:10px;font-weight:800;color:#1a0a2e;white-space:nowrap}
  /* pk bar */
  .pkbar{display:flex;height:34px;border-radius:10px;overflow:hidden;border:1px solid var(--line);font-size:12px;font-weight:800}
  .pkbar .pkL{background:linear-gradient(90deg,#3b82f6,#22d3ee);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;color:#fff;transition:width .5s}
  .pkbar .pkR{background:linear-gradient(90deg,#ff4d9d,#a855f7);display:flex;align-items:center;justify-content:flex-end;padding:0 10px;color:#fff;flex:1;transition:width .5s}
  .pk-side{display:flex;gap:8px;margin-top:9px}
  .pk-side button{flex:1;padding:9px;border-radius:10px;font-weight:700;font-size:12.5px;color:#fff}
  /* quiz */
  .quiz-opt{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;background:var(--card);border:1px solid var(--line);margin-bottom:7px;font-size:13px;font-weight:600;cursor:pointer;position:relative;overflow:hidden}
  .quiz-opt .fillbar{position:absolute;left:0;top:0;bottom:0;background:rgba(139,92,246,.3);transition:width .4s;z-index:0}
  .quiz-opt span{position:relative;z-index:1}
  .quiz-opt .pct{margin-left:auto;position:relative;z-index:1;font-weight:800;color:#c4b5fd}
  /* goal */
  .goalbar{height:26px;border-radius:14px;background:rgba(255,255,255,.1);overflow:hidden;position:relative;border:1px solid var(--line)}
  .goalbar .fill{height:100%;background:var(--grad);width:0;transition:width .6s;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-size:11px;font-weight:800}
  .field-mini{width:100%;padding:9px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--text);font-size:13px;margin-bottom:7px;outline:none}
  .room .rtop{position:relative;z-index:3;display:flex;align-items:center;gap:10px;padding:14px 14px calc(14px) ;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent)}
  .room .rtop .host{display:flex;align-items:center;gap:9px;background:rgba(0,0,0,.4);padding:5px 12px 5px 5px;border-radius:30px}
  .room .rtop .host img{width:34px;height:34px;border-radius:50%}
  .room .rtop .host .hn{font-size:13px;font-weight:700}
  .room .rtop .host .hf{font-size:11px;color:#ffd1e6}
  .room .rtop .liveb{background:var(--danger);font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:5px}
  .room .rtop .liveb::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1s infinite}
  .room .rtop .viewers{background:rgba(0,0,0,.45);font-size:12px;padding:4px 11px;border-radius:20px;display:flex;gap:5px;align-items:center}
  .room .rtop .x{margin-left:auto;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.5);font-size:22px;display:grid;place-items:center}
  .room .rbody{flex:1;position:relative;z-index:2}
  .room .placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#cbb8ff;text-align:center;padding:30px}
  .room .placeholder .pa{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.2)}
  .room .rchat{position:relative;z-index:3;max-height:34%;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:7px;
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%)}
  .room .rmsg{font-size:13px;max-width:80%}
  .room .rmsg b{color:var(--pink);font-weight:700;margin-right:6px}
  .room .rmsg .gift{color:var(--warn);font-weight:700}
  .room .rbottom{position:relative;z-index:3;display:flex;gap:7px;align-items:center;padding:12px 12px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}
  .room .rbottom input{flex:1;min-width:0;padding:11px 16px;border-radius:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;outline:none;font-size:14px}
  .room .rbottom input::placeholder{color:rgba(255,255,255,.6)}
  .room .rbottom .rsend{background:var(--grad)!important;color:#fff}
  .room .ricon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:18px;flex:none}
  .room .ricon.gift{background:var(--grad);box-shadow:0 6px 16px rgba(255,77,157,.5)}
  .floatheart{position:absolute;bottom:80px;font-size:26px;z-index:4;animation:floatup 2.4s ease-out forwards;pointer-events:none}
  @keyframes floatup{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translateY(-260px) translateX(var(--x,0)) scale(1.3);opacity:0}}

  /* ---- gift categories tabs ---- */
  .gifttabs{display:flex;gap:7px;overflow-x:auto;padding:12px 16px 4px}
  .gifttabs button{white-space:nowrap;padding:7px 13px;border-radius:30px;background:var(--card2);border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}
  .gifttabs button.active{background:var(--grad2);color:#fff;border-color:transparent}
  .giftitem.legendary{border-color:rgba(251,191,36,.5);background:linear-gradient(160deg,rgba(251,191,36,.12),var(--card2))}
  .giftitem .gc.big{color:#ffd76a}
  .gifttier{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#ffd76a;margin-top:2px}

  /* ---- BIG cinematic gift overlay (TikTok-style entrances) ---- */
  #giftFx{position:fixed;inset:0;z-index:95;pointer-events:none;display:none;overflow:hidden}
  #giftFx.show{display:block}
  .fx-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.25),rgba(0,0,0,.55));
    opacity:0;animation:fxbd 5s ease forwards}
  @keyframes fxbd{0%{opacity:0}12%{opacity:1}80%{opacity:1}100%{opacity:0}}
  /* sender banner slides in from the left, TikTok style */
  .fx-banner{position:absolute;left:0;top:30%;display:flex;align-items:center;gap:10px;
    background:linear-gradient(90deg,rgba(168,85,247,.95),rgba(255,77,157,.6),transparent);
    padding:10px 26px 10px 14px;border-radius:0 40px 40px 0;transform:translateX(-110%);
    animation:fxbanner 5s cubic-bezier(.2,.8,.2,1) forwards;max-width:80%}
  .fx-banner img{width:42px;height:42px;border-radius:50%;border:2px solid #fff;flex:none}
  .fx-banner .fb-t b{display:block;font-size:14px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
  .fx-banner .fb-t span{font-size:12px;color:#ffe3f1}
  @keyframes fxbanner{0%{transform:translateX(-110%)}14%{transform:translateX(0)}82%{transform:translateX(0)}100%{transform:translateX(-110%);opacity:0}}
  /* the giant gift emoji flies up from bottom, hovers big, then bursts */
  .fx-emoji{position:absolute;left:50%;top:48%;transform:translate(-50%,120%) scale(.3);font-size:150px;
    filter:drop-shadow(0 10px 40px rgba(0,0,0,.7));animation:fxpop 4s cubic-bezier(.2,.8,.2,1) forwards}
  .fx-art{position:absolute;left:50%;top:48%;width:240px;height:240px;object-fit:contain;
    transform:translate(-50%,120%) scale(.3);filter:drop-shadow(0 12px 50px rgba(0,0,0,.8));
    animation:fxpop 4s cubic-bezier(.2,.8,.2,1) forwards}
  @keyframes fxpop{0%{transform:translate(-50%,120%) scale(.3);opacity:0}
    18%{transform:translate(-50%,-50%) scale(1.4);opacity:1}
    28%{transform:translate(-50%,-50%) scale(1.15)}
    72%{transform:translate(-50%,-50%) scale(1.2);opacity:1}
    100%{transform:translate(-50%,-50%) scale(2);opacity:0}}
  /* ---- per-gift MOTION animations ---- */
  /* drive in -> pause -> drive out (Lamborghini, Rolls, Convoy, Cruise, Jet) */
  .fx-art.m-drive{animation:fxdrive 5s ease-in-out forwards}
  @keyframes fxdrive{
    0%{transform:translate(-260%,-50%) scale(.7) ;opacity:0}
    14%{opacity:1}
    40%{transform:translate(-50%,-50%) scale(1.25);opacity:1}
    60%{transform:translate(-50%,-50%) scale(1.25);opacity:1}
    100%{transform:translate(260%,-50%) scale(.7);opacity:0}}
  /* slow spin (Trophy, Ring, King, Queen) */
  .fx-art.m-spin{animation:fxspin 5s ease-in-out forwards}
  @keyframes fxspin{
    0%{transform:translate(-50%,120%) scale(.3) rotateY(0);opacity:0}
    18%{transform:translate(-50%,-50%) scale(1.3) rotateY(180deg);opacity:1}
    82%{transform:translate(-50%,-50%) scale(1.3) rotateY(1260deg);opacity:1}
    100%{transform:translate(-50%,-50%) scale(1.6) rotateY(1440deg);opacity:0}}
  /* hero entrance: rise + slow zoom (Warrior King, Enforcer, gods, dragon) */
  .fx-art.m-hero{animation:fxhero 5s cubic-bezier(.2,.8,.2,1) forwards}
  @keyframes fxhero{
    0%{transform:translate(-50%,90%) scale(.4);opacity:0}
    20%{transform:translate(-50%,-50%) scale(1.1);opacity:1}
    45%{transform:translate(-50%,-50%) scale(1.25)}
    82%{transform:translate(-50%,-50%) scale(1.3);opacity:1}
    100%{transform:translate(-50%,-52%) scale(1.5);opacity:0}}
  /* fly across with bob (Eagle, Dove, Dragon flight) */
  .fx-art.m-fly{animation:fxfly 5s ease-in-out forwards}
  @keyframes fxfly{
    0%{transform:translate(-240%,-30%) scale(.6) rotate(-6deg);opacity:0}
    15%{opacity:1}
    50%{transform:translate(-50%,-60%) scale(1.25) rotate(3deg)}
    100%{transform:translate(240%,-40%) scale(.7) rotate(-4deg);opacity:0}}
  /* shake (Money gun) */
  .fx-art.m-shake{animation:fxshake 4.5s ease forwards}
  @keyframes fxshake{
    0%{transform:translate(-50%,120%) scale(.3);opacity:0}
    18%{transform:translate(-50%,-50%) scale(1.3);opacity:1}
    30%{transform:translate(-54%,-50%) scale(1.3) rotate(-6deg)}
    38%{transform:translate(-46%,-50%) scale(1.3) rotate(6deg)}
    46%{transform:translate(-54%,-50%) scale(1.3) rotate(-5deg)}
    54%{transform:translate(-48%,-50%) scale(1.3) rotate(4deg)}
    82%{transform:translate(-50%,-50%) scale(1.3) rotate(0);opacity:1}
    100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
  /* delayed thunder bolts & fire bursts for hero gifts */
  .fx-seq{position:absolute;font-size:80px;opacity:0;z-index:6}
  .fx-seq.b1{animation:fxseq 4.8s ease forwards;animation-delay:1.4s}
  .fx-seq.b2{animation:fxseq 4.8s ease forwards;animation-delay:1.8s}
  .fx-seq.b3{animation:fxseq 4.8s ease forwards;animation-delay:2.2s}
  @keyframes fxseq{0%{opacity:0;transform:translateY(-40px) scale(.6)}6%{opacity:1}18%{opacity:.8}30%{opacity:0}100%{opacity:0}}
  .fx-name{position:absolute;left:0;right:0;top:66%;text-align:center;font-size:26px;font-weight:900;color:#fff;
    text-shadow:0 2px 18px rgba(0,0,0,.85);animation:fxname 5s ease forwards;padding:0 20px;letter-spacing:.5px}
  @keyframes fxname{0%{opacity:0;transform:translateY(20px) scale(.8)}22%{opacity:1;transform:none}82%{opacity:1}100%{opacity:0}}
  .fx-sender{position:absolute;left:0;right:0;top:74%;text-align:center;font-size:14px;color:#ffd1e6;
    text-shadow:0 2px 10px rgba(0,0,0,.8);animation:fxname 5s ease forwards}
  /* confetti / sparkle burst */
  .fx-confetti{position:absolute;top:44%;left:50%;font-size:24px;opacity:0;animation:fxconf 1.6s ease-out forwards}
  @keyframes fxconf{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}
    20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--cx,0)),calc(-50% + var(--cy,0))) scale(1.2) rotate(var(--cr,180deg))}}
  /* lightning flash */
  .fx-lightning{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(180,220,255,.9),transparent 60%);
    opacity:0;animation:flash 3.2s steps(1) forwards}
  @keyframes flash{0%,100%{opacity:0}6%{opacity:.95}9%{opacity:0}13%{opacity:.8}16%{opacity:0}40%{opacity:0}44%{opacity:.7}47%{opacity:0}}
  .fx-bolt{position:absolute;top:0;font-size:90px;opacity:0;animation:bolt 3.2s ease forwards}
  @keyframes bolt{0%{opacity:0;transform:translateY(-60px)}10%{opacity:1}30%{opacity:.6}45%{opacity:0}}
  /* fire */
  .fx-fire{position:absolute;bottom:-20px;font-size:60px;animation:fire 3.2s ease-out forwards;opacity:0}
  @keyframes fire{0%{opacity:0;transform:translateY(40px) scale(.6)}20%{opacity:1}80%{opacity:1;transform:translateY(-10px) scale(1.1)}100%{opacity:0;transform:translateY(-30px) scale(1.2)}}
  .fx-tint{position:absolute;inset:0;animation:tint 5s ease forwards;opacity:0}
  @keyframes tint{0%{opacity:0}20%{opacity:.35}80%{opacity:.25}100%{opacity:0}}

  /* gift sheet */
  .gift-balance{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--line)}
  .gift-balance span{font-size:14px;font-weight:600;color:var(--text)}
  .gift-balance b{color:var(--warn)}
  .buycoins-btn{padding:8px 16px;border-radius:30px;background:var(--grad);color:#fff;font-weight:800;font-size:13px;box-shadow:0 4px 12px rgba(47,138,240,.3)}
  .giftgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;max-height:62vh;overflow-y:auto}
  .giftitem{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 6px;text-align:center;transition:.15s}
  .giftitem:hover{transform:translateY(-3px);border-color:var(--pink)}
  .giftitem .g{font-size:30px;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;line-height:1}
  .giftitem .gn{font-size:11px;margin-top:5px;color:var(--muted)}
  .giftitem .gc{font-size:11.5px;font-weight:800;color:var(--warn);margin-top:3px}

  /* toast */
  #toast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--card2);
    border:1px solid var(--line);color:var(--text);padding:11px 20px;border-radius:30px;font-size:13.5px;font-weight:600;
    box-shadow:var(--shadow);z-index:100;opacity:0;pointer-events:none;transition:.3s;max-width:88%;text-align:center}
  #toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

  /* live-notification banner */
  #liveNotif{position:fixed;top:14px;left:50%;transform:translateX(-50%) translateY(-140%);
    display:flex;align-items:center;gap:11px;background:var(--grad);color:#fff;padding:11px 14px;
    border-radius:16px;box-shadow:0 12px 34px rgba(47,138,240,.45);z-index:200;cursor:pointer;
    width:min(94%,420px);transition:transform .38s cubic-bezier(.22,1.2,.4,1)}
  #liveNotif.show{transform:translateX(-50%) translateY(0)}
  #liveNotif img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.85);flex:0 0 auto}
  #liveNotif .ln-t{flex:1;min-width:0}
  #liveNotif .ln-n{font-weight:800;font-size:14.5px;display:flex;align-items:center;gap:6px}
  #liveNotif .ln-n .dot{width:8px;height:8px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 0 rgba(255,59,92,.7);animation:lnpulse 1.4s infinite}
  #liveNotif .ln-s{font-size:12px;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #liveNotif .ln-cta{background:rgba(255,255,255,.22);border:0;color:#fff;font-weight:800;font-size:12.5px;padding:8px 12px;border-radius:11px;flex:0 0 auto}
  #liveNotif .ln-x{background:transparent;border:0;color:rgba(255,255,255,.85);font-size:18px;line-height:1;flex:0 0 auto;padding:2px 4px}
  @keyframes lnpulse{0%{box-shadow:0 0 0 0 rgba(255,59,92,.7)}70%{box-shadow:0 0 0 8px rgba(255,59,92,0)}100%{box-shadow:0 0 0 0 rgba(255,59,92,0)}}

  /* match popup */
  .matchpop{text-align:center;padding:30px 24px}
  .matchpop h2{font-size:30px;margin:0 0 6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}
  .matchpop .avs{display:flex;justify-content:center;gap:-10px;margin:18px 0}
  .matchpop .avs img{width:84px;height:84px;border-radius:50%;border:4px solid var(--card)}
  .matchpop .avs img:last-child{margin-left:-22px}
  .matchpop p{color:var(--muted);margin:0 0 22px}

  .settings-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--card);margin-bottom:10px;border:1px solid var(--line)}
  .settings-row .si{font-size:20px}.settings-row .sl{flex:1}.settings-row .sl b{font-size:14px}.settings-row .sl p{margin:1px 0 0;font-size:12px;color:var(--muted)}
  .switch{width:46px;height:26px;border-radius:30px;background:rgba(255,255,255,.15);position:relative;transition:.2s;flex:none}
  .switch.on{background:var(--grad2)}
  .switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
  .switch.on::after{left:23px}

  /* role picker */
  .roles{display:flex;gap:10px;margin-bottom:16px}
  .role{flex:1;border:2px solid var(--line);background:#f7fafe;border-radius:16px;padding:14px 10px;text-align:center;transition:.18s;cursor:pointer}
  .role:hover{border-color:rgba(168,85,247,.5)}
  .role.sel{box-shadow:0 0 0 3px rgba(47,138,240,.18)}
  #roleBuyer.sel{border-color:#2f8af0;background:rgba(47,138,240,.10);box-shadow:0 0 0 3px rgba(47,138,240,.18)}
  #roleCreator.sel{border-color:#ff4d9d;background:rgba(255,77,157,.10);box-shadow:0 0 0 3px rgba(255,77,157,.18)}
  .role .ri{font-size:26px}
  .role .rt{font-weight:700;font-size:14px;margin-top:4px}
  .role .rd{font-size:10.5px;color:var(--muted);margin-top:3px;line-height:1.3}
  .rolebadge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:4px 11px;border-radius:30px;letter-spacing:.4px;text-transform:uppercase}
  .rolebadge.creator{background:rgba(240,80,110,.12);color:#e0436a;border:1px solid rgba(240,80,110,.3)}
  .rolebadge.buyer{background:rgba(31,200,176,.14);color:#11997f;border:1px solid rgba(31,200,176,.3)}

  /* community rules list */
  .rule{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}
  .rule:last-child{border-bottom:none}
  .rule .rx{font-size:18px;line-height:1.2}
  .rule .rb b{font-size:13.5px}
  .rule .rb p{margin:2px 0 0;font-size:12px;color:var(--muted);line-height:1.35}

  /* violation full-screen */
  #violation{position:fixed;inset:0;z-index:120;background:linear-gradient(160deg,#2a0a18,#1a0a2e);display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}
  #violation.show{display:flex;animation:fade .25s}
  #violation .vi{font-size:64px;margin-bottom:8px}
  #violation h2{font-size:26px;margin:0 0 6px;color:#fff;font-weight:900}
  #violation .vr{background:rgba(251,113,133,.15);border:1px solid rgba(251,113,133,.4);color:#ffc4cd;padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;margin:14px 0 6px;max-width:360px}
  #violation p{color:#cbb8ff;font-size:13.5px;max-width:340px;line-height:1.5}
  #violation .vc{margin-top:18px;font-size:34px;font-weight:900;color:#fff}

  @media(max-width:520px){
    .grid{grid-template-columns:repeat(2,1fr)}
    .pheader .big{width:90px;height:90px}
  }

  /* ===== KONECTIFY LIVE V2 — reference-inspired hybrid room ===== */
  .room{background:
    radial-gradient(circle at 50% 10%,rgba(126,34,206,.28),transparent 35%),
    radial-gradient(circle at 10% 65%,rgba(236,72,153,.14),transparent 34%),
    linear-gradient(165deg,#17062f 0%,#250748 48%,#16062f 100%);color:#fff}
  .room .rtop{padding:12px 12px 8px;background:linear-gradient(180deg,rgba(9,2,22,.88),rgba(9,2,22,.18),transparent)}
  .room .rtop .host{background:transparent;padding:0;min-width:0}
  .room .rtop .host img{width:40px;height:40px;border:2px solid #f0abfc}
  .room .rtop .host .hn{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .room .rtop .liveb{padding:4px 8px}
  .room-follow{border:1px solid #fb7185!important;background:linear-gradient(135deg,#fb7185,#ec4899)!important;color:#fff!important;border-radius:22px!important;padding:7px 11px!important;font-size:11px!important;font-weight:800!important}
  #seatStage{top:61px;bottom:164px;padding:12px 12px 20px;gap:10px;overflow-y:auto;background:transparent}
  .host-corner-wrap{width:min(100%,540px);padding:0 52px;min-height:285px;align-items:flex-start}
  .seat-host{width:min(58vw,258px);max-width:258px;min-width:176px;aspect-ratio:3/4;border-radius:13px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.28);box-shadow:0 14px 40px rgba(0,0,0,.42)}
  .seat-host .host-tag{background:rgba(0,0,0,.58);backdrop-filter:blur(5px)}
  .seat-row.video-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,520px);flex-wrap:nowrap}
  .seat-row.video-row .seat.big-guest{width:100%;max-width:none;aspect-ratio:4/3;border-radius:12px;background:rgba(20,5,45,.72);border:1px solid rgba(255,255,255,.13)}
  .seat-row.video-row .seat.big-guest .seat-plus{background:linear-gradient(135deg,rgba(168,85,247,.5),rgba(236,72,153,.35))}
  .voice-bubble{width:48px;height:48px;z-index:6;border:2px solid rgba(255,255,255,.32);background:rgba(55,20,88,.86);box-shadow:0 8px 22px rgba(0,0,0,.35);overflow:visible}
  .voice-bubble.corner-tl{left:0;top:13%}.voice-bubble.corner-tr{right:0;top:13%}
  .voice-bubble.corner-ml{left:0;top:67%}.voice-bubble.corner-mr{right:0;top:67%}
  .voice-bubble.locked{opacity:.72;border-style:solid;border-color:rgba(255,255,255,.14);background:rgba(89,56,119,.58)}
  .voice-bubble:not(.locked):not(.filled){border-color:#c084fc;animation:seatGlow 2s ease-in-out infinite}
  .voice-bubble .vb-plus{font-size:16px}.voice-bubble .vb-lock{width:19px;height:19px;font-size:10px}
  .voice-bubble .vb-mode{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:8px;font-weight:800;color:#e9d5ff;white-space:nowrap}
  .voice-bubble .vplayer{border-radius:50%;overflow:hidden}
  @keyframes seatGlow{50%{box-shadow:0 0 0 5px rgba(192,132,252,.10),0 8px 22px rgba(0,0,0,.35)}}
  .task-card{position:absolute;right:10px;top:70px;z-index:5;width:118px;padding:10px;border:1px solid rgba(216,180,254,.28);border-radius:13px;background:linear-gradient(145deg,rgba(94,29,142,.92),rgba(41,10,72,.93));box-shadow:0 10px 28px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
  .task-card .tc-title{font-size:11px;font-weight:900;color:#f5d0fe}.task-card .tc-status{font-size:9px;color:#e9d5ff;margin-top:3px;line-height:1.3}
  .task-progress{height:5px;border-radius:5px;background:rgba(255,255,255,.14);overflow:hidden;margin:7px 0 4px}.task-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#d946ef,#8b5cf6);transition:width .35s}
  .task-card .tc-numbers{font-size:8px;color:#ddd6fe;line-height:1.35}
  .room .rchat{position:absolute;left:0;right:0;bottom:70px;z-index:3;max-height:24%;padding:16px 14px 8px;background:linear-gradient(0deg,rgba(17,5,35,.76),transparent)}
  .room .rmsg{background:rgba(18,5,36,.52);border-radius:10px;padding:5px 8px;width:max-content;max-width:84%;text-shadow:0 1px 2px #000}
  .room .rbottom{position:absolute;left:0;right:0;bottom:0;z-index:8;padding:10px 10px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(13,3,28,.96),rgba(13,3,28,.25))}
  .room .rbottom input{background:rgba(255,255,255,.13)}
  #modeTabs button[data-m="voice"]{display:none!important}
  #modeTabs button[data-m="both"]{display:block!important}
  @media(max-width:420px){
    .room .rtop{gap:6px}.room .rtop .viewers{padding:4px 7px;font-size:10px}.room .rtop .liveb{font-size:9px}
    .room .rtop .host .hf{display:none}.room .rtop .host .hn{max-width:82px}.room .rtop .x{width:34px;height:34px}
    .task-card{top:67px;width:106px;padding:8px}.host-corner-wrap{min-height:250px;padding:0 46px}
    .seat-host{width:min(54vw,220px);min-width:164px}.voice-bubble{width:43px;height:43px}
    #seatStage{bottom:155px}.room .ricon{width:38px;height:38px;font-size:16px}.room .rbottom{gap:5px}
  }

  /* ===== KONECTIFY V4 — search, presence, and live discovery grid ===== */
  .home-search,.live-search-wrap{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 13px;margin:0 0 13px;box-shadow:0 4px 16px rgba(33,80,160,.07)}
  .home-search .hs-icon,.live-search-wrap .hs-icon{font-size:18px;opacity:.62}
  .home-search input,.live-search-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);padding:13px 0;font-size:14px}
  .home-search .hs-clear,.live-search-wrap .hs-clear{width:28px;height:28px;border-radius:50%;font-size:17px;color:var(--muted);display:none}
  .home-search.has-text .hs-clear,.live-search-wrap.has-text .hs-clear{display:grid;place-items:center}
  .online-pill{display:inline-flex;align-items:center;gap:4px;background:rgba(22,199,132,.12);color:#0d9f67;border:1px solid rgba(22,199,132,.25);border-radius:20px;padding:2px 7px;font-size:9px;font-weight:900;white-space:nowrap}
  .online-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:#16c784;box-shadow:0 0 0 3px rgba(22,199,132,.14)}
  .drow-av .online-dot{width:14px;height:14px;background:#16c784;box-shadow:0 0 0 3px rgba(22,199,132,.15)}
  .drow-id{font-size:10px;color:#9aa8b9;margin-top:2px}
  .live-page-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:10px}
  .live-page-toolbar h2{font-size:25px;margin:0;font-weight:900;flex:1;color:var(--text)}
  .live-page-toolbar .trophy{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:20px;box-shadow:0 4px 14px rgba(33,80,160,.08)}
  #view-live .vh{display:none}
  #view-live .golive{border-radius:14px;margin-bottom:12px;padding:12px 14px}
  #view-live .golive .ic{font-size:24px}#view-live .golive .tx b{font-size:14px}#view-live .golive .tx p{font-size:11px}
  #view-live .golive button{padding:9px 13px;font-size:12px}
  #liveScopeTabs{margin-bottom:10px!important}
  #view-live .lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #view-live .lcard{height:auto;aspect-ratio:3/4;border-radius:10px;border:0;background:#dbe7ef;box-shadow:none;overflow:hidden}
  #view-live .lcard .cover-full{transform:scale(1.001);transition:transform .2s}
  #view-live .lcard:active .cover-full{transform:scale(1.03)}
  #view-live .lcard .shade{background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.78) 100%)}
  #view-live .lcard .liveb{top:8px;left:8px;background:rgba(0,0,0,.52);backdrop-filter:blur(5px);font-size:9px;padding:4px 7px}
  #view-live .lcard .liveb::before{background:#16c784;box-shadow:0 0 0 3px rgba(22,199,132,.22)}
  #view-live .lcard .viewers{top:8px;right:8px;background:rgba(0,0,0,.48);font-size:9px;padding:4px 7px}
  #view-live .lcard .info{padding:10px 9px}
  #view-live .live-person{display:flex;align-items:center;gap:5px;color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 4px #000;min-width:0}
  #view-live .live-person .lp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #view-live .live-type{width:18px;height:18px;flex:none;border-radius:50%;display:grid;place-items:center;background:#16c784;color:#fff;font-size:9px;border:1px solid rgba(255,255,255,.8)}
  #view-live .live-meta{display:flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:800;margin-top:3px;text-shadow:0 1px 4px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #view-live .live-meta .female{color:#ff56b5}#view-live .live-meta .male{color:#64b5ff}
  #view-live .live-title-small{color:rgba(255,255,255,.78);font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  @media(min-width:700px){#view-live .lgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
  @media(max-width:380px){#view-live .lgrid{gap:6px}#view-live .live-person{font-size:12px}#view-live .live-meta{font-size:11px}.home-search input,.live-search-wrap input{font-size:13px}}

  /* ===== KONECTIFY V6 — close reference live-room layout ===== */
  .room{background:
    radial-gradient(circle at 50% 8%,rgba(107,33,168,.38),transparent 35%),
    radial-gradient(circle at 0 70%,rgba(236,72,153,.14),transparent 32%),
    linear-gradient(170deg,#16052c 0%,#2a0750 50%,#16052e 100%)}
  .room .rtop{height:66px;padding:10px 12px;gap:7px;background:linear-gradient(180deg,rgba(11,2,25,.92),transparent)}
  .room .rtop .host{min-width:0;max-width:155px}.room .rtop .host img{width:40px;height:40px;border:2px solid #f0abfc}
  .room .rtop .host .hn{font-size:13px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room .rtop .host .hf{font-size:9px;color:#d8b4fe}
  .room-follow{background:linear-gradient(135deg,#ffb21a,#ff8a00)!important;border:0!important;padding:8px 12px!important;color:#fff!important;box-shadow:0 5px 15px rgba(255,153,0,.3)}
  #seatStage.v5-stage{top:66px;bottom:165px;padding:8px 6px 24px;gap:8px;overflow-y:auto;align-items:center}
  .v5-host-zone{position:relative;width:min(100%,560px);height:320px;flex:none;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}
  .v5-host-zone .seat-host{width:min(50vw,250px);min-width:180px;max-width:250px;aspect-ratio:3/4;border-radius:9px;border:2px solid #f8cf61;background:#120526;box-shadow:0 10px 32px rgba(0,0,0,.42)}
  .v5-side-stack{position:absolute;top:82px;display:flex;flex-direction:column;gap:66px;z-index:6}.v5-side-stack.left{left:10px}.v5-side-stack.right{right:10px}
  .v5-rank{position:absolute;left:8px;top:8px;z-index:7;color:#fff;font-size:12px;font-weight:900;background:rgba(31,8,58,.72);border-radius:10px;padding:7px 9px;backdrop-filter:blur(6px)}
  .task-card.v5-task{top:76px;right:7px;width:112px;padding:9px;z-index:7;background:linear-gradient(145deg,rgba(116,37,169,.96),rgba(45,11,77,.95));border-color:rgba(233,213,255,.35)}
  .task-card.v5-task .tc-title{font-size:10px}.task-card.v5-task .tc-status{font-size:9px}.task-card.v5-task .tc-numbers{font-size:9px}
  .v5-video-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100%,560px)!important;gap:5px!important;flex:none!important}
  .v5-video-row .seat.big-guest{width:100%!important;max-width:none!important;aspect-ratio:1/1!important;border-radius:8px!important;border:1.5px solid rgba(248,207,97,.68)!important;background:rgba(15,4,35,.78)!important}
  .v5-video-row .seat.big-guest.filled{border-color:#f8cf61!important}
  .v5-small-row{display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,560px);gap:10px;padding:7px 8px 2px;flex:none}
  .room .v5-small-seat{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:48px;height:48px;justify-self:center;border:2px solid rgba(255,255,255,.2);background:rgba(80,43,111,.78);box-shadow:0 6px 18px rgba(0,0,0,.3)}
  .room .v5-small-seat:not(.filled){border-color:rgba(217,170,255,.42)}
  .room .v5-small-seat .vb-mode{bottom:-16px;color:#e9d5ff;font-size:7px}
  .room .v5-small-seat .vplayer{border-radius:50%;overflow:hidden}
  .room .v5-small-seat .s-leave{top:-3px;right:-3px}
  .room .rchat{bottom:69px;max-height:25%;padding:24px 12px 8px;background:linear-gradient(0deg,rgba(17,5,35,.78),transparent)}
  .room .rmsg{background:rgba(20,6,41,.68);padding:6px 9px;border-radius:9px}
  .room .rbottom{padding:9px 9px calc(11px + env(safe-area-inset-bottom));gap:5px}.room .ricon{width:39px;height:39px}.room .rbottom input{padding:10px 13px}
  @media(max-width:410px){
    .v5-host-zone{height:292px}.v5-host-zone .seat-host{width:min(48vw,220px);min-width:166px}.v5-side-stack{top:76px;gap:58px}.v5-side-stack.left{left:5px}.v5-side-stack.right{right:5px}
    .room .v5-small-seat{width:43px;height:43px}.task-card.v5-task{width:105px}.v5-small-row{gap:5px;padding-left:3px;padding-right:3px}
    .v5-video-row .seat.big-guest{aspect-ratio:1/1.02!important}.room .rtop .viewers{display:none}
  }
  @media(max-width:350px){.room .v5-small-seat{width:39px;height:39px}.v5-host-zone .seat-host{min-width:154px}.v5-side-stack{gap:54px}.task-card.v5-task{width:96px}.room-follow{padding:7px 9px!important}}
  .seat-audio-btn,.seat-remove-btn{position:absolute;z-index:12;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;border:1px solid rgba(255,255,255,.5);box-shadow:0 3px 8px rgba(0,0,0,.45)}
  .seat-audio-btn{left:4px;top:4px;background:rgba(22,199,132,.9)}.seat-audio-btn.muted{background:rgba(240,80,110,.95)}
  .seat-remove-btn{right:4px;top:4px;background:rgba(25,8,45,.82)}
  .v5-small-seat .seat-audio-btn,.v5-small-seat .seat-remove-btn{width:19px;height:19px;font-size:8px;top:-2px}.v5-small-seat .seat-audio-btn{left:-3px}.v5-small-seat .seat-remove-btn{right:-3px}
  .seat-muted .s-av{filter:grayscale(.55);opacity:.75}.seat-muted{border-color:#f0506e!important}.vb-mic.muted{background:#f0506e!important}


  /* ===== KONECTIFY V8 — close reference live-room layout ===== */
  .room{background:
    radial-gradient(circle at 50% 8%,rgba(107,33,168,.38),transparent 35%),
    radial-gradient(circle at 0 70%,rgba(236,72,153,.14),transparent 32%),
    linear-gradient(170deg,#16052c 0%,#2a0750 50%,#16052e 100%)}
  .room .rtop{height:66px;padding:10px 12px;gap:7px;background:linear-gradient(180deg,rgba(11,2,25,.92),transparent)}
  .room .rtop .host{min-width:0;max-width:155px}.room .rtop .host img{width:40px;height:40px;border:2px solid #f0abfc}
  .room .rtop .host .hn{font-size:13px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room .rtop .host .hf{font-size:9px;color:#d8b4fe}
  .room-follow{background:linear-gradient(135deg,#ffb21a,#ff8a00)!important;border:0!important;padding:8px 12px!important;color:#fff!important;box-shadow:0 5px 15px rgba(255,153,0,.3)}
  #seatStage.v5-stage{top:66px;bottom:165px;padding:8px 6px 24px;gap:8px;overflow-y:auto;align-items:center}
  .v5-host-zone{position:relative;width:min(100%,560px);height:320px;flex:none;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}
  .v5-host-zone .seat-host{width:min(50vw,250px);min-width:180px;max-width:250px;aspect-ratio:3/4;border-radius:9px;border:2px solid #f8cf61;background:#120526;box-shadow:0 10px 32px rgba(0,0,0,.42)}
  .v5-side-stack{position:absolute;top:82px;display:flex;flex-direction:column;gap:66px;z-index:6}.v5-side-stack.left{left:10px}.v5-side-stack.right{right:10px}
  .v5-rank{position:absolute;left:8px;top:8px;z-index:7;color:#fff;font-size:12px;font-weight:900;background:rgba(31,8,58,.72);border-radius:10px;padding:7px 9px;backdrop-filter:blur(6px)}
  .task-card.v5-task{top:76px;right:7px;width:112px;padding:9px;z-index:7;background:linear-gradient(145deg,rgba(116,37,169,.96),rgba(45,11,77,.95));border-color:rgba(233,213,255,.35)}
  .task-card.v5-task .tc-title{font-size:10px}.task-card.v5-task .tc-status{font-size:9px}.task-card.v5-task .tc-numbers{font-size:9px}
  .v5-video-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100%,560px)!important;gap:5px!important;flex:none!important}
  .v5-video-row .seat.big-guest{width:100%!important;max-width:none!important;aspect-ratio:1/1!important;border-radius:8px!important;border:1.5px solid rgba(248,207,97,.68)!important;background:rgba(15,4,35,.78)!important}
  .v5-video-row .seat.big-guest.filled{border-color:#f8cf61!important}
  .v5-small-row{display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,560px);gap:10px;padding:7px 8px 2px;flex:none}
  .room .v5-small-seat{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:48px;height:48px;justify-self:center;border:2px solid rgba(255,255,255,.2);background:rgba(80,43,111,.78);box-shadow:0 6px 18px rgba(0,0,0,.3)}
  .room .v5-small-seat:not(.filled){border-color:rgba(217,170,255,.42)}
  .room .v5-small-seat .vb-mode{bottom:-16px;color:#e9d5ff;font-size:7px}
  .room .v5-small-seat .vplayer{border-radius:50%;overflow:hidden}
  .room .v5-small-seat .s-leave{top:-3px;right:-3px}
  .room .rchat{bottom:69px;max-height:25%;padding:24px 12px 8px;background:linear-gradient(0deg,rgba(17,5,35,.78),transparent)}
  .room .rmsg{background:rgba(20,6,41,.68);padding:6px 9px;border-radius:9px}
  .room .rbottom{padding:9px 9px calc(11px + env(safe-area-inset-bottom));gap:5px}.room .ricon{width:39px;height:39px}.room .rbottom input{padding:10px 13px}
  @media(max-width:410px){
    .v5-host-zone{height:292px}.v5-host-zone .seat-host{width:min(48vw,220px);min-width:166px}.v5-side-stack{top:76px;gap:58px}.v5-side-stack.left{left:5px}.v5-side-stack.right{right:5px}
    .room .v5-small-seat{width:43px;height:43px}.task-card.v5-task{width:105px}.v5-small-row{gap:5px;padding-left:3px;padding-right:3px}
    .v5-video-row .seat.big-guest{aspect-ratio:1/1.02!important}.room .rtop .viewers{display:none}
  }
  @media(max-width:350px){.room .v5-small-seat{width:39px;height:39px}.v5-host-zone .seat-host{min-width:154px}.v5-side-stack{gap:54px}.task-card.v5-task{width:96px}.room-follow{padding:7px 9px!important}}
  .seat-audio-btn,.seat-remove-btn{position:absolute;z-index:12;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;border:1px solid rgba(255,255,255,.5);box-shadow:0 3px 8px rgba(0,0,0,.45)}
  .seat-audio-btn{left:4px;top:4px;background:rgba(22,199,132,.9)}.seat-audio-btn.muted{background:rgba(240,80,110,.95)}
  .seat-remove-btn{right:4px;top:4px;background:rgba(25,8,45,.82)}
  .v5-small-seat .seat-audio-btn,.v5-small-seat .seat-remove-btn{width:19px;height:19px;font-size:8px;top:-2px}.v5-small-seat .seat-audio-btn{left:-3px}.v5-small-seat .seat-remove-btn{right:-3px}
  .seat-muted .s-av{filter:grayscale(.55);opacity:.75}.seat-muted{border-color:#f0506e!important}.vb-mic.muted{background:#f0506e!important}

  /* ===== VOICE-ONLY PARTY ROOM V8 ===== */
  #modeTabs button[data-m="voice"]{display:block!important}
  #modeTabs{display:flex!important}
  .room.voice-party-room{background-color:#10051f;background-repeat:no-repeat;background-size:cover;background-position:center}
  .room.voice-party-room::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(111,50,170,.12),transparent 38%),linear-gradient(180deg,rgba(4,1,12,.18),rgba(6,2,16,.68));z-index:0;pointer-events:none}
  #seatStage.v8-voice-stage{top:66px;bottom:165px;padding:8px 8px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;z-index:2;background:transparent}
  .v8-rank{position:fixed!important;top:76px!important;left:10px!important}
  .v8-host-seat{position:relative;width:92px;height:92px;border-radius:50%;flex:none;margin-top:10px;background:rgba(31,12,52,.78);border:3px solid #f8cf61;box-shadow:0 0 0 4px rgba(139,92,246,.35),0 10px 30px rgba(0,0,0,.45);display:grid;place-items:center}
  .v8-host-seat .s-av{width:100%;height:100%;border-radius:50%;object-fit:cover;border:0}
  .v8-host-seat .avatar-frame{position:absolute;inset:0}.v8-host-seat .avatar-frame>img{width:100%;height:100%;border-radius:50%;object-fit:cover}
  .v8-host-seat .v8-crown{position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-size:9px;font-weight:900;color:#fff5b8;background:linear-gradient(135deg,#a855f7,#6d28d9);padding:3px 8px;border-radius:12px;white-space:nowrap}
  .v8-host-seat .seat-name{left:50%;bottom:-17px;transform:translateX(-50%);max-width:120px}
  .v8-voice-grid{width:min(100%,560px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px;padding:14px 4px 30px;align-items:start;justify-items:center}
  .room .v8-voice-seat{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:64px;height:64px;border-radius:50%;background:rgba(28,12,48,.70);border:2px solid rgba(248,207,97,.48);box-shadow:0 8px 18px rgba(0,0,0,.42);overflow:visible}
  .room .v8-voice-seat.filled{border-color:#f8cf61;background:rgba(24,9,43,.88)}
  .room .v8-voice-seat .s-av{width:100%;height:100%;border-radius:50%;object-fit:cover;border:0}
  .room .v8-voice-seat .vb-plus{font-size:19px}.room .v8-voice-seat .vb-mode{bottom:-15px;color:#fff;font-size:8px;text-shadow:0 1px 3px #000}
  .room .v8-voice-seat .v8-seat-number{position:absolute;left:-4px;bottom:-4px;z-index:5;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(5,2,12,.88);border:1px solid #f8cf61;color:#fff;font-size:8px;font-weight:900}
  .room .v8-voice-seat .seat-audio-btn,.room .v8-voice-seat .seat-remove-btn{width:19px;height:19px;font-size:8px;top:-3px}.room .v8-voice-seat .seat-audio-btn{left:-4px}.room .v8-voice-seat .seat-remove-btn{right:-4px}
  .room .v8-voice-seat .seat-name{display:block;left:50%;bottom:-31px;transform:translateX(-50%);max-width:72px;background:rgba(5,2,12,.72);font-size:8px;padding:2px 5px}
  .room.voice-party-room .rchat{max-height:28%;background:linear-gradient(0deg,rgba(7,2,17,.86),transparent)}
  .room.voice-party-room .rmsg{background:linear-gradient(90deg,rgba(89,32,126,.82),rgba(36,11,61,.72));border:1px solid rgba(233,213,255,.18)}
  .room.voice-party-room .ricon{width:36px;height:36px;font-size:15px}.room.voice-party-room .rbottom{gap:4px;padding-left:7px;padding-right:7px}.room.voice-party-room .rbottom input{min-width:76px;padding-left:11px;padding-right:8px}
  .room.voice-party-room #hostMicBtn.muted{background:#f0506e}
  @media(max-width:390px){.v8-voice-grid{gap:20px 6px;padding-left:0;padding-right:0}.room .v8-voice-seat{width:57px;height:57px}.v8-host-seat{width:84px;height:84px}.room.voice-party-room .ricon{width:33px;height:33px;font-size:14px}}


  /* ===== KONECTIFY V9 — compact equal video panels + all 9 voice seats ===== */
  #seatStage.v9-hybrid-stage{top:66px;bottom:158px;padding:7px 6px 20px;display:flex;flex-direction:column;align-items:center;gap:7px;overflow-y:auto;background:transparent}
  .v9-host-wrap{position:relative;width:min(100%,520px);height:min(50vw,205px);min-height:165px;display:flex;align-items:center;justify-content:center;flex:none}
  .v9-video-panel{width:min(46vw,205px)!important;max-width:205px!important;aspect-ratio:1/1!important;height:auto!important;border-radius:9px!important;border:1.5px solid #f8cf61!important;background:#050509!important;overflow:hidden!important}
  .v9-video-panel video,.v9-video-panel .vplayer video{object-fit:contain!important;background:#050509!important}
  .v9-video-panel .vplayer{background:#050509!important}
  .v9-side-stack{position:absolute;top:28px;display:flex;flex-direction:column;gap:56px;z-index:7}.v9-side-stack.left{left:8px}.v9-side-stack.right{right:8px}
  .room .v9-small-voice{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:42px;height:42px;border:2px solid rgba(229,190,255,.52);background:rgba(67,32,96,.82);overflow:visible}
  .v9-side-stack .v9-small-voice{position:relative!important}
  .room .v9-small-voice .s-av{width:100%;height:100%;border-radius:50%;object-fit:cover}.room .v9-small-voice .vb-mode{bottom:-13px;font-size:7px}.room .v9-small-voice .vb-plus{font-size:15px}
  .v9-guest-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100%,520px)!important;gap:5px!important;justify-items:center!important;flex:none!important}
  .v9-guest-row .v9-video-panel{width:100%!important;max-width:none!important}
  .v9-lower-voices{width:min(100%,520px);display:grid;grid-template-columns:repeat(5,1fr);gap:5px;justify-items:center;padding:5px 2px 16px;flex:none}
  .v9-rank{position:absolute!important;left:2px!important;top:2px!important}.task-card.v9-task{width:98px;top:71px;right:5px;padding:7px}.task-card.v9-task .tc-title{font-size:9px}.task-card.v9-task .tc-numbers{font-size:8px}
  .room.hybrid-live-room .rchat{max-height:22%;bottom:67px}.room.hybrid-live-room .rbottom{padding-top:7px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}
  @media(max-width:390px){.v9-host-wrap{height:min(49vw,185px);min-height:155px}.v9-video-panel{width:min(44vw,180px)!important}.v9-side-stack{top:25px;gap:48px}.room .v9-small-voice{width:38px;height:38px}.v9-lower-voices{gap:2px}.task-card.v9-task{width:90px}}

  /* ===== KONECTIFY V10 — Facebook-style online/live presence ===== */
  .fb-presence{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:2px 7px;font-size:9px;font-weight:900;white-space:nowrap;vertical-align:middle}
  .fb-presence i{width:6px;height:6px;border-radius:50%;display:block}
  .fb-presence.online{color:#0b9b60;background:rgba(22,199,132,.12);border:1px solid rgba(22,199,132,.25)}.fb-presence.online i{background:#16c784;box-shadow:0 0 0 3px rgba(22,199,132,.14)}
  .fb-presence.live{color:#e3294f;background:rgba(255,77,109,.11);border:1px solid rgba(255,77,109,.28)}.fb-presence.live i{background:#ff365d;animation:fbLivePulse 1.2s infinite}
  .fb-avatar-dot{position:absolute;right:1px;bottom:1px;width:15px;height:15px;border-radius:50%;border:3px solid #fff;z-index:4}.fb-avatar-dot.online{background:#16c784}.fb-avatar-dot.live{background:#ff365d;animation:fbLivePulse 1.2s infinite}
  .fb-drow .drow-av.islive img{border-color:#ff365d;box-shadow:0 0 0 4px rgba(255,54,93,.12)}
  .fb-drow .drow-livetag{background:#ff365d}
  @keyframes fbLivePulse{0%{box-shadow:0 0 0 0 rgba(255,54,93,.55)}70%{box-shadow:0 0 0 7px rgba(255,54,93,0)}100%{box-shadow:0 0 0 0 rgba(255,54,93,0)}}

  /* ===== KONECTIFY V12 — seats must remain above noninteractive room layers ===== */
  .room #seatStage{z-index:5!important;pointer-events:auto!important}
  .room .rbody{pointer-events:none!important}
  .room .seat,.room .voice-bubble,.room .v8-voice-seat,.room .v9-small-voice{pointer-events:auto!important;touch-action:manipulation;cursor:pointer!important}
  .room .rtop,.room .rchat,.room .rbottom,.room #gameWidget,.room #lbWidget,.room .task-card{pointer-events:auto}

  /* ===== KONECTIFY V13 — media playback controls ===== */
  #tapHear{z-index:30!important;pointer-events:auto!important}
  .room .vplayer{z-index:2!important}.room .vplayer video{visibility:visible!important;opacity:1!important}

  /* ===== KONECTIFY V14 — blue/green room and compact voice layout ===== */
  .room{background:radial-gradient(circle at 50% 5%,rgba(34,211,238,.24),transparent 34%),linear-gradient(165deg,#032b3a 0%,#075c68 48%,#063b55 100%)!important}
  .room.voice-party-room::before{background:linear-gradient(180deg,rgba(1,35,45,.24),rgba(2,28,42,.82))!important}
  .room .rmsg{background:linear-gradient(90deg,rgba(5,100,108,.90),rgba(5,57,82,.86))!important;border:1px solid rgba(103,232,249,.22)!important}
  .room .rchat{background:linear-gradient(0deg,rgba(2,29,44,.92),transparent)!important}
  .room .rbottom{background:linear-gradient(0deg,rgba(1,25,38,.98),rgba(1,25,38,.25))!important}
  .v5-rank,.v8-rank,.v9-rank,.host-tag,.v8-crown{display:none!important}
  .v8-voice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 8px!important;padding-top:18px!important;padding-bottom:80px!important}
  .room .v8-voice-seat{width:58px!important;height:58px!important}
  #roomSoundBtn{background:#0891b2!important;color:#fff!important}
  #roomSoundBtn.on{background:#16c784!important}

  /* ===== KONECTIFY V16 — full-screen animated video gifts ===== */
  #giftVideoLayer{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(0,0,0,.18);animation:gvIn .25s ease;pointer-events:auto}
  #giftVideoLayer.leaving{opacity:0;transition:opacity .35s ease}#giftVideoLayer .gv-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(7,28,42,.08),rgba(2,12,22,.55))}
  #giftVideoLayer video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;background:transparent}
  #giftVideoLayer .gv-sender{position:absolute;left:0;top:24%;z-index:5;display:flex;align-items:center;gap:9px;padding:9px 25px 9px 12px;border-radius:0 35px 35px 0;background:linear-gradient(90deg,rgba(8,145,178,.96),rgba(22,199,132,.72),transparent);color:#fff;animation:gvBanner .45s ease}
  #giftVideoLayer .gv-sender img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff}.gv-sender b,.gv-sender span{display:block}.gv-sender b{font-size:13px}.gv-sender span{font-size:11px;color:#d1fae5}
  #giftVideoLayer .gv-name{position:absolute;left:12px;right:12px;bottom:18%;z-index:5;text-align:center;font-size:27px;font-weight:900;color:#fff;text-shadow:0 3px 18px #000;pointer-events:none}
  #giftVideoLayer .gv-sound{position:absolute;left:50%;bottom:11%;transform:translateX(-50%);z-index:8;display:none;border:0;border-radius:24px;padding:10px 16px;background:#0891b2;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.4)}#giftVideoLayer .gv-sound.show{display:block}
  @keyframes gvIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes gvBanner{from{transform:translateX(-110%)}to{transform:none}}

  /* ===== KONECTIFY V17 — forgot-password link ===== */
  .forgot-link{display:block;margin:-4px 0 12px auto;padding:2px 0;color:#078b8f;font-size:12.5px;font-weight:700;text-align:right;background:none;border:0;box-shadow:none}.forgot-link:hover{text-decoration:underline}

  /* ===== KONECTIFY V19 ===== */
  .task-card,.v5-task,.v9-task{display:none!important}

  /* ===== KONECTIFY NEW DRAGON V23 ===== */
  #giftVideoLayer .gv-animation{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;display:block!important;visibility:visible!important;opacity:1!important}

  /* =============================================================
     KONECTIFY ROYAL 3D UI V24
     Royal blue + violet, balanced pulse, lightning + gold frames
     ============================================================= */
  :root{
    --brand:#2563eb!important;--brand2:#7c3aed!important;--cyan:#38bdf8!important;
    --grad:linear-gradient(135deg,#2563eb 0%,#7c3aed 58%,#a855f7 100%)!important;
    --grad2:linear-gradient(135deg,#1d4ed8,#7c3aed)!important;
  }
  body{background:radial-gradient(circle at 50% -10%,rgba(59,130,246,.22),transparent 34%),linear-gradient(180deg,#eef4ff,#f7f8ff 34%,#f4f6fc)!important}

  /* Reusable 3D depth for emoji/icon containers */
  .nav .ni,.room .ricon,.golive .ic,.me-row .mr-i,.gamecard .gi,.wof-banner .wof-ic,
  .role .ri,.settings-row .si:not(img),.empty .e,.giftitem .g,.seat-plus,.voice-bubble .vb-plus,
  .seat .seat-plus,.composer .attach,.composer .send,.logo{
    position:relative;isolation:isolate;transform-style:preserve-3d;
    filter:drop-shadow(0 5px 7px rgba(20,35,100,.28));
    text-shadow:0 2px 2px rgba(0,0,0,.18),0 -1px 1px rgba(255,255,255,.5);
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
    animation:k3dBreathe 3.2s ease-in-out infinite;
  }
  .nav .ni,.room .ricon,.me-row .mr-i,.gamecard .gi,.wof-banner .wof-ic,
  .role .ri,.settings-row .si:not(img),.giftitem .g,.seat-plus,.voice-bubble .vb-plus,.seat .seat-plus{
    background:
      radial-gradient(circle at 28% 22%,rgba(255,255,255,.8) 0 5%,rgba(255,255,255,.28) 7%,transparent 25%),
      linear-gradient(145deg,#60a5fa 0%,#2563eb 42%,#6d28d9 78%,#4c1d95 100%);
    border:1px solid rgba(255,255,255,.62);box-shadow:
      inset 0 2px 3px rgba(255,255,255,.52),inset 0 -5px 9px rgba(18,18,80,.4),
      0 7px 15px rgba(37,99,235,.28),0 0 0 3px rgba(99,102,241,.08);
  }
  .nav .ni{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:22px!important;margin-bottom:1px}
  .nav button{font-weight:750!important}.nav button.active .ni{animation:k3dActive 1.65s ease-in-out infinite;box-shadow:inset 0 2px 4px #ffffffaa,inset 0 -5px 9px #312e81aa,0 8px 20px #2563eb70,0 0 0 4px #818cf830}
  .nav button.active::after{height:4px!important;width:30px!important;background:linear-gradient(90deg,#38bdf8,#7c3aed,#fbbf24)!important;box-shadow:0 0 10px #60a5fa}

  .room .ricon{background:radial-gradient(circle at 30% 20%,#ffffffaa,transparent 22%),linear-gradient(145deg,#3b82f6,#4338ca 60%,#7c3aed)!important;border:1px solid #93c5fd!important;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -5px 8px #1e1b4b80,0 7px 18px #1d4ed866!important}
  .room .ricon.gift{background:radial-gradient(circle at 30% 20%,#fff8,transparent 22%),linear-gradient(145deg,#fbbf24,#f97316 55%,#ec4899)!important;border-color:#fde68a!important;animation:k3dGift 1.9s ease-in-out infinite}
  .room #roomSoundBtn{background:linear-gradient(145deg,#38bdf8,#2563eb,#4f46e5)!important}
  .room #hostMicBtn.muted,.seat-audio-btn.muted{background:linear-gradient(145deg,#fb7185,#e11d48,#9f1239)!important}

  .me-row .mr-i,.settings-row .si:not(img){width:39px;height:39px;border-radius:13px;display:grid;place-items:center;font-size:20px!important;flex:none}
  .gamecard .gi,.wof-banner .wof-ic,.role .ri{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin:0 auto;font-size:29px!important}
  .giftitem .g{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin:0 auto;font-size:29px!important;background:radial-gradient(circle at 28% 20%,#fffbd5,transparent 19%),linear-gradient(145deg,#fcd34d,#f59e0b 46%,#db2777 100%)!important;border-color:#fef3c7!important;box-shadow:inset 0 2px 4px #fff9,inset 0 -5px 8px #9a341280,0 8px 20px #f59e0b55!important}
  .giftitem:hover .g,.giftitem:active .g{transform:translateY(-4px) rotate(-3deg) scale(1.08);filter:drop-shadow(0 9px 10px rgba(245,158,11,.4))}
  .voice-bubble .vb-plus,.seat .seat-plus{border-radius:50%!important;display:grid;place-items:center;color:#fff}
  .voice-bubble .vb-plus{width:30px;height:30px;font-size:14px!important}.seat .seat-plus{width:52px;height:52px}
  button:active .ni,.ricon:active,.me-row:active .mr-i,.gamecard:active .gi{transform:translateY(2px) scale(.93)!important;filter:brightness(1.08) drop-shadow(0 2px 3px rgba(0,0,0,.3))!important}

  /* Royal blue live-room palette — no teal */
  .room,.room.hybrid-live-room{background:
    radial-gradient(circle at 50% 4%,rgba(96,165,250,.32),transparent 28%),
    radial-gradient(circle at 8% 54%,rgba(124,58,237,.30),transparent 33%),
    radial-gradient(circle at 94% 70%,rgba(37,99,235,.27),transparent 28%),
    linear-gradient(165deg,#050b2d 0%,#0b1d61 42%,#25105e 72%,#080b2c 100%)!important}
  .room.voice-party-room::before{background:linear-gradient(180deg,rgba(5,12,52,.28),rgba(5,8,35,.86))!important}
  .room .rtop{background:linear-gradient(180deg,rgba(3,7,32,.94),rgba(8,17,62,.44),transparent)!important}
  .room .rchat{background:linear-gradient(0deg,rgba(4,8,39,.94),rgba(10,20,76,.36),transparent)!important}
  .room .rmsg{background:linear-gradient(100deg,rgba(30,64,175,.92),rgba(91,33,182,.86))!important;border:1px solid rgba(147,197,253,.26)!important;box-shadow:0 5px 15px rgba(4,8,40,.22)!important}
  .room .rbottom{background:linear-gradient(0deg,rgba(3,6,30,.99),rgba(8,15,56,.68),transparent)!important}
  .room .rbottom input{background:rgba(20,32,94,.76)!important;border-color:rgba(147,197,253,.30)!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.22)!important}

  /* Animated electric-blue lightning + premium gold around all 3 video panels */
  .room .v9-video-panel,.room .v5-video-panel,.room .seat-host,.room .big-guest{
    position:relative!important;border:2px solid transparent!important;
    box-shadow:0 0 0 1px rgba(250,204,21,.80),0 0 13px rgba(59,130,246,.62),0 0 27px rgba(124,58,237,.38),inset 0 0 12px rgba(59,130,246,.18)!important;
    overflow:hidden!important;
  }
  .room .v9-video-panel::before,.room .v5-video-panel::before,.room .seat-host::before,.room .big-guest::before{
    content:'';position:absolute;inset:0;z-index:12;pointer-events:none;border-radius:inherit;padding:2px;
    background:conic-gradient(from var(--lightning-angle),transparent 0 7%,#38bdf8 9%,#fff 10%,#2563eb 12%,transparent 15% 32%,#fbbf24 35%,#fff7b0 36%,transparent 40% 57%,#60a5fa 60%,#7c3aed 63%,transparent 67% 84%,#facc15 87%,transparent 91%);
    animation:kLightningAngle 2.8s linear infinite;filter:drop-shadow(0 0 5px #3b82f6) drop-shadow(0 0 4px #fbbf24);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  }
  .room .v9-video-panel::after,.room .v5-video-panel::after,.room .seat-host::after,.room .big-guest::after{
    content:'';position:absolute;inset:0;z-index:11;pointer-events:none;border-radius:inherit;
    box-shadow:inset 0 0 7px #60a5fa,inset 0 0 2px #fff7b0;animation:kLightningPulse 1.4s steps(2,end) infinite;
  }
  .room .v9-video-panel video,.room .v5-video-panel video,.room .seat-host video,.room .big-guest video,
  .room .v9-video-panel .vplayer,.room .v5-video-panel .vplayer,.room .seat-host .vplayer,.room .big-guest .vplayer{z-index:2!important}

  @keyframes k3dBreathe{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 7px rgba(20,35,100,.28))}50%{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 8px 10px rgba(59,130,246,.40))}}
  @keyframes k3dActive{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.09)}}
  @keyframes k3dGift{0%,100%{transform:translateY(0) rotate(0) scale(1)}45%{transform:translateY(-3px) rotate(-4deg) scale(1.08)}60%{transform:translateY(-2px) rotate(3deg) scale(1.07)}}
  @property --lightning-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
  @keyframes kLightningAngle{to{--lightning-angle:360deg}}
  @keyframes kLightningPulse{0%,100%{opacity:.72;filter:brightness(1)}50%{opacity:1;filter:brightness(1.7)}}
  @media(prefers-reduced-motion:reduce){.nav .ni,.ricon,.mr-i,.gi,.giftitem .g,.seat-plus,.vb-plus{animation:none!important}.room .v9-video-panel::before,.room .v5-video-panel::before,.room .seat-host::before,.room .big-guest::before{animation:none!important}}

  /* ===== KONECTIFY NETWORK/UI V25 ===== */
  #authBtn:disabled{opacity:.82;cursor:wait;filter:saturate(.9)}
  #authBtn.is-loading{display:flex!important;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}
  #authBtn.is-loading::before{content:'';width:19px;height:19px;flex:0 0 19px;border-radius:50%;border:3px solid rgba(255,255,255,.32);border-top-color:#fff;border-right-color:#bfdbfe;box-shadow:0 0 10px rgba(255,255,255,.28);animation:konLoginSpin .75s linear infinite}
  #authBtn.is-loading::after{content:'';position:absolute;left:-35%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);animation:konLoginShine 1.35s ease-in-out infinite}
  @keyframes konLoginSpin{to{transform:rotate(360deg)}}
  @keyframes konLoginShine{0%{left:-35%}100%{left:120%}}
  .voice-bubble .s-av,.v8-voice-seat .s-av,.v9-small-voice .s-av,.v5-small-seat .s-av{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;clip-path:circle(49% at 50% 50%)!important;transform:none!important;display:block!important;z-index:1!important
  }
  .voice-bubble .vb-mic,.voice-bubble .seat-audio-btn,.voice-bubble .seat-remove-btn,.voice-bubble .vb-mode{z-index:13!important}

  /* ===== KONECTIFY LOADING + GIFT RECIPIENT V26 ===== */
  #appLoadProgress{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;background:rgba(5,9,32,.48);backdrop-filter:blur(7px);pointer-events:none}#appLoadProgress.show{display:flex}
  .alp-card{width:min(90%,430px);display:flex;align-items:center;gap:17px;padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(20,35,100,.97),rgba(76,29,149,.96));border:1px solid rgba(191,219,254,.38);box-shadow:0 20px 55px rgba(0,0,0,.38)}
  .alp-ring{--progress:0;position:relative;width:78px;height:78px;flex:0 0 78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#38bdf8 calc(var(--progress)*1%),#8b5cf6 calc(var(--progress)*1% + 1%),rgba(255,255,255,.13) 0);box-shadow:0 0 22px rgba(56,189,248,.35)}.alp-ring::before{content:'';position:absolute;width:61px;height:61px;border-radius:50%;background:#101b51}.alp-ring>div{position:relative;z-index:1;text-align:center}.alp-ring b{display:block;font-size:19px}.alp-ring span{font-size:8px;color:#bfdbfe;text-transform:uppercase}.alp-copy{flex:1;min-width:0}.alp-copy>b,.alp-copy>span{display:block}.alp-copy>b{font-size:15px}.alp-copy>span{font-size:11px;color:#c7d2fe;margin-top:4px}.alp-track{height:7px;border-radius:8px;background:#ffffff1f;margin-top:11px;overflow:hidden}.alp-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#fbbf24);transition:width .3s ease}
  .gift-recipient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;max-height:68vh;overflow-y:auto}.gift-recipient-grid button{padding:11px 6px;border-radius:15px;background:linear-gradient(145deg,#eef4ff,#fff);border:1px solid #dbeafe;box-shadow:0 7px 16px #1e3a8a18}.gift-recipient-grid img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #60a5fa}.gift-recipient-grid b,.gift-recipient-grid span{display:block}.gift-recipient-grid b{font-size:12px;margin-top:6px}.gift-recipient-grid span{font-size:9px;color:#7c3aed}.gift-to{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#eef4ff;border-bottom:1px solid var(--line)}.gift-to img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #60a5fa}.gift-to div{flex:1}.gift-to span,.gift-to b{display:block}.gift-to span{font-size:9px;color:var(--muted)}.gift-to button{padding:7px 11px;border-radius:20px;background:var(--grad);color:#fff;font-size:10px;font-weight:800}
  #giftVideoLayer .gv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;opacity:1;transition:opacity .3s}#giftVideoLayer .gv-poster.hide{opacity:0}.gift-load{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);z-index:9;display:flex;flex-direction:column;align-items:center;gap:8px}.gift-load.hide{display:none}.gift-load-ring{--gift-progress:0;position:relative;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#38bdf8 calc(var(--gift-progress)*1%),#8b5cf6 calc(var(--gift-progress)*1% + 1%),#ffffff22 0);box-shadow:0 0 24px #2563eb88}.gift-load-ring::before{content:'';position:absolute;width:57px;height:57px;border-radius:50%;background:#08143e}.gift-load-ring b{position:relative;z-index:1;color:#fff;font-size:16px}.gift-load span{font-size:11px;color:#dbeafe;text-shadow:0 2px 4px #000}.gv-animation{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3}

  /* KONECTIFY DRAGON LITE V27 */
  #giftVideoLayer .gv-poster,#giftVideoLayer .gv-animation{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;visibility:visible;opacity:1}#giftVideoLayer .gv-poster{z-index:2;transition:opacity .2s}#giftVideoLayer .gv-poster.hide{opacity:0}#giftVideoLayer .gv-animation{z-index:3}

  /* ===== KONECTIFY BUSINESS/UI V28 ===== */
  .room .v9-video-panel video,.room .v5-video-panel video,.room .seat-host video,.room .big-guest video,.room .vplayer video{object-fit:cover!important;width:100%!important;height:100%!important;background:transparent!important}
  .room .voice-bubble .seat-name,.room .v8-voice-seat .seat-name,.room .v9-small-voice .seat-name,.room .v5-small-seat .seat-name{display:block!important;position:absolute!important;left:50%!important;bottom:-18px!important;transform:translateX(-50%)!important;max-width:82px!important;padding:2px 7px!important;border-radius:10px!important;background:rgba(4,8,39,.86)!important;color:#fff!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:15!important}
  .host-live-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:90px;padding:5px 8px;border-radius:12px;background:linear-gradient(145deg,#1d4ed8,#5b21b6);border:1px solid #93c5fd;color:#fff;box-shadow:0 5px 14px #0005}.host-live-timer b{font-size:8px}.host-live-timer span{font-size:11px;font-weight:900;margin-top:1px}.host-live-timer small{font-size:7px;opacity:.88;margin-top:1px}.host-live-timer.finished{background:linear-gradient(145deg,#059669,#16a34a);border-color:#86efac}
  .intl-pay{margin-top:14px!important;border-color:#60a5fa!important;color:#2563eb!important}.agent-code-box{font-size:28px;font-weight:950;letter-spacing:3px;padding:16px;border-radius:16px;background:linear-gradient(145deg,#dbeafe,#ede9fe);color:#312e81;border:2px dashed #6366f1;margin-bottom:12px}

  /* ===== KONECTIFY LIVE DETAILS V29 ===== */
  .live-people-panel{display:flex;align-items:center;gap:6px;min-width:74px;padding:5px 8px;border-radius:13px;background:linear-gradient(145deg,#1d4ed8,#6d28d9);border:1px solid #93c5fd;color:#fff;box-shadow:0 5px 14px #0005;transition:filter .2s}.live-people-panel.bump{filter:brightness(1.45)}.live-people-panel>span{font-size:17px}.live-people-panel b,.live-people-panel small{display:block}.live-people-panel b{font-size:13px}.live-people-panel small{font-size:7px;color:#dbeafe;white-space:nowrap}
  /* Pulse by glow/brightness, never by resizing */
  @keyframes k3dBreathe{0%,100%{transform:none;filter:brightness(1) drop-shadow(0 4px 7px rgba(37,99,235,.24))}50%{transform:none;filter:brightness(1.18) drop-shadow(0 0 13px rgba(96,165,250,.62))}}
  @keyframes k3dActive{0%,100%{transform:none;filter:brightness(1)}50%{transform:none;filter:brightness(1.28) drop-shadow(0 0 15px #60a5fa)}}
  @keyframes k3dGift{0%,100%{transform:none;filter:brightness(1)}50%{transform:none;filter:brightness(1.25) drop-shadow(0 0 16px #fbbf24)}}
  /* Controls sit outside all seat frames */
  .room .seat-audio-btn{left:-11px!important;top:-11px!important}.room .seat-remove-btn,.room .s-leave{right:-11px!important;top:-11px!important}.room .seat-audio-btn,.room .seat-remove-btn,.room .s-leave{z-index:30!important;overflow:visible!important;box-shadow:0 4px 12px #0009!important}
  .room .voice-bubble,.room .v8-voice-seat,.room .v9-small-voice,.room .v5-small-seat,.room .v9-video-panel,.room .big-guest,.room .seat-host{overflow:visible!important}
  .room .v9-video-panel video,.room .big-guest video,.room .seat-host video,.room .vplayer{border-radius:inherit!important;overflow:hidden!important}
  /* Names for video and voice participants */
  .room .v9-video-panel .seat-name,.room .big-guest .seat-name,.room .seat-host .seat-name{display:block!important;position:absolute!important;left:50%!important;bottom:7px!important;transform:translateX(-50%)!important;z-index:25!important;max-width:88%!important;padding:4px 10px!important;border-radius:14px!important;background:rgba(3,7,32,.82)!important;color:#fff!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .new-game{border-color:#60a5fa!important;box-shadow:0 7px 18px #2563eb22!important}.td-result{text-align:center;padding:16px;border-radius:14px;background:#eef2ff;color:#312e81}.td-result span,.td-result b{display:block}.td-result b{margin-top:7px}.td-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.td-actions button{padding:11px;border-radius:11px;background:var(--grad);color:#fff;font-weight:800}.game-wait{text-align:center;color:var(--muted);font-size:12px}.dice-result{text-align:center;font-weight:800;margin-bottom:9px}.dice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.dice-choice{padding:11px;border-radius:12px;background:#eef2ff;color:#312e81;font-size:20px;font-weight:900;border:1px solid #c7d2fe}.dice-choice small{display:block;font-size:8px;color:#7c3aed}.dice-choice.winner{background:linear-gradient(145deg,#fbbf24,#f97316);color:#fff;box-shadow:0 0 18px #fbbf24}

  /* KONECTIFY HOST MUTE LOCK V30 */
  .seat-audio-btn.host-lock{background:linear-gradient(145deg,#ef4444,#991b1b)!important;border-color:#fecaca!important;color:#fff!important;animation:hostLockPulse 1.4s ease-in-out infinite!important}.seat-audio-btn.host-lock:disabled{opacity:1!important;cursor:not-allowed!important}.host-muted-seat{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444455,0 0 15px #ef444477!important}@keyframes hostLockPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35) drop-shadow(0 0 7px #ef4444)}}

  /* KONECTIFY AGENT INVITES V31 */
  .agent-candidate{display:flex;align-items:center;gap:9px;padding:10px;border-radius:13px;background:#f4f7ff;border:1px solid #dbeafe;margin-bottom:8px}.agent-candidate img{width:44px;height:44px;border-radius:50%;object-fit:cover}.agent-candidate>div:nth-child(2){flex:1;min-width:0}.agent-candidate b,.agent-candidate span{display:block}.agent-candidate b{font-size:12px}.agent-candidate span{font-size:9px;color:var(--muted)}.agent-candidate>button,.invite-actions button{padding:7px 9px;border-radius:10px;background:var(--grad);color:#fff;font-size:9px;font-weight:800}.invite-actions{display:flex;gap:4px}.invite-actions .reject{background:#f1f5f9;color:#64748b}

  /* KONECTIFY LIVE PEOPLE + PAYMENT V32 */
  #livePeoplePanel{cursor:pointer!important}.live-person-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:13px;background:#f4f7ff;border:1px solid #dbeafe;margin-bottom:8px}.live-person-row img{width:45px;height:45px;border-radius:50%;object-fit:cover}.live-person-row div{flex:1}.live-person-row b,.live-person-row span{display:block}.live-person-row b{font-size:13px}.live-person-row span{font-size:9px;color:var(--muted)}.recover-pay{margin-top:8px!important;color:#2563eb!important;border-color:#93c5fd!important}

  /* KONECTIFY DIAMOND WALLET V33 */
  .diamonds.top-diamonds{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:22px;background:linear-gradient(145deg,#dbeafe,#ede9fe);border:1px solid #93c5fd;color:#2563eb;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px #1d4ed822}.room-diamond-badge{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:18px;background:linear-gradient(145deg,#2563eb,#7c3aed);border:1px solid #bfdbfe;color:#fff;font-size:10px;font-weight:900}.diamond-rate-note{font-size:10px;color:var(--muted);margin-top:5px}

/* CREATOR VERIFICATION V39 */
.verify-upload{display:block;padding:13px;border:2px dashed #93c5fd;border-radius:13px;text-align:center;color:#2563eb;font-weight:800;background:#eff6ff;margin:10px 0}.verify-upload input{display:none}.verify-preview{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:12px;background:#020617;margin:8px 0}.verify-camera{border-radius:13px;overflow:hidden;background:#020617;margin:10px 0}.verify-camera video{width:100%;max-height:300px;object-fit:cover}.verify-state,.verify-reject,.verify-privacy{padding:10px;border-radius:11px;font-size:11px;line-height:1.45}.verify-state{background:#fef3c7;color:#92400e}.verify-reject{background:#fee2e2;color:#991b1b}.verify-privacy{background:#e0f2fe;color:#075985}.verify-owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.verify-owner-grid div{background:#020617;border-radius:12px;overflow:hidden}.verify-owner-grid span{display:block;padding:7px;color:#bfdbfe;font-size:10px}.verify-owner-grid img{width:100%;height:280px;object-fit:contain}@media(max-width:600px){.verify-owner-grid{grid-template-columns:1fr}.verify-owner-grid img{height:230px}}

/* AGENT PAGES V40 */
.agent-person{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:12px;margin-bottom:7px;background:#ffffff07}.agent-person img{width:42px;height:42px;border-radius:50%;object-fit:cover}.agent-person>div:nth-child(2){flex:1}.agent-person b,.agent-person span{display:block}.agent-person span{font-size:9px;color:var(--muted)}.agent-person button{padding:7px 9px;border:0;border-radius:9px;background:var(--grad);color:#fff;font-size:9px;font-weight:800}.agent-stream{padding:9px;border-left:3px solid #60a5fa;background:#eff6ff;border-radius:8px;margin-bottom:6px}.agent-stream b,.agent-stream span{display:block}.agent-stream span{font-size:9px;color:#64748b}.agent-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.agent-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:inherit;text-align:center}.agent-card img{width:60px;height:60px;border-radius:50%;object-fit:cover}.agent-card b,.agent-card span{display:block}.agent-card span{font-size:9px;color:var(--muted);margin-top:4px}@media(max-width:400px){.agent-directory{grid-template-columns:1fr 1fr}}

/* KONECTIFY LOGIN PROGRESS V42 */
#loginWaitOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,8,35,.62);backdrop-filter:blur(9px);opacity:0;pointer-events:none;transition:opacity .2s}#loginWaitOverlay.show{opacity:1;pointer-events:auto}.login-wait-card{width:min(92%,340px);padding:25px;border-radius:24px;text-align:center;background:linear-gradient(145deg,#142459,#34136d);border:1px solid #93c5fd66;box-shadow:0 25px 70px #0008}.login-wait-ring{position:relative;width:92px;height:92px;margin:auto;display:grid;place-items:center}.login-wait-ring i{position:absolute;inset:0;border-radius:50%;border:7px solid #ffffff20;border-top-color:#38bdf8;border-right-color:#8b5cf6;border-bottom-color:#fbbf24;box-shadow:0 0 23px #3b82f677;animation:loginOrbit .8s linear infinite}.login-wait-ring b{font-size:10px;color:#dbeafe}.login-wait-card h3{margin:13px 0 5px}.login-wait-card p{font-size:11px;line-height:1.5;color:#c7d2fe;margin:0}.login-wait-track{height:6px;margin-top:17px;border-radius:8px;background:#ffffff18;overflow:hidden}.login-wait-track span{display:block;width:35%;height:100%;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#fbbf24);animation:loginTrack 1.1s ease-in-out infinite}@keyframes loginOrbit{to{transform:rotate(360deg)}}@keyframes loginTrack{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}

/* SELFIE-ONLY VERIFICATION V49 */
.verify-selfie-only{margin:14px;padding:10px;border-radius:14px;background:#020617;text-align:center}.verify-selfie-only span{display:block;color:#bfdbfe;font-size:11px;margin-bottom:7px}.verify-selfie-only img{width:100%;max-height:420px;object-fit:contain;border-radius:11px}

/* ELEGANT SKY BLUE LIVE V51 */
.room,.room.hybrid-live-room{background:radial-gradient(circle at 50% 5%,rgba(255,255,255,.40),transparent 26%),radial-gradient(circle at 8% 55%,rgba(125,211,252,.55),transparent 36%),linear-gradient(165deg,#dff6ff 0%,#7dd3fc 28%,#38bdf8 58%,#2563eb 100%)!important}.room.voice-party-room::before{background:linear-gradient(180deg,rgba(224,247,255,.18),rgba(15,72,140,.68))!important}.room .rtop{background:linear-gradient(180deg,rgba(7,35,83,.84),transparent)!important}.room .rchat{background:linear-gradient(0deg,rgba(7,35,83,.94),rgba(14,116,144,.24),transparent)!important}.room .rbottom{background:linear-gradient(0deg,rgba(5,30,72,.98),rgba(14,116,144,.32),transparent)!important}

/* COMPETITIVE QUIZ V52 */
.quiz-lobby{text-align:center;padding:13px;border-radius:14px;background:linear-gradient(145deg,#dbeafe,#ede9fe);color:#312e81}.quiz-lobby p{font-size:11px;color:#64748b}.quiz-trophy{font-size:45px;animation:quizFloat 1.8s ease-in-out infinite}.joined-badge{display:block;width:max-content;margin:9px auto;padding:6px 11px;border-radius:18px;background:#dcfce7;color:#15803d;font-size:10px;font-weight:850}.quiz-question{padding:15px;border-radius:13px;background:linear-gradient(145deg,#1d4ed8,#7c3aed);color:#fff;font-size:16px;font-weight:850;text-align:center;margin-bottom:9px}.quiz-answers{display:grid;gap:7px}.quiz-answer,.quiz-reveal{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;border:1px solid #c7d2fe;background:#f8faff;color:#312e81;text-align:left;font-weight:700}.quiz-answer span,.quiz-reveal span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:900}.quiz-answer:active{transform:scale(.97)}.quiz-answer.disabled{opacity:.55}.quiz-reveal.correct{background:#dcfce7;border-color:#4ade80;color:#166534;box-shadow:0 0 14px #22c55e55}.quiz-player{display:grid;grid-template-columns:22px 34px 1fr auto;align-items:center;gap:7px;padding:7px;border-bottom:1px solid var(--line)}.quiz-player img{width:32px;height:32px;border-radius:50%;object-fit:cover}.quiz-player b{font-size:11px}.quiz-player strong{font-size:10px;color:#fbbf24}.leader-title{text-align:center;margin:10px 0 5px}.quiz-winner{text-align:center;padding:13px}.quiz-winner>div{font-size:46px}.quiz-winner img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:4px solid #fbbf24}.quiz-winner b,.quiz-winner span{display:block}.quiz-winner b{font-size:16px}.quiz-winner span{color:#fbbf24}@keyframes quizFloat{50%{transform:translateY(-5px);filter:drop-shadow(0 8px 8px #7c3aed55)}}

/* COMPETITIVE LUCKY DICE V53 */
.dice-lobby{text-align:center;padding:14px;border-radius:14px;background:linear-gradient(145deg,#dbeafe,#ede9fe);color:#312e81}.dice-hero{font-size:55px;animation:diceBounce 1.4s ease-in-out infinite}.dice-lobby p{font-size:11px;color:#64748b}.dice-prompt{text-align:center;font-weight:850;margin:8px}.lucky-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px}.lucky-number{padding:15px;border-radius:14px;border:1px solid #93c5fd;background:linear-gradient(145deg,#eff6ff,#ede9fe);color:#312e81;font-size:25px;font-weight:950;box-shadow:0 6px 15px #1d4ed822}.lucky-number:active{transform:scale(.94)}.lucky-number.disabled{opacity:.48}.dice-roll-result{text-align:center;padding:14px;border-radius:16px;background:linear-gradient(145deg,#1d4ed8,#7c3aed);color:#fff}.dice-roll-result span,.dice-roll-result b{display:block}.dice-roll-result b{font-size:58px;color:#fde68a;text-shadow:0 5px 15px #0006}@keyframes diceBounce{50%{transform:translateY(-6px) rotate(8deg)}}

/* ===== extracted style block 2 ===== */
/* KONECTIFY_LOGIN_INLINE_V44B */#loginProgressInline{display:none;align-items:center;justify-content:center;gap:10px;margin:10px 0 2px;padding:9px 12px;border-radius:13px;background:linear-gradient(145deg,rgba(37,99,235,.10),rgba(124,58,237,.10));border:1px solid rgba(96,165,250,.25);color:#334155}#authBtn.is-loading+#loginProgressInline{display:flex}#loginProgressInline .login-inline-ring{width:24px;height:24px;flex:0 0 24px;border-radius:50%;border:4px solid rgba(37,99,235,.16);border-top-color:#2563eb;border-right-color:#7c3aed;box-shadow:0 0 10px rgba(59,130,246,.28);animation:loginInlineSpin .7s linear infinite}#loginProgressInline b,#loginProgressInline small{display:block}#loginProgressInline b{font-size:11px}#loginProgressInline small{font-size:9px;color:#7c8a9f;margin-top:1px}@keyframes loginInlineSpin{to{transform:rotate(360deg)}}

/* ===== extracted style block 3 ===== */
/* KONECTIFY_CAMERA_FILTERS_V54 */
.live-filter-btn{background:linear-gradient(145deg,#f472b6,#8b5cf6)!important;color:#fff!important;box-shadow:0 5px 15px #8b5cf666!important}
.live-filter-btn.active{outline:2px solid #fde68a;box-shadow:0 0 18px #f472b6aa!important}
.live-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}
.live-filter-choice{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:14px;border:1px solid #c7d2fe;background:linear-gradient(145deg,#f8faff,#eef2ff);color:#312e81;text-align:left;font-weight:800}
.live-filter-choice span{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#fff;box-shadow:0 4px 12px #4338ca20}
.live-filter-choice small{display:block;color:#64748b;font-size:9px;margin-top:2px;font-weight:650}
.live-filter-choice.active{border-color:#a855f7;background:linear-gradient(145deg,#fce7f3,#ede9fe);box-shadow:0 0 0 2px #a855f733}
.live-filter-note{padding:10px 11px;border-radius:12px;background:#eff6ff;color:#1e40af;font-size:10.5px;line-height:1.5}
.live-filter-status{min-height:18px;margin-top:9px;text-align:center;color:#7c3aed;font-size:10px;font-weight:800}
@media(max-width:430px){.room .rbottom{gap:5px;padding-left:8px;padding-right:8px}.room .ricon{width:38px;height:38px;font-size:16px}.room .rbottom input{padding-left:12px;padding-right:10px}}

/* ===== extracted style block 4 ===== */
/* KONECTIFY_CAMERA_FILTERS_V54B */
.own-filter-panel{cursor:pointer;touch-action:manipulation}
.own-filter-panel:active{outline:2px solid rgba(244,114,182,.85);outline-offset:-2px}

/* ===== extracted style block 5 ===== */
/* KONECTIFY_CAMERA_FILTERS_V54C */
.vplayer{transition:filter .18s ease,-webkit-filter .18s ease}

/* ===== extracted style block 6 ===== */
.recover-pay{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

/* ===== extracted style block 7 ===== */
/* KONECTIFY_ADAPTIVE_AR_V55 */
.live-look-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px}.live-look-tabs button{padding:10px;border-radius:12px;background:#eef2ff;color:#475569;font-weight:850;border:1px solid #c7d2fe}.live-look-tabs button.active{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border-color:transparent}.ar-choice-grid{padding-bottom:8px}
.vplayer{isolation:isolate}.vplayer video{transition:filter .18s ease,transform .22s ease!important}.live-ar-layer{position:absolute!important;inset:0!important;z-index:8!important;pointer-events:none!important;overflow:hidden!important;filter:none!important;--ar-cx:50%;--ar-head-y:12%;--ar-eye-y:39%;--ar-mouth-y:65%;--ar-center-y:48%;--ar-w:42%}.ar-crown,.ar-k-crown,.ar-k-neon,.ar-cat-ears,.ar-sunglasses,.ar-butterfly,.ar-royal-mask,.ar-lightning,.ar-big-mouth,.ar-big-eyes{position:absolute;left:var(--ar-cx);transform:translateX(-50%);width:var(--ar-w);text-align:center;filter:drop-shadow(0 4px 5px #0008)}
.ar-crown{top:var(--ar-head-y);transform:translate(-50%,-58%);font-size:clamp(32px,10vw,72px)}.ar-k-crown{top:var(--ar-head-y);transform:translate(-50%,-55%);font-size:clamp(30px,9vw,65px)}.ar-k-crown b{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border:2px solid #fde68a;font-size:15px}.ar-k-neon{top:var(--ar-head-y);transform:translate(-50%,-55%);display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border-radius:20px;background:linear-gradient(90deg,#6d28d9dd,#ec4899dd);border:2px solid #c4b5fd;color:white;font-size:clamp(8px,2.7vw,15px);letter-spacing:1px;text-shadow:0 0 8px #fff;box-shadow:0 0 14px #a855f7}.ar-k-neon i{color:#fde68a}
.ar-cat-ears{top:var(--ar-head-y);height:34%;transform:translate(-50%,-35%)}.ar-cat-ears i{position:absolute;top:0;width:37%;height:75%;background:linear-gradient(145deg,#f9a8d4,#ec4899);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 3px 4px #0006)}.ar-cat-ears i:after{content:'';position:absolute;left:27%;top:31%;width:46%;height:48%;background:#fce7f3;clip-path:inherit}.ar-cat-ears i:first-child{left:0;transform:rotate(-12deg)}.ar-cat-ears i:last-child{right:0;transform:rotate(12deg)}
.ar-sunglasses{top:var(--ar-eye-y);transform:translate(-50%,-45%);font-size:clamp(34px,11vw,75px)}.ar-butterfly{top:var(--ar-head-y);transform:translate(-50%,-60%);font-size:clamp(24px,8vw,54px);white-space:nowrap}.ar-butterfly i{font-size:.65em}.ar-royal-mask{top:var(--ar-center-y);transform:translate(-50%,-50%);font-size:clamp(42px,14vw,92px)}.ar-lightning{top:var(--ar-eye-y);transform:translate(-50%,-45%);display:flex;justify-content:space-around;font-size:clamp(24px,7vw,50px);animation:arFlash .65s steps(2) infinite}.ar-big-mouth{top:var(--ar-mouth-y);transform:translate(-50%,-50%);font-size:clamp(42px,14vw,90px);animation:arMouth .8s ease-in-out infinite}.ar-big-eyes{top:var(--ar-eye-y);transform:translate(-50%,-50%);font-size:clamp(50px,16vw,105px)}
.ar-hearts i{position:absolute;font-style:normal;font-size:clamp(18px,5vw,36px);animation:arHeart 2.6s ease-in-out infinite}.ar-hearts i:nth-child(1){left:8%;top:75%;animation-delay:0s}.ar-hearts i:nth-child(2){left:70%;top:62%;animation-delay:.5s}.ar-hearts i:nth-child(3){left:18%;top:25%;animation-delay:1s}.ar-hearts i:nth-child(4){left:80%;top:20%;animation-delay:1.5s}.ar-hearts i:nth-child(5){left:47%;top:78%;animation-delay:2s}.ar-funny-label{position:absolute;left:50%;top:8px;transform:translateX(-50%);padding:4px 8px;border-radius:12px;background:#ec4899dd;color:#fff;font-size:9px;font-weight:900;white-space:nowrap}.vplayer.ar-big-face video{transform:scale(1.28)!important}
@keyframes arHeart{0%,100%{transform:translateY(18px) scale(.7);opacity:.15}45%{opacity:1}70%{transform:translateY(-42px) scale(1.15);opacity:.85}}@keyframes arFlash{50%{opacity:.35;filter:brightness(2) drop-shadow(0 0 8px #fde047)}}@keyframes arMouth{50%{transform:translate(-50%,-50%) scale(1.18)}}

/* ===== extracted style block 8 ===== */
/* KONECTIFY_TRUE_AR_V56 */
.true-ar-engine{margin:8px 0;padding:8px 10px;border-radius:10px;text-align:center;font-size:10px;font-weight:800;background:#eff6ff;color:#1d4ed8}.true-ar-engine.loading{background:#fef3c7;color:#92400e;animation:trueArPulse 1s infinite}.true-ar-engine.ready{background:#dcfce7;color:#166534}.true-ar-engine.failed{background:#fee2e2;color:#991b1b}
#room .live-ar-layer.mp-ar-layer{position:absolute!important;inset:0!important;z-index:12!important;overflow:hidden!important;pointer-events:none!important;filter:none!important}#room .mp-anchor{position:absolute;transform:translate(-50%,-50%);transform-origin:center;filter:drop-shadow(0 4px 6px #0008)}#room .mp-anchor svg{display:block;width:100%;height:auto}.mp-neon{padding:7px 13px;border-radius:22px;background:linear-gradient(90deg,#6d28d9ee,#ec4899ee);border:2px solid #c4b5fd;color:#fff;text-align:center;font-weight:950;font-size:clamp(10px,2.8vw,17px);letter-spacing:1.2px;text-shadow:0 0 8px #fff;box-shadow:0 0 17px #a855f7}.mp-heart-vector{height:100px}.mp-heart-vector span{position:absolute;color:#ec4899;font-size:30px;animation:trueHeart 2s ease-in-out infinite}.mp-heart-vector span:nth-child(1){left:2%;top:50%}.mp-heart-vector span:nth-child(2){left:20%;top:2%;animation-delay:.3s}.mp-heart-vector span:nth-child(3){right:2%;top:45%;animation-delay:.6s}.mp-heart-vector span:nth-child(4){right:22%;top:0;animation-delay:.9s}.mp-heart-vector span:nth-child(5){left:45%;top:72%;animation-delay:1.2s}.mp-eye-bolts .mp-bolt{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 0 7px #fde047);animation:trueBolt .55s steps(2) infinite}
.true-ar-crop{position:absolute;overflow:hidden;border-radius:50%;z-index:3;box-shadow:0 0 0 2px #fff5,0 4px 12px #0007}.true-ar-crop.face{border-radius:45%}.true-ar-clone{position:absolute!important;max-width:none!important;object-fit:cover!important;visibility:visible!important;opacity:1!important}.true-ar-crop.mouth{border-radius:48%}.true-ar-crop.eye{border-radius:50%}
@keyframes trueArPulse{50%{filter:brightness(1.15)}}@keyframes trueHeart{0%,100%{transform:translateY(12px) scale(.65);opacity:.25}55%{transform:translateY(-18px) scale(1.15);opacity:1}}@keyframes trueBolt{50%{opacity:.35;filter:brightness(2) drop-shadow(0 0 10px #fff)}}

/* ===== extracted style block 9 ===== */
/* KONECTIFY_AR_PRELOAD_V57 */
#trueArPreloadProgress{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:410;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;background:linear-gradient(145deg,#172554f5,#4c1d95f5);border:1px solid #93c5fd66;color:#fff;box-shadow:0 12px 34px #0007;opacity:0;transform:translateY(22px);pointer-events:none;transition:.25s}#trueArPreloadProgress.show{opacity:1;transform:none;pointer-events:auto}.tap-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#ffffff18;font-size:21px}.tap-copy{flex:1;min-width:0}.tap-copy b,.tap-copy span{display:block}.tap-copy b{font-size:12px}.tap-copy span{font-size:9px;color:#dbeafe;margin:2px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tap-track{height:6px;border-radius:8px;background:#ffffff20;overflow:hidden}.tap-track i{display:block;width:0;height:100%;border-radius:8px;background:linear-gradient(90deg,#38bdf8,#a78bfa,#f472b6,#fde047);transition:width .18s}.tap-copy+strong{font-size:11px;color:#fde68a;min-width:34px;text-align:right}#trueArPreloadProgress.ready{background:linear-gradient(145deg,#065f46f5,#166534f5)}#trueArPreloadProgress.failed{background:linear-gradient(145deg,#7f1d1df5,#9f1239f5);animation:tapRetry 1.4s ease-in-out infinite}#trueArPreloadProgress.failed .tap-copy span{color:#fecdd3}@keyframes tapRetry{50%{filter:brightness(1.18)}}

/* ===== extracted style block 10 ===== */
#trueArPreloadProgress,.live-ar-layer{display:none!important}

/* ===== extracted style block 11 ===== */
/* KONECTIFY_AUTO_CAMERA_V59 */
.room.hybrid-live-room .v9-video-panel,.room.hybrid-live-room .seat-host,.room.hybrid-live-room .big-guest{background:radial-gradient(circle at 50% 38%,#18213c,#050914 72%)!important}
.room.hybrid-live-room .v9-video-panel .vplayer video,.room.hybrid-live-room .seat-host .vplayer video,.room.hybrid-live-room .big-guest .vplayer video{object-fit:contain!important;object-position:center center!important;background:transparent!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}

/* ===== extracted style block 12 ===== */
/* KONECTIFY_VIDEO_FILL_V59B */
.room.hybrid-live-room .v9-video-panel .vplayer video,.room.hybrid-live-room .seat-host .vplayer video,.room.hybrid-live-room .big-guest .vplayer video{object-fit:cover!important;object-position:50% 45%!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;background:transparent!important}

/* ===== extracted style block 13 ===== */
/* KONECTIFY_LIVE_INBOX_V60 */
.live-inbox-btn{position:relative;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dbeafe,#bae6fd);border:1px solid #93c5fd;color:#1d4ed8;font-size:17px;flex:none;box-shadow:0 5px 14px #0c4a6e44}.live-inbox-btn span{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:8px;font-weight:900;border:2px solid #dbeafe}.live-inbox-shade{position:absolute;inset:0;z-index:70;display:flex;justify-content:flex-end;background:#02061780;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.2s}.live-inbox-shade.show{opacity:1;pointer-events:auto}.live-inbox-panel{width:min(94%,390px);height:100%;background:linear-gradient(180deg,#f0faff,#e6f6ff 60%,#f8fcff);color:#17324d;box-shadow:-15px 0 45px #02061788;transform:translateX(104%);transition:.24s;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.live-inbox-shade.show .live-inbox-panel{transform:none}#liveInboxBody{height:100%;display:flex;flex-direction:column;min-height:0}.live-inbox-head{min-height:62px;padding:10px 12px;display:flex;align-items:center;gap:9px;background:#dff4ff;border-bottom:1px solid #bae6fd}.live-inbox-head>div{flex:1}.live-inbox-head b,.live-inbox-head span{display:block}.live-inbox-head b{font-size:14px}.live-inbox-head span{font-size:9px;color:#64748b;margin-top:2px}.live-inbox-head button{width:34px;height:34px;border-radius:50%;background:#fff;color:#334155;font-size:20px}.live-inbox-head .back{font-size:28px}.live-inbox-head img{width:39px;height:39px;border-radius:50%;object-fit:cover}.live-inbox-scroll{flex:1;overflow-y:auto;padding:8px}.live-inbox-row{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border-radius:14px;background:#ffffffd9;border:1px solid #dbeafe;margin-bottom:7px;text-align:left;color:#17324d;box-shadow:0 5px 13px #1d4ed80d}.live-inbox-row.official{background:linear-gradient(145deg,#eef2ff,#fdf4ff);border-color:#c4b5fd}.live-conv-avatar{position:relative;width:47px;height:47px;flex:none}.live-conv-avatar img{width:47px;height:47px;border-radius:50%;object-fit:cover}.live-conv-avatar i{position:absolute;right:-3px;bottom:-2px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:10px;box-shadow:0 2px 6px #0002}.live-conv-copy{flex:1;min-width:0}.live-conv-copy b,.live-conv-copy small,.live-conv-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-conv-copy b{font-size:12px}.live-conv-copy small{font-size:8px;color:#0ea5e9;font-weight:800;margin:1px 0}.live-conv-copy em{font-size:9px;color:#64748b;font-style:normal}.live-conv-meta{text-align:right}.live-conv-meta time{display:block;font-size:8px;color:#94a3b8}.live-conv-meta strong{display:grid;place-items:center;margin:5px 0 0 auto;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#ef4444;color:white;font-size:8px}.live-inbox-loading,.live-inbox-empty{margin:auto;text-align:center;color:#64748b;padding:28px}.live-inbox-empty span{font-size:40px}.live-inbox-empty b,.live-inbox-empty p{display:block}.live-inbox-empty p{font-size:10px}.live-private-thread{flex:1;min-height:0;overflow-y:auto;padding:12px;background:linear-gradient(180deg,#f4fbff,#eaf7ff)}.live-private-thread .bub{max-width:82%;padding:9px 11px;border-radius:14px;margin:5px 0;font-size:11px;box-shadow:0 4px 10px #0f172a12}.live-private-thread .bub.me{margin-left:auto;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff}.live-private-thread .bub.them{background:#fff;color:#1e293b}.live-private-thread .bub img,.live-private-thread .bub video{display:block;max-width:210px;max-height:230px;border-radius:10px}.live-private-thread .bt{display:block;font-size:7px;opacity:.7;text-align:right;margin-top:3px}.live-private-composer{display:flex;align-items:flex-end;gap:6px;padding:8px 9px calc(9px + env(safe-area-inset-bottom));background:#dff4ff;border-top:1px solid #bae6fd}.live-private-composer textarea{flex:1;min-height:38px;max-height:90px;resize:none;border:1px solid #bae6fd;border-radius:20px;padding:10px 12px;background:#fff;color:#17324d;outline:none}.live-private-composer button{width:38px;height:38px;border-radius:50%;background:#fff;color:#2563eb;font-size:17px}.live-private-composer .send{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff}

/* ===== extracted style block 14 ===== */
/* KONECTIFY_RESPONSIVE_LIVE_V60B */
.room.hybrid-live-room{--live-top:70px;--live-bottom:72px;background:radial-gradient(circle at 16% 18%,rgba(125,211,252,.22),transparent 24%),radial-gradient(circle at 82% 31%,rgba(45,212,191,.20),transparent 26%),radial-gradient(circle at 36% 78%,rgba(59,130,246,.18),transparent 28%),linear-gradient(180deg,#183c4c 0%,#0c3444 48%,#082536 100%)!important;color:#fff;overflow:hidden}
.room.hybrid-live-room::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.16) 0 3px,transparent 4px),radial-gradient(circle at 74% 20%,rgba(255,255,255,.12) 0 5px,transparent 6px),radial-gradient(circle at 87% 67%,rgba(255,255,255,.10) 0 7px,transparent 8px),radial-gradient(circle at 18% 72%,rgba(255,255,255,.08) 0 8px,transparent 9px);filter:blur(1px)}
.room.hybrid-live-room .rtop{position:absolute!important;left:0;right:0;top:0;min-height:var(--live-top);padding:calc(8px + env(safe-area-inset-top)) 48px 7px 8px!important;display:flex!important;align-items:center!important;gap:5px!important;background:linear-gradient(180deg,rgba(5,26,38,.80),rgba(5,26,38,.30),transparent)!important;z-index:40!important;overflow:visible!important;white-space:nowrap}
.room.hybrid-live-room .rtop .host{height:40px;min-width:40px;max-width:92px;padding:3px 8px 3px 3px!important;gap:5px!important;background:rgba(236,254,255,.14)!important;border:1px solid rgba(207,250,254,.34);backdrop-filter:blur(10px);box-shadow:none!important;overflow:hidden}
.room.hybrid-live-room .rtop .host img{width:33px!important;height:33px!important;flex:none}.room.hybrid-live-room .rtop .host .hn{max-width:45px;overflow:hidden;text-overflow:ellipsis;font-size:10px!important}.room.hybrid-live-room .rtop .host .hf{display:none}
.room.hybrid-live-room .rtop .liveb{height:31px;padding:0 8px!important;margin-left:-12px;border:1px solid rgba(255,255,255,.65);background:#ef476f!important;font-size:9px!important;box-shadow:0 4px 10px #0002}.room.hybrid-live-room .rtop .viewers{height:34px;min-width:46px;padding:0 7px!important;display:flex;align-items:center;justify-content:center;background:rgba(236,254,255,.13)!important;border:1px solid rgba(207,250,254,.30);font-size:9px!important;backdrop-filter:blur(9px)}
.room.hybrid-live-room .rtop:has(#livePeoplePanel) .viewers{display:none!important}.room.hybrid-live-room .live-inbox-btn{width:36px;height:36px;background:rgba(236,254,255,.82)!important;border-color:#bae6fd!important;box-shadow:none!important}.room.hybrid-live-room .room-diamond-badge{height:34px;min-width:54px;padding:0 8px!important;border-radius:17px;background:rgba(59,130,246,.72)!important;border-color:rgba(219,234,254,.55);font-size:9px!important;box-shadow:none;backdrop-filter:blur(8px)}
.room.hybrid-live-room .live-people-panel{height:34px;min-width:58px;padding:3px 7px!important;border-radius:17px;background:rgba(14,116,144,.72)!important;border-color:rgba(207,250,254,.45);box-shadow:none!important;backdrop-filter:blur(8px)}.room.hybrid-live-room .live-people-panel>span{font-size:14px}.room.hybrid-live-room .live-people-panel b{font-size:10px}.room.hybrid-live-room .live-people-panel small{font-size:6px}
.room.hybrid-live-room .host-live-timer{height:auto!important;min-height:38px;max-width:112px!important;min-width:69px;padding:4px 6px!important;border-radius:17px;background:rgba(67,56,202,.70)!important;border-color:rgba(224,231,255,.48);box-shadow:none!important;backdrop-filter:blur(8px);overflow:hidden}.room.hybrid-live-room .host-live-timer b{font-size:7px}.room.hybrid-live-room .host-live-timer span{font-size:10px}.room.hybrid-live-room .host-live-timer b,.room.hybrid-live-room .host-live-timer span,.room.hybrid-live-room .host-live-timer small{white-space:normal!important;text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.room.hybrid-live-room .rtop>.x{position:absolute!important;right:7px!important;top:calc(8px + env(safe-area-inset-top))!important;margin:0!important;width:37px!important;height:37px!important;background:rgba(15,23,42,.72)!important;border:1px solid rgba(255,255,255,.30);z-index:45!important}.room.hybrid-live-room .room-follow{height:31px!important;padding:0 8px!important;font-size:8px!important;box-shadow:none!important}
.room.hybrid-live-room #seatStage.v9-hybrid-stage{position:absolute!important;left:0;right:0;top:var(--live-top)!important;bottom:158px!important;width:100%!important;max-width:680px;margin:auto;padding:5px 8px 14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none;background:transparent!important;z-index:5!important}.room.hybrid-live-room #seatStage::-webkit-scrollbar{display:none}
.room.hybrid-live-room .v9-host-wrap{width:min(100%,620px)!important;height:clamp(150px,min(46vw,25dvh),210px)!important;min-height:0!important;display:flex;align-items:center;justify-content:center;flex:none!important}.room.hybrid-live-room .v9-host-wrap>.v9-video-panel{width:clamp(138px,min(46vw,25dvh),205px)!important;max-width:205px!important;height:auto!important;aspect-ratio:1/1!important}
.room.hybrid-live-room .v9-video-panel,.room.hybrid-live-room .seat-host,.room.hybrid-live-room .big-guest{border:1.5px solid rgba(253,230,138,.92)!important;border-radius:13px!important;background:#071522!important;box-shadow:0 0 0 2px rgba(125,211,252,.24),0 8px 24px rgba(0,0,0,.30)!important;overflow:hidden!important}.room.hybrid-live-room .v9-video-panel::before,.room.hybrid-live-room .v9-video-panel::after,.room.hybrid-live-room .seat-host::before,.room.hybrid-live-room .seat-host::after,.room.hybrid-live-room .big-guest::before,.room.hybrid-live-room .big-guest::after{animation:none!important;background:none!important;filter:none!important;box-shadow:inset 0 0 8px rgba(125,211,252,.25)!important}
.room.hybrid-live-room .v9-side-stack{top:16px!important;gap:clamp(38px,7dvh,58px)!important}.room.hybrid-live-room .v9-side-stack.left{left:7px!important}.room.hybrid-live-room .v9-side-stack.right{right:7px!important}.room.hybrid-live-room .v9-side-stack .v9-small-voice{width:clamp(38px,10vw,48px)!important;height:clamp(38px,10vw,48px)!important}
.room.hybrid-live-room .v9-guest-row{width:min(100%,620px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 1px;flex:none!important}.room.hybrid-live-room .v9-guest-row .v9-video-panel{width:100%!important;max-width:none!important;aspect-ratio:1/1!important}
.room.hybrid-live-room .v9-lower-voices{width:min(100%,620px)!important;grid-template-columns:repeat(5,1fr)!important;gap:clamp(3px,2vw,12px)!important;padding:7px 3px 22px!important;flex:none!important}.room.hybrid-live-room .v9-lower-voices .v9-small-voice{width:clamp(39px,10.5vw,49px)!important;height:clamp(39px,10.5vw,49px)!important}
.room.hybrid-live-room .v9-small-voice{background:linear-gradient(145deg,rgba(236,254,255,.16),rgba(14,116,144,.28))!important;border:1.5px solid rgba(207,250,254,.68)!important;box-shadow:0 5px 15px rgba(0,0,0,.24),inset 0 0 8px rgba(125,211,252,.18)!important}.room.hybrid-live-room .v9-small-voice .vb-plus{font-size:19px!important}.room.hybrid-live-room .v9-small-voice .vb-mode{font-size:7px!important;color:#e0f2fe!important}.room.hybrid-live-room .v9-rank,.room.hybrid-live-room .task-card.v9-task{display:none!important}
.room.hybrid-live-room .rchat{position:absolute!important;left:12px!important;right:12px!important;bottom:76px!important;max-height:94px!important;width:auto!important;padding:0!important;display:flex!important;justify-content:flex-end!important;gap:5px!important;overflow-y:auto!important;z-index:18!important;-webkit-mask-image:none!important;pointer-events:none}.room.hybrid-live-room .rmsg{width:max-content;max-width:min(88%,480px)!important;padding:7px 10px!important;border-radius:12px!important;background:rgba(30,41,59,.72)!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:10px!important;line-height:1.3;box-shadow:0 5px 14px #0003}
.room.hybrid-live-room .rbottom{position:absolute!important;left:0;right:0;bottom:0;min-height:var(--live-bottom);padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;display:flex!important;align-items:center!important;gap:5px!important;background:linear-gradient(0deg,rgba(3,18,29,.94),rgba(6,39,52,.78))!important;border-top:1px solid rgba(207,250,254,.20);z-index:35!important;overflow:hidden}.room.hybrid-live-room .rbottom input{flex:1 1 74px!important;min-width:62px!important;height:39px!important;padding:8px 10px!important;border-radius:20px!important;background:rgba(236,254,255,.12)!important;border:1px solid rgba(207,250,254,.32)!important;font-size:11px!important}.room.hybrid-live-room .ricon{width:clamp(35px,9.5vw,42px)!important;height:clamp(35px,9.5vw,42px)!important;flex:0 0 clamp(35px,9.5vw,42px)!important;font-size:15px!important;border:1px solid rgba(207,250,254,.34)!important;background:rgba(236,254,255,.13)!important;box-shadow:none!important}.room.hybrid-live-room .ricon.gift{background:linear-gradient(145deg,#fbbf24,#f97316)!important}.room.hybrid-live-room .ricon.rsend{background:linear-gradient(145deg,#38bdf8,#6366f1)!important}
@media(max-width:370px){.room.hybrid-live-room{--live-top:64px;--live-bottom:64px}.room.hybrid-live-room .rtop{gap:3px!important;padding-left:5px!important;padding-right:42px!important}.room.hybrid-live-room .rtop .host{width:35px;padding:1px!important}.room.hybrid-live-room .rtop .host>div{display:none}.room.hybrid-live-room .rtop .liveb{margin-left:-8px;padding:0 6px!important}.room.hybrid-live-room .live-inbox-btn{width:32px;height:32px}.room.hybrid-live-room .room-diamond-badge{min-width:47px;padding:0 5px!important}.room.hybrid-live-room .live-people-panel{min-width:50px;padding:2px 5px!important}.room.hybrid-live-room .host-live-timer{min-width:61px;max-width:94px!important;padding:2px 5px!important}.room.hybrid-live-room #seatStage.v9-hybrid-stage{bottom:142px!important;padding-left:5px!important;padding-right:5px!important}.room.hybrid-live-room .ricon{width:33px!important;height:33px!important;flex-basis:33px!important;font-size:13px!important}.room.hybrid-live-room .rbottom{gap:3px!important;padding-left:5px!important;padding-right:5px!important}.room.hybrid-live-room .rbottom input{min-width:55px!important;padding-left:8px!important;padding-right:6px!important}.room.hybrid-live-room .rchat{bottom:68px!important}}
@media(max-height:700px){.room.hybrid-live-room{--live-top:62px;--live-bottom:62px}.room.hybrid-live-room #seatStage.v9-hybrid-stage{bottom:132px!important;gap:4px!important}.room.hybrid-live-room .v9-host-wrap{height:clamp(128px,min(40vw,22dvh),155px)!important}.room.hybrid-live-room .v9-host-wrap>.v9-video-panel{width:clamp(125px,min(40vw,22dvh),155px)!important}.room.hybrid-live-room .v9-side-stack{top:7px!important;gap:28px!important}.room.hybrid-live-room .v9-side-stack .v9-small-voice{width:35px!important;height:35px!important}.room.hybrid-live-room .v9-guest-row{max-width:430px!important;gap:5px!important}.room.hybrid-live-room .v9-lower-voices{padding-top:3px!important;padding-bottom:15px!important}.room.hybrid-live-room .v9-lower-voices .v9-small-voice{width:35px!important;height:35px!important}.room.hybrid-live-room .rchat{bottom:66px!important;max-height:66px!important}.room.hybrid-live-room .rbottom{padding-top:5px!important;padding-bottom:calc(5px + env(safe-area-inset-bottom))!important}}
@media(min-width:650px){.room.hybrid-live-room .rtop{justify-content:center!important;padding-left:20px!important;padding-right:58px!important}.room.hybrid-live-room .rtop>.x{right:14px!important}.room.hybrid-live-room #seatStage.v9-hybrid-stage{max-width:700px}.room.hybrid-live-room .v9-guest-row{max-width:620px}.room.hybrid-live-room .rbottom{justify-content:center!important}.room.hybrid-live-room .rbottom input{max-width:250px!important}}

/* ===== extracted style block 15 ===== */
/* KONECTIFY_SKYBLUE_LIVE_V60C */
.room.hybrid-live-room{background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.76),transparent 24%),radial-gradient(circle at 84% 30%,rgba(224,247,255,.72),transparent 27%),radial-gradient(circle at 35% 78%,rgba(255,255,255,.38),transparent 29%),linear-gradient(180deg,#eefaff 0%,#d6f3ff 30%,#afe5fb 64%,#78c9f2 100%)!important}
.room.hybrid-live-room::before{background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.72) 0 3px,transparent 4px),radial-gradient(circle at 74% 20%,rgba(255,255,255,.52) 0 5px,transparent 6px),radial-gradient(circle at 87% 67%,rgba(37,99,235,.10) 0 7px,transparent 8px),radial-gradient(circle at 18% 72%,rgba(255,255,255,.38) 0 8px,transparent 9px)!important;opacity:.85}
.room.hybrid-live-room .rtop{background:linear-gradient(180deg,rgba(31,120,171,.76),rgba(80,170,211,.34),transparent)!important}.room.hybrid-live-room .v9-small-voice .vb-mode,.room.hybrid-live-room .v9-small-voice .seat-name{color:#fff!important;text-shadow:0 1px 4px #0c4a6e!important}.room.hybrid-live-room .v9-small-voice{background:linear-gradient(145deg,rgba(37,99,235,.66),rgba(109,40,217,.70))!important;border-color:rgba(255,255,255,.82)!important}.room.hybrid-live-room .rchat .rmsg{background:linear-gradient(135deg,rgba(49,46,129,.80),rgba(109,40,217,.78))!important}.room.hybrid-live-room .rbottom{background:linear-gradient(0deg,rgba(17,50,85,.96),rgba(24,91,129,.82))!important}

/* ===== extracted style block 16 ===== */
/* KONECTIFY_MINIMIZE_LIVE_V61 */
.room.show .rtop{padding-right:89px!important}.live-minimize-btn{position:absolute!important;right:48px!important;top:calc(8px + env(safe-area-inset-top))!important;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(15,23,42,.64);border:1px solid rgba(255,255,255,.36);color:#fff;font-size:22px;line-height:1;z-index:46;backdrop-filter:blur(8px);box-shadow:0 5px 13px #0003}.live-minimize-btn:active{transform:scale(.94)}
.live-mini-chrome{display:none;position:absolute;left:5px;right:5px;top:5px;z-index:120;align-items:center;justify-content:space-between;pointer-events:none}.live-mini-chrome.show{display:flex}.live-mini-chrome span{display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:12px;background:rgba(2,6,23,.72);color:#fff;font-size:8px;font-weight:900;letter-spacing:.4px;backdrop-filter:blur(6px)}.live-mini-chrome span i{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:miniLivePulse 1.1s infinite}.live-mini-chrome button{pointer-events:auto;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#1e3a8a;font-size:17px;font-weight:900;box-shadow:0 3px 9px #0004}
.room.show.room-minimized{position:fixed!important;inset:auto 10px calc(72px + env(safe-area-inset-bottom)) auto!important;width:154px!important;height:205px!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;display:block!important;border-radius:17px!important;overflow:hidden!important;z-index:92!important;background:linear-gradient(145deg,#0c4a6e,#082f49)!important;border:2px solid rgba(253,230,138,.95)!important;box-shadow:0 16px 40px rgba(2,6,23,.62),0 0 0 3px rgba(125,211,252,.28)!important;animation:miniRoomIn .22s ease-out!important;cursor:pointer;touch-action:manipulation}
.room-minimized .rtop,.room-minimized .rbody,.room-minimized .rchat,.room-minimized .rbottom,.room-minimized #gameWidget,.room-minimized #lbWidget,.room-minimized .task-card,.room-minimized .v9-side-stack,.room-minimized .v9-guest-row,.room-minimized .v9-lower-voices,.room-minimized .v8-voice-grid,.room-minimized .v9-rank,.room-minimized #tapHear{display:none!important}
.room-minimized #seatStage{position:absolute!important;inset:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none!important;padding:0!important;margin:0!important;display:block!important;overflow:hidden!important;background:transparent!important;z-index:2!important}
.room-minimized .v9-host-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;display:block!important;margin:0!important;padding:0!important}.room-minimized #seatHost.v9-video-panel,.room-minimized #seatHost.seat-host{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-radius:14px!important;box-shadow:none!important;margin:0!important}.room-minimized #seatHost::before,.room-minimized #seatHost::after{display:none!important}.room-minimized #seatHost .vplayer,.room-minimized #seatHost .vplayer video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 42%!important;border-radius:14px!important}.room-minimized #seatHost .seat-name{bottom:7px!important;font-size:9px!important;max-width:90%!important;padding:3px 8px!important}.room-minimized #seatHost .host-tag{display:none!important}
.room-minimized #seatStage.v8-voice-stage{display:flex!important;align-items:center!important;justify-content:center!important}.room-minimized .v8-host-seat{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:14px!important;margin:0!important;border:0!important;box-shadow:none!important;background:linear-gradient(145deg,#164e63,#312e81)!important}.room-minimized .v8-host-seat .s-av{border-radius:14px!important;object-fit:cover!important}.room-minimized .v8-host-seat .v8-crown{top:auto!important;bottom:7px!important}.room-minimized .v8-host-seat .seat-name{bottom:28px!important}
body:has(.room-minimized) #main{pointer-events:auto!important}
@media(max-width:360px){.room.show .rtop{padding-right:84px!important}.room.show .live-minimize-btn{right:45px!important;width:34px;height:34px}.room.show .rtop>.x{width:34px!important;height:34px!important}.room.show .rtop #roomDiamondBadge{display:none!important}.room.show.room-minimized{width:134px!important;height:178px!important;right:8px!important;bottom:calc(66px + env(safe-area-inset-bottom))!important}}
@media(orientation:landscape) and (max-height:520px){.room.show.room-minimized{width:184px!important;height:124px!important;bottom:12px!important}}
@keyframes miniRoomIn{from{opacity:0;transform:translate(20px,30px) scale(.72)}to{opacity:1;transform:none}}@keyframes miniLivePulse{0%,100%{opacity:.45}50%{opacity:1;box-shadow:0 0 8px #ef4444}}

/* ===== extracted style block 17 ===== */
/* KONECTIFY_MEDIA_UI_V61B */
.room.hybrid-live-room{background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.42),transparent 24%),radial-gradient(circle at 84% 30%,rgba(210,241,255,.40),transparent 27%),radial-gradient(circle at 35% 78%,rgba(255,255,255,.22),transparent 29%),linear-gradient(180deg,#cceeff 0%,#a9dcf5 32%,#77c1e8 66%,#4ca3d7 100%)!important}
.room.hybrid-live-room::before{opacity:.62!important}.room.hybrid-live-room .v9-small-voice .seat-name,.room.hybrid-live-room .v9-small-voice .vb-mode,.room.hybrid-live-room .seat-name{text-shadow:0 2px 5px #082f49,0 0 2px #000!important}
.room.hybrid-live-room .v9-video-panel,.room.hybrid-live-room .seat-host,.room.hybrid-live-room .big-guest{border:1.5px solid rgba(253,230,138,.96)!important;box-shadow:0 0 0 2px rgba(59,130,246,.28),0 0 14px rgba(37,99,235,.48),0 8px 24px rgba(0,0,0,.28)!important}
.room.hybrid-live-room .v9-video-panel::before,.room.hybrid-live-room .seat-host::before,.room.hybrid-live-room .big-guest::before{display:block!important;content:''!important;position:absolute!important;inset:0!important;z-index:12!important;pointer-events:none!important;border-radius:inherit!important;padding:2px!important;background:conic-gradient(from var(--lightning-angle),transparent 0 8%,#38bdf8 10%,#fff 11%,#2563eb 13%,transparent 16% 35%,#fbbf24 38%,#fff7b0 39%,transparent 42% 60%,#60a5fa 63%,#7c3aed 66%,transparent 69% 86%,#facc15 89%,transparent 93%)!important;animation:kLightningAngle 3.2s linear infinite!important;filter:drop-shadow(0 0 4px #3b82f6) drop-shadow(0 0 3px #fbbf24)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;box-shadow:none!important}
.room.hybrid-live-room .v9-video-panel::after,.room.hybrid-live-room .seat-host::after,.room.hybrid-live-room .big-guest::after{display:block!important;content:''!important;position:absolute!important;inset:0!important;z-index:11!important;pointer-events:none!important;border-radius:inherit!important;background:none!important;box-shadow:inset 0 0 8px rgba(96,165,250,.55)!important;animation:kLightningPulse 1.8s ease-in-out infinite!important}
.room.hybrid-live-room .v9-video-panel .vplayer video,.room.hybrid-live-room .seat-host .vplayer video,.room.hybrid-live-room .big-guest .vplayer video{filter:brightness(1.10) contrast(.98) saturate(1.06);}
.room.hybrid-live-room .v9-guest-row .v9-video-panel{overflow:visible!important}.room.hybrid-live-room .v9-guest-row .vplayer{position:absolute!important;inset:0!important;border-radius:12px!important;overflow:hidden!important;background:#071522!important}.room.hybrid-live-room .v9-guest-row .vplayer video{border-radius:12px!important}.room.hybrid-live-room .v9-guest-row .seat-audio-btn,.room.hybrid-live-room .v9-guest-row .seat-remove-btn{top:-11px!important;width:28px!important;height:28px!important;z-index:55!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 5px 13px #082f4966!important}.room.hybrid-live-room .v9-guest-row .seat-audio-btn{left:-8px!important}.room.hybrid-live-room .v9-guest-row .seat-remove-btn{right:-8px!important}.room.hybrid-live-room .v9-guest-row .seat-follow{z-index:45!important;bottom:5px!important}
.room-minimized #seatHost::before,.room-minimized #seatHost::after{display:none!important}.room-minimized #seatHost .vplayer video{filter:brightness(1.08) contrast(.99) saturate(1.04)}
@media(prefers-reduced-motion:reduce){.room.hybrid-live-room .v9-video-panel::before,.room.hybrid-live-room .seat-host::before,.room.hybrid-live-room .big-guest::before,.room.hybrid-live-room .v9-video-panel::after,.room.hybrid-live-room .seat-host::after,.room.hybrid-live-room .big-guest::after{animation:none!important}}

/* ===== extracted style block 18 ===== */
/* KONECTIFY_REFERRALS_V62 */
.referral-reward-label{color:#0ea5e9!important;font-weight:900!important}.referral-sheet{padding:15px;max-height:76vh;overflow-y:auto;background:linear-gradient(180deg,#effaff,#f8fcff)}.referral-hero{text-align:center;padding:17px;border-radius:17px;background:linear-gradient(145deg,#dff6ff,#e9e7ff);border:1px solid #bae6fd;color:#1e3a8a}.referral-hero>span{font-size:43px}.referral-hero b,.referral-hero p{display:block}.referral-hero b{font-size:17px}.referral-hero p{font-size:10px;color:#64748b;margin:5px 0 0}.referral-sheet>label{display:block;font-size:10px;font-weight:850;color:#64748b;margin:14px 0 5px}.referral-link{display:flex;gap:5px}.referral-link input{flex:1;min-width:0;border:1px solid #93c5fd;border-radius:12px;padding:11px;background:#fff;color:#1e3a8a;font-size:10px}.referral-link button,.referral-actions button{padding:9px 11px;border-radius:11px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;font-weight:850;font-size:10px}.referral-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.referral-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0}.referral-stats div{text-align:center;padding:9px 3px;border-radius:12px;background:#fff;border:1px solid #dbeafe}.referral-stats b,.referral-stats span{display:block}.referral-stats b{font-size:14px;color:#2563eb}.referral-stats span{font-size:7px;color:#64748b}.referral-rule{padding:9px;border-radius:10px;background:#fef3c7;color:#92400e;font-size:9px;line-height:1.4}.referral-sheet h3{font-size:12px;color:#64748b;margin:14px 0 7px}.referral-person{display:flex;align-items:center;gap:8px;padding:9px;border-radius:12px;background:#fff;border:1px solid #dbeafe;margin-bottom:6px}.referral-person img{width:40px;height:40px;border-radius:50%;object-fit:cover}.referral-person>div{flex:1;min-width:0}.referral-person b,.referral-person span{display:block}.referral-person b{font-size:11px}.referral-person span{font-size:8px;color:#64748b}.referral-person strong{font-size:8px;padding:4px 6px;border-radius:8px;background:#e0f2fe;color:#0369a1}.referral-person strong.rewarded{background:#dcfce7;color:#166534}.referral-person strong.flagged{background:#fee2e2;color:#991b1b}@media(max-width:360px){.referral-stats{grid-template-columns:1fr 1fr}}

/* ===== extracted style block 19 ===== */
/* KONECTIFY_EDIT_PROFILE_V63 */
.edit-profile-sheet{padding:15px;max-height:76vh;overflow-y:auto;background:linear-gradient(180deg,#effaff,#f9fcff)}.edit-photo-wrap{text-align:center;margin-bottom:14px}.edit-photo-wrap .avatar-frame{display:block;width:104px;height:104px;margin:0 auto 9px}.edit-photo-wrap img{width:104px;height:104px;border-radius:50%;object-fit:cover;background:#e0f2fe}.edit-photo-wrap label{display:inline-block;padding:8px 12px;border-radius:18px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;font-size:10px;font-weight:850;cursor:pointer}.edit-profile-sheet .field label{font-size:10px;color:#64748b;font-weight:800}.edit-profile-sheet textarea{resize:vertical;min-height:88px;line-height:1.45}.edit-protected{padding:10px;border-radius:11px;background:#e0f2fe;color:#075985;margin:10px 0 13px}.edit-protected b,.edit-protected span{display:block}.edit-protected b{font-size:10px}.edit-protected span{font-size:8px;margin-top:3px;line-height:1.4}

/* ===== extracted style block 20 ===== */
/* KONECTIFY_ALL_GENDER_CREATORS_V64 */
#roleCreator.creator-option{position:relative;border-color:#93c5fd}.optional-badge{position:absolute;right:7px;top:6px;padding:3px 6px;border-radius:8px;background:#e0f2fe;color:#0369a1;font-size:7px;font-weight:950;letter-spacing:.4px}#roleCreator.sel .optional-badge{background:#fff;color:#7c3aed}.creator-note{line-height:1.45}

/* ===== extracted style block 21 ===== */
/* KONECTIFY_ONLINE_FACE_WATCH_V65 */
#onlineFaceWatchVideo{visibility:visible!important}

/* ===== extracted style block 22 ===== */
/* KONECTIFY_FINANCE_REFERRAL_V66 */
.referral-person strong.expired{background:#e2e8f0;color:#475569}.finance-rate-v66{font-weight:900;color:#2563eb}

/* ===== extracted style block 23 ===== */
/* KONECTIFY_BUYER_GAMES_V67 */
.room .buyer-game-btn{background:linear-gradient(145deg,#38bdf8,#7c3aed)!important;border-color:#c4b5fd!important}.room .buyer-game-btn:active{filter:brightness(1.25)}

/* ===== extracted style block 24 ===== */
/* KONECTIFY_LIVE_FIXES_V68 */
.game-balance-warning{margin:10px 14px 0;padding:10px;border-radius:12px;background:#fef3c7;color:#92400e;font-size:10px;font-weight:750}.game-balance-warning button{float:right;padding:4px 8px;border-radius:8px;background:#f59e0b;color:#fff;font-size:9px;font-weight:850}

/* ===== extracted style block 25 ===== */
/* KONECTIFY_PROFILE_LIMIT_V70 */
.profile-edit-limit{padding:10px 11px;border-radius:12px;background:#dcfce7;color:#166534;margin-bottom:13px;border:1px solid #86efac}.profile-edit-limit b,.profile-edit-limit span{display:block}.profile-edit-limit b{font-size:11px}.profile-edit-limit span{font-size:8px;margin-top:3px;line-height:1.4}.profile-edit-limit.locked{background:#fee2e2;color:#991b1b;border-color:#fecaca}.edit-profile-sheet select.field-mini{height:39px}.edit-profile-sheet input:disabled,.edit-profile-sheet textarea:disabled,.edit-profile-sheet select:disabled{opacity:.65;background:#e2e8f0}.edit-profile-sheet .btn:disabled{opacity:.55;background:#94a3b8}

/* ===== extracted style block 26 ===== */
/* KONECTIFY_FINANCE_PROGRESS_V71 */
.referral-progress-card{padding:10px;border-radius:14px;background:#fff;border:1px solid #bae6fd;margin-bottom:9px}.rpc-head{display:flex;align-items:center;gap:8px}.rpc-head img{width:40px;height:40px;border-radius:50%;object-fit:cover}.rpc-head>div{flex:1}.rpc-head b,.rpc-head span{display:block}.rpc-head b{font-size:11px}.rpc-head span{font-size:8px;color:#64748b}.rpc-head strong{font-size:8px;padding:4px 6px;border-radius:8px;background:#e0f2fe;color:#0369a1}.rpc-head strong.rewarded{background:#dcfce7;color:#166534}.rpc-head strong.expired,.rpc-head strong.flagged{background:#fee2e2;color:#991b1b}.rpc-person{position:relative;margin-top:9px;padding:8px;border-radius:10px;background:#f0f9ff}.rpc-person b{display:block;font-size:10px;color:#1e3a8a}.rpc-person small{display:block;font-size:8px;color:#64748b;margin:4px 0}.rpc-person .today{position:absolute;right:7px;top:7px;padding:3px 6px;border-radius:8px;background:#fef3c7;color:#92400e;font-size:7px;font-weight:900}.rpc-person .today.done{background:#dcfce7;color:#166534}.rpc-bar{height:6px;border-radius:7px;background:#dbeafe;overflow:hidden}.rpc-bar i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:7px}.rpc-bar.minutes i{background:linear-gradient(90deg,#a78bfa,#ec4899)}.rpc-bar.invited i{background:linear-gradient(90deg,#22c55e,#06b6d4)}.referral-rules{padding:9px;border-radius:11px;background:#fef3c7;color:#92400e;font-size:9px}.referral-rules summary{font-weight:900;cursor:pointer}.referral-rules p{line-height:1.45;margin:6px 0 0}

/* ===== extracted style block 27 ===== */
/* KONECTIFY_SOCIAL_PHOTOS_V72 */
.pheader .stats .profile-stat-btn{background:transparent;border:0;color:inherit;padding:7px 5px;min-width:0;cursor:pointer}.pheader .stats .profile-stat-btn:active{background:rgba(255,255,255,.14);border-radius:12px}.pheader .stats .profile-stat-btn b,.pheader .stats .profile-stat-btn span{display:block}.social-list-body{padding:10px;max-height:72vh;overflow-y:auto;background:linear-gradient(180deg,#effaff,#f9fcff)}.social-person{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#fff;border:1px solid #dbeafe;margin-bottom:7px;text-align:left;color:#17324d}.social-person img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #7dd3fc;background:#e0f2fe}.social-person>div{flex:1;min-width:0}.social-person b,.social-person span,.social-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-person b{font-size:12px}.social-person span{font-size:8px;color:#64748b;margin-top:2px}.social-person small{font-size:8px;color:#0ea5e9;margin-top:2px}.social-person>i{font-style:normal;font-size:20px;color:#94a3b8}

/* ===== extracted style block 28 ===== */
/* KONECTIFY_VOICE_STABILITY_V73 */
.room.voice-party-room{--voice-top:70px;--voice-bottom:72px;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.35),transparent 25%),radial-gradient(circle at 82% 44%,rgba(125,211,252,.30),transparent 30%),linear-gradient(180deg,#bce8fb 0%,#78c5ea 50%,#3d96cf 100%)!important;overflow:hidden}.room.voice-party-room::before{background:linear-gradient(180deg,rgba(30,105,150,.28),rgba(9,55,100,.55))!important}.room.voice-party-room .rtop{position:absolute!important;left:0;right:0;top:0;min-height:var(--voice-top);padding:calc(8px + env(safe-area-inset-top)) 89px 7px 7px!important;display:flex!important;align-items:center!important;gap:5px!important;background:linear-gradient(180deg,rgba(22,78,120,.75),transparent)!important;z-index:40!important}.room.voice-party-room .rtop .host{height:39px;max-width:90px;padding:3px 7px 3px 3px!important;overflow:hidden}.room.voice-party-room .rtop .host img{width:32px!important;height:32px!important}.room.voice-party-room .rtop .host .hn{font-size:9px!important;max-width:43px;overflow:hidden;text-overflow:ellipsis}.room.voice-party-room .rtop .host .hf{display:none}.room.voice-party-room .rtop .liveb{height:31px;padding:0 7px!important;margin-left:-10px;font-size:8px!important}.room.voice-party-room .rtop>.x{position:absolute!important;right:7px!important;top:calc(8px + env(safe-area-inset-top))!important;width:37px!important;height:37px!important;margin:0!important}.room.voice-party-room .live-minimize-btn{right:48px!important}.room.voice-party-room .viewers{font-size:9px!important;padding:4px 7px!important}.room.voice-party-room #seatStage.v8-voice-stage{position:absolute!important;left:0;right:0;top:var(--voice-top)!important;bottom:145px!important;padding:7px 8px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;overflow-y:auto!important;scrollbar-width:none;background:transparent!important;z-index:5!important}.room.voice-party-room #seatStage::-webkit-scrollbar{display:none}.room.voice-party-room .v8-rank{display:none!important}.room.voice-party-room .v8-host-seat{width:94px!important;height:94px!important;min-height:94px!important;margin-top:4px!important;border:2px solid #fde68a!important;box-shadow:0 0 0 3px rgba(59,130,246,.25),0 8px 20px #082f4966!important}.room.voice-party-room .v8-voice-grid{width:min(100%,520px)!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:25px 12px!important;padding:14px 4px 28px!important;justify-items:center!important}.room.voice-party-room .v8-voice-seat{width:58px!important;height:58px!important;background:linear-gradient(145deg,rgba(37,99,235,.70),rgba(109,40,217,.75))!important;border:1.5px solid rgba(255,255,255,.86)!important;box-shadow:0 6px 15px #0c4a6e55!important;overflow:visible!important}.room.voice-party-room .v8-voice-seat .seat-audio-btn,.room.voice-party-room .v8-voice-seat .seat-remove-btn{top:-8px!important;width:24px!important;height:24px!important;z-index:55!important;border:2px solid #fff!important}.room.voice-party-room .v8-voice-seat .seat-audio-btn{left:-7px!important}.room.voice-party-room .v8-voice-seat .seat-remove-btn{right:-7px!important}.room.voice-party-room .v8-voice-seat .seat-name{bottom:-27px!important;color:#fff!important;text-shadow:0 2px 5px #082f49!important}.room.voice-party-room .rchat{position:absolute!important;left:12px!important;right:12px!important;bottom:75px!important;max-height:80px!important;padding:0!important;-webkit-mask-image:none!important;z-index:18!important}.room.voice-party-room .rmsg{padding:7px 10px!important;border-radius:12px!important;background:rgba(49,46,129,.78)!important;border:1px solid rgba(255,255,255,.25);font-size:10px!important}.room.voice-party-room .rbottom{position:absolute!important;left:0;right:0;bottom:0;min-height:var(--voice-bottom);padding:8px 7px calc(8px + env(safe-area-inset-bottom))!important;display:flex!important;align-items:center!important;gap:4px!important;background:linear-gradient(0deg,rgba(11,45,85,.96),rgba(25,94,132,.82))!important;z-index:35!important}.room.voice-party-room .rbottom input{flex:1!important;min-width:58px!important;height:39px!important}.room.voice-party-room .ricon{width:clamp(34px,9vw,40px)!important;height:clamp(34px,9vw,40px)!important;flex:0 0 clamp(34px,9vw,40px)!important}.room.voice-party-room #tapHear{top:72px!important;white-space:nowrap!important;font-size:10px!important;padding:9px 13px!important}
@media(max-width:350px){.room.voice-party-room{--voice-top:64px;--voice-bottom:64px}.room.voice-party-room .rtop{padding-right:83px!important;gap:3px!important}.room.voice-party-room .room-diamond-badge{display:none!important}.room.voice-party-room #seatStage.v8-voice-stage{bottom:132px!important}.room.voice-party-room .v8-host-seat{width:76px!important;height:76px!important;min-height:76px!important}.room.voice-party-room .v8-voice-grid{grid-template-columns:repeat(3,1fr)!important;gap:22px 7px!important;padding-top:8px!important}.room.voice-party-room .v8-voice-seat{width:48px!important;height:48px!important}.room.voice-party-room .rchat{bottom:67px!important;max-height:58px!important}.room.voice-party-room .rbottom{gap:3px!important;padding-left:4px!important;padding-right:4px!important}.room.voice-party-room .ricon{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:13px!important}}
@media(max-height:650px){.room.voice-party-room #seatStage.v8-voice-stage{bottom:125px!important;gap:6px!important}.room.voice-party-room .v8-host-seat{width:70px!important;height:70px!important;min-height:70px!important}.room.voice-party-room .v8-voice-grid{gap:18px 8px!important;padding-top:5px!important}.room.voice-party-room .v8-voice-seat{width:44px!important;height:44px!important}.room.voice-party-room .rchat{max-height:50px!important}}

/* ===== extracted style block 29 ===== */
/* =========================================================
   KONECTIFY MOBILE CLEAN V74
   Final responsive overrides: keeps the existing features,
   but makes the app cleaner and safer on real phone screens.
   ========================================================= */
@supports (height:100dvh){
  html,body,#app,#auth,#main{height:100dvh;}
}
html,body{max-width:100%;overflow:hidden;}
body{overscroll-behavior:none;}
img,video,canvas,svg{max-width:100%;}
.content,.sheet,.drow,.me-row,.agent-person,.settings-row,.sh-top{min-width:0;}
.content *,.sheet *{box-sizing:border-box;}

@media(max-width:640px){
  :root{--r:14px;}
  #app{max-width:480px;background:var(--bg);overflow:hidden;}

  /* Auth/signup screen */
  #auth{padding:12px;align-items:flex-start;}
  #auth .auth-card{margin:0 auto 18px;}
  .auth-card{padding:18px 14px 20px;border-radius:22px;box-shadow:0 8px 24px rgba(33,80,160,.12);}
  .brand{gap:9px;margin-bottom:4px;}
  .brand .logo{width:40px;height:40px;border-radius:13px;font-size:21px;}
  .brand h1{font-size:24px;}
  .tag{font-size:12.5px;margin:2px 0 14px;}
  .seg{margin-bottom:14px;border-radius:13px;}
  .seg button{padding:9px 6px;font-size:13px;}
  .roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;}
  .role{min-width:0;padding:10px 7px;border-radius:14px;min-height:112px;}
  .role .ri{font-size:22px;}
  .role .rt{font-size:12.5px;line-height:1.2;margin-top:3px;}
  .role .rd{font-size:9.7px;line-height:1.35;margin-top:4px;}
  .optional-badge{right:5px;top:5px;font-size:6.5px;padding:2px 5px;}
  .creator-note{font-size:11px;padding:9px 10px;margin-bottom:11px;}
  .photo-up{padding:10px;gap:10px;border-radius:13px;}
  .photo-up img{width:54px;height:54px;}
  .photo-up .pu-t b{font-size:12.5px;}
  .photo-up .pu-t p{font-size:10.5px;}
  .field{margin-bottom:10px;}
  .field label{font-size:11.5px;margin-bottom:5px;}
  .field input,.field select,.field textarea,.field-mini{font-size:16px!important;padding:11px 12px!important;border-radius:12px!important;}
  .row2{gap:8px;}
  .btn{padding:13px;border-radius:13px;font-size:14px;}
  .avatar-pick .av{width:40px;height:40px;}

  /* Main topbar */
  .topbar{position:sticky;top:0;z-index:50;gap:6px;padding:calc(6px + env(safe-area-inset-top)) 8px 7px;min-height:54px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(20,40,80,.08);}
  .topbar .logo{width:30px;height:30px;border-radius:10px;font-size:16px;flex:0 0 30px;}
  .topbar h1{font-size:16px;max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .coins,.diamonds.top-diamonds{font-size:11px!important;padding:5px 7px!important;gap:3px!important;border-radius:18px!important;min-width:auto;max-width:82px;overflow:hidden;white-space:nowrap;box-shadow:none!important;}
  .topbar .me{margin-left:0;padding:2px;border:0;background:transparent;gap:0;}
  .topbar .me img{width:32px;height:32px;display:block;}
  .topbar .me span{display:none;}

  /* Content spacing */
  .content{padding:10px 10px calc(76px + env(safe-area-inset-bottom));scroll-padding-bottom:90px;}
  .vh{margin:0 0 10px;align-items:flex-start;gap:8px;}
  .vh h2{font-size:20px;line-height:1.15;}
  .vh p{font-size:12px;line-height:1.35;}
  .disc-tabs{gap:12px;padding:2px 2px 10px;margin-bottom:10px;}
  .disc-tabs button{font-size:14px;}
  .filters{gap:6px;margin-bottom:7px;padding-bottom:7px;}
  .chip{font-size:12px;padding:7px 11px;}
  .home-search{margin:0 0 10px!important;}
  .home-search input{font-size:16px!important;}
  .wof-banner{border-radius:15px!important;margin-bottom:10px!important;}

  /* Discover people list */
  .dlist{gap:0;}
  .drow{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin:0 0 10px;box-shadow:0 5px 15px rgba(33,80,160,.06);}
  .drow-top{gap:9px;align-items:center;}
  .drow-av,.drow-av img{width:48px;height:48px;}
  .drow-av .drow-livetag{font-size:7px;bottom:-6px;padding:2px 6px;}
  .drow-info{min-width:0;}
  .drow-nm{font-size:14px;line-height:1.25;gap:4px;flex-wrap:wrap;}
  .drow-age{font-size:10px;padding:2px 6px;}
  .drow-sub,.drow-id{font-size:11px;}
  .drow-bio{font-size:12px;line-height:1.35;margin-top:4px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .drow-btn{padding:8px 10px;min-width:56px;font-size:12px;box-shadow:none;}
  .drow-thumbs{padding-left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;}
  .drow-th{width:100%;height:auto;aspect-ratio:1;border-radius:10px;}

  /* Live page cards */
  .lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .lcard{border-radius:16px;min-height:190px;box-shadow:0 8px 20px rgba(33,80,160,.10);}
  .lcard .info{padding:9px;}
  .lcard .info b{font-size:13px;}
  .lcard .info span{font-size:10.5px;}
  .golive{padding:12px;border-radius:16px;margin-bottom:10px;}

  /* Profile / Me */
  .pheader{padding:14px 8px 10px;}
  .pheader .big{width:84px;height:84px;margin-bottom:9px;}
  .pheader h2{font-size:20px;line-height:1.2;flex-wrap:wrap;}
  .pheader .sub{font-size:12px;}
  .stats{gap:0;justify-content:space-around;margin:13px 0;}
  .pheader .stats .profile-stat-btn{padding:6px 4px;}
  .pheader .stats .profile-stat-btn b{font-size:16px;}
  .pheader .stats .profile-stat-btn span{font-size:10px;}
  .section{padding:12px;border-radius:15px;margin-bottom:10px;}
  .section h3{font-size:12px;margin-bottom:8px;}
  .me-row{padding:11px 8px;border-radius:13px;gap:9px;}
  .me-row .mr-i{width:34px!important;height:34px!important;border-radius:12px!important;font-size:17px!important;}
  .me-row .mr-t{font-size:13.5px;}
  .me-row .mr-v{font-size:12px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .gallery{gap:6px;}

  /* Bottom navigation */
  .nav{max-width:480px;height:calc(62px + env(safe-area-inset-bottom));padding:6px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid rgba(20,40,80,.10);box-shadow:0 -8px 24px rgba(33,80,160,.10);}
  .nav button{font-size:10px;padding:3px 0 0;}
  .nav button .ni{font-size:20px;}
  .nav button.active::after{top:-6px;width:22px;}

  /* Sheets become proper mobile bottom sheets */
  .overlay{align-items:flex-end;justify-content:center;padding:0;background:rgba(5,14,26,.58);}
  .sheet{width:100%;max-width:480px;max-height:92dvh;border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0;overflow:hidden;box-shadow:0 -16px 40px rgba(2,12,28,.28);}
  .sheet .sh-top{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--card2),var(--card));padding:12px 14px;gap:9px;}
  .sheet .sh-top .nm{font-size:14px;line-height:1.2;}
  .sheet .sh-top .st{font-size:11px;line-height:1.25;}
  .sheet .sh-top .x{width:34px;height:34px;flex:0 0 34px;background:rgba(20,40,80,.06);}
  .sheet [style*="max-height:76vh"],.sheet [style*="max-height:74vh"],.sheet [style*="max-height:72vh"],.sheet [style*="max-height:78vh"]{max-height:calc(92dvh - 62px)!important;}

  /* Agent hub / tables / wide content */
  .agent-person{gap:9px;padding:9px;align-items:flex-start;flex-wrap:wrap;}
  .agent-person img{width:44px!important;height:44px!important;flex:0 0 44px;}
  .agent-person>div{min-width:0;}
  .agent-person button,.agent-person select{min-height:34px;border-radius:10px;font-size:12px;}
  .referral-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .referral-stats div{padding:9px 6px!important;}
  .referral-stats b{font-size:14px!important;white-space:normal!important;}
  .referral-stats span{font-size:9px!important;}
  table{min-width:520px;}
  .rpc-head{gap:8px;}
  .rpc-head img{width:36px!important;height:36px!important;}

  /* Gifts, wallet and game menus */
  .giftgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;max-height:60dvh;}
  .giftitem{min-width:0;border-radius:14px!important;padding:10px 6px!important;}
  .giftitem .gn{font-size:11px!important;}
  .giftitem .gc{font-size:10px!important;}
  .gift-balance,.gift-to{padding:10px 12px;gap:8px;}
  .gift-recipient-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;}
  .gamemenu{grid-template-columns:1fr!important;gap:9px!important;padding:12px!important;}

  /* Chat threads / composer */
  .chat-head{padding:10px!important;}
  #thread{padding:10px!important;}
  .composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;gap:7px;}
  .composer textarea,.composer input{font-size:16px!important;}

  /* Lightbox */
  #lightbox{padding:10px;}
  #lightbox .lbx{top:calc(10px + env(safe-area-inset-top));right:10px;width:40px;height:40px;}

  /* Live room safety */
  .room{height:100dvh;max-height:100dvh;overflow:hidden;}
  .room .rtop{padding-left:7px!important;padding-right:44px!important;}
  .room .rtop .host .hn{max-width:72px;}
  .room .rchat{left:10px!important;right:10px!important;}
  .room .rbottom input{font-size:16px!important;}
}

@media(max-width:370px){
  .topbar h1{display:none;}
  .coins,.diamonds.top-diamonds{max-width:72px;font-size:10px!important;padding:5px 6px!important;}
  .roles{grid-template-columns:1fr;}
  .role{min-height:auto;}
  .row2{flex-direction:column;gap:0;}
  .lgrid{grid-template-columns:1fr;}
  .drow-btn{padding:7px 8px;min-width:50px;font-size:11px;}
  .me-row .mr-v{max-width:72px;}
  .giftgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* ===== extracted style block 30 ===== */
.end-live-page-btn{background:#ef4444!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:10px 14px!important;font-weight:900!important;box-shadow:0 8px 20px rgba(239,68,68,.25)!important}.end-live-page-btn:active{transform:scale(.97)}.room .end-live-room-btn{position:absolute;right:7px;top:calc(8px + env(safe-area-inset-top));z-index:60;height:37px;padding:0 12px;border-radius:19px;background:linear-gradient(145deg,#ef4444,#b91c1c);color:#fff;font-size:12px;font-weight:950;box-shadow:0 8px 22px rgba(127,29,29,.45);border:1px solid rgba(255,255,255,.28)}.room .end-live-room-btn:active{transform:scale(.96)}@media(max-width:380px){.room .end-live-room-btn{width:39px;padding:0;font-size:0}.room .end-live-room-btn::after{content:'⏹';font-size:15px}.end-live-page-btn{padding:9px 10px!important;font-size:12px!important}}

/* ===== extracted style block 31 ===== */
.social-login-wrap{margin:12px 0 16px}.social-title{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:800;margin:4px 0 10px}.social-title span{height:1px;background:var(--line);flex:1}.google-btn-host{display:flex;justify-content:center;min-height:42px;margin-bottom:8px}.social-btn{width:100%;height:42px;border-radius:13px;border:1px solid var(--line);background:#fff;color:#17324d;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.social-btn.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.social-btn.email{background:#f8fbff;color:#2563eb}.social-btn:active{transform:scale(.98)}

/* ===== extracted style block 32 ===== */
.btn,.me-row,.nav button,.chip,.drow-btn,.mini,.social-btn{touch-action:manipulation}.logout-top-row{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important}.logout-top-row .mr-i{background:#fff!important;color:#991b1b!important}

/* ===== extracted style block 33 ===== */
.giftgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.giftitem{cursor:pointer}.giftitem:active,.gift-recipient-grid button:active{transform:scale(.97)}.referral-progress-card .rpc-bar.invited i{background:linear-gradient(90deg,#8b5cf6,#22c55e)!important}@media(max-width:430px){.giftgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ===== extracted style block 34 ===== */
/* =====================================================
   KONECTIFY FINAL STABLE UI V99
   Consolidates old live-room/filter/discover patches.
   Keep this block as the final override for the current web app.
   ===================================================== */

/* Fast tap feeling */
.btn,.me-row,.nav button,.chip,.drow,.drow-btn,.lcard,.giftitem,.ricon{touch-action:manipulation}
.btn:active,.me-row:active,.nav button:active,.chip:active,.drow:active,.drow-btn:active,.lcard:active,.giftitem:active,.ricon:active{transform:scale(.985)}

/* Recommend / Discover list — clean mobile feed */
#dtabPeople{font-weight:950}
.drow{background:linear-gradient(90deg,#f0fff7,#f8fffb)!important;border:0!important;border-bottom:1px solid rgba(20,40,80,.08)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:12px 8px!important}
.drow-av,.drow-av img{width:58px!important;height:58px!important}
.drow-nm{font-size:16px!important;font-weight:900!important;line-height:1.25!important}
.drow-sub,.drow-id{font-size:12px!important;color:#263b56!important;font-weight:800!important}
.drow-bio{font-size:14px!important;color:#7a8799!important;font-weight:750!important;line-height:1.35!important}
.drow-btn{background:#fff!important;color:#e59b13!important;border:1px solid #f7d58c!important;box-shadow:none!important;min-width:52px!important}
.drow-btn.live{background:#eafff6!important;color:#10b981!important;border-color:#86efac!important}
.drow-thumbs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding-left:68px!important}
.drow-th{width:100%!important;aspect-ratio:1!important;height:auto!important;border-radius:10px!important;background:#d1fae5!important}

/* Live page grid — two columns, fast placeholders */
.lgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.lcard{aspect-ratio:1/1!important;min-height:0!important;border-radius:10px!important;background:#9ee7d9!important;overflow:hidden!important;box-shadow:0 8px 18px rgba(33,80,160,.10)!important}
.lcard .cover-full{background-color:#9ee7d9!important;background-size:cover!important;background-position:center!important;position:absolute!important;inset:0!important}
.lcard .cover-full::before{content:'🎥';position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:rgba(13,148,136,.40)}
.lcard .shade{background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.58))!important}
.lcard .liveb{font-size:10px!important}
.lcard .info{padding:8px!important}

/* Messages list */
.conv{min-height:68px!important}
.conv img{width:52px!important;height:52px!important;object-fit:cover!important}
.conv .nm{font-size:15px!important}
.conv .lm{font-size:13px!important}

/* Live room final look: deep background, normal readable video panels */
.room,.room.hybrid-live-room{background:radial-gradient(circle at 50% 3%,rgba(88,28,135,.38),transparent 30%),radial-gradient(circle at 12% 58%,rgba(14,116,144,.20),transparent 34%),linear-gradient(180deg,#07031a 0%,#16052d 45%,#05020d 100%)!important;color:#fff!important}
.room .rtop{background:linear-gradient(180deg,rgba(2,6,23,.94),rgba(2,6,23,.52),transparent)!important;border-bottom:1px solid rgba(125,211,252,.10)!important}
.room .rchat{background:linear-gradient(0deg,rgba(2,6,23,.96),rgba(2,6,23,.55),transparent)!important}
.room .rbottom{background:linear-gradient(0deg,rgba(2,6,23,.98),rgba(15,23,42,.88),transparent)!important;border-top:1px solid rgba(125,211,252,.14)!important}
.room.hybrid-live-room{--live-top:68px!important;--live-bottom:72px!important}
.room.hybrid-live-room #seatStage.v9-hybrid-stage{top:var(--live-top)!important;bottom:calc(var(--live-bottom) + 72px)!important;padding:8px 10px 20px!important;gap:8px!important;justify-content:flex-start!important;align-items:center!important;overflow-y:auto!important}
.room.hybrid-live-room .v9-host-wrap{width:100%!important;height:clamp(155px,44vw,205px)!important;min-height:155px!important;margin-top:2px!important;display:flex!important;justify-content:center!important;align-items:center!important}
.room.hybrid-live-room .v9-host-wrap>.v9-video-panel,.room.hybrid-live-room .seat-host.v9-video-panel{width:clamp(155px,44vw,205px)!important;max-width:205px!important;min-width:0!important;aspect-ratio:1/1!important;height:auto!important;border-radius:13px!important;border:1.5px solid rgba(186,230,253,.88)!important;box-shadow:0 18px 38px rgba(0,0,0,.60),0 0 30px rgba(56,189,248,.20)!important}
.room.hybrid-live-room .v9-guest-row{width:min(100%,430px)!important;max-width:430px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;justify-items:center!important;margin-top:5px!important}
.room.hybrid-live-room .v9-guest-row .v9-video-panel{width:min(42vw,190px)!important;max-width:190px!important;min-width:0!important;aspect-ratio:1/1!important;height:auto!important;border-radius:13px!important;border:1.5px solid rgba(148,163,184,.55)!important}
.room.hybrid-live-room .v9-lower-voices{width:min(100%,430px)!important;max-width:430px!important;grid-template-columns:repeat(5,1fr)!important;gap:6px!important;padding-top:5px!important;padding-bottom:16px!important}
.room.hybrid-live-room .v9-lower-voices .v9-small-voice,.room.hybrid-live-room .v9-side-stack .v9-small-voice{width:39px!important;height:39px!important}
.room.hybrid-live-room .v9-side-stack{top:24px!important;gap:52px!important}
.room.hybrid-live-room .v9-side-stack.left{left:8px!important}.room.hybrid-live-room .v9-side-stack.right{right:8px!important}
.room.hybrid-live-room .rchat{bottom:calc(var(--live-bottom) + 4px)!important;max-height:96px!important;left:12px!important;right:12px!important}

/* Subtle automatic non-yellow camera clarity */
.room .vplayer,.room .vplayer video{filter:brightness(1.045) contrast(1.025) saturate(1.035)!important;-webkit-filter:brightness(1.045) contrast(1.025) saturate(1.035)!important}
.room .vplayer video{object-fit:cover!important;background:#020617!important}

/* Logout row */
.logout-top-row{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important}
.logout-top-row .mr-i{background:#fff!important;color:#991b1b!important}

@media(max-width:390px){
  .room.hybrid-live-room #seatStage.v9-hybrid-stage{bottom:calc(var(--live-bottom) + 64px)!important;padding-left:8px!important;padding-right:8px!important;gap:7px!important}
  .room.hybrid-live-room .v9-host-wrap{height:clamp(145px,44vw,185px)!important;min-height:145px!important}
  .room.hybrid-live-room .v9-host-wrap>.v9-video-panel,.room.hybrid-live-room .seat-host.v9-video-panel{width:clamp(145px,44vw,185px)!important;max-width:185px!important}
  .room.hybrid-live-room .v9-guest-row{max-width:390px!important;gap:8px!important}
  .room.hybrid-live-room .v9-guest-row .v9-video-panel{width:min(42vw,170px)!important;max-width:170px!important}
  .room.hybrid-live-room .v9-lower-voices .v9-small-voice,.room.hybrid-live-room .v9-side-stack .v9-small-voice{width:35px!important;height:35px!important}
}

/* ===== extracted style block 35 ===== */
.wallet-fix-open{cursor:pointer}.me-row:active{background:#eef6ff!important;transform:scale(.995)}.recover-pay{margin-top:10px!important;color:#2563eb!important;border-color:#93c5fd!important}

/* ===== extracted style block 36 ===== */
.coin-pack-btn{appearance:none;width:100%;border:0;text-align:center;cursor:pointer}.coin-pack-btn:disabled{opacity:.55;cursor:wait}.pay-status-box{padding:18px;text-align:center}.pay-status-box .spin{width:38px;height:38px;border-radius:50%;border:4px solid #dbeafe;border-top-color:#2563eb;animation:paySpin .8s linear infinite;margin:0 auto 12px}@keyframes paySpin{to{transform:rotate(360deg)}}.pay-error{padding:12px;border-radius:12px;background:#fee2e2;color:#991b1b;font-size:12px;margin-top:10px}

/* KONECTIFY_RECOMMEND_LIVE_FINAL_V101 */
#dtabPeople{font-weight:950}.drow,.kc-rec-card{background:linear-gradient(90deg,#f0fff7,#fbfffd)!important;border:0!important;border-bottom:1px solid rgba(20,40,80,.08)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:12px 8px!important}.drow-av,.drow-av img,.kc-rec-av,.kc-rec-av img{width:58px!important;height:58px!important}.drow-nm,.kc-rec-name{font-size:16px!important;font-weight:900!important;line-height:1.25!important}.drow-sub,.drow-id,.kc-rec-meta{font-size:12px!important;color:#263b56!important;font-weight:800!important}.drow-bio,.kc-rec-bio{font-size:14px!important;color:#7a8799!important;font-weight:750!important;line-height:1.35!important}.drow-btn,.kc-hi{background:#fff!important;color:#e59b13!important;border:1px solid #f7d58c!important;box-shadow:none!important;min-width:52px!important;border-radius:999px!important;padding:8px 12px!important;font-weight:900!important}.drow-btn.live,.kc-live-pill{background:#eafff6!important;color:#10b981!important;border:1px solid #86efac!important}.drow-thumbs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding-left:68px!important}.drow-th,.kc-thumb{width:100%!important;aspect-ratio:1!important;height:auto!important;border-radius:10px!important;background:#d1fae5!important}.kc-rec-card{display:flex!important;gap:10px!important;align-items:flex-start!important}.kc-rec-info{flex:1;min-width:0}.kc-rec-top{display:flex;gap:7px;align-items:center;justify-content:space-between}.kc-rec-av{position:relative;flex:none}.kc-rec-av img{border-radius:50%;object-fit:cover;border:2px solid #22c55e}.kc-online-dot{position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2px solid #fff}.kc-rec-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.kc-thumb{overflow:hidden;background:linear-gradient(145deg,#d1fae5,#f0fdfa)}.kc-thumb:before{content:'📷';display:grid;place-items:center;height:100%;opacity:.35}.lgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.lcard,.kc-live-card{aspect-ratio:1/1!important;min-height:0!important;border-radius:10px!important;background:#9ee7d9!important;overflow:hidden!important;box-shadow:0 8px 18px rgba(33,80,160,.10)!important;position:relative!important}.lcard .cover-full,.kc-live-cover{background-color:#9ee7d9!important;background-size:cover!important;background-position:center!important;position:absolute!important;inset:0!important}.lcard .cover-full::before,.kc-live-cover:before{content:'🎥';position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:rgba(13,148,136,.40)}.lcard .shade,.kc-live-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.58))!important}.lcard .info,.kc-live-info{position:absolute;left:0;right:0;bottom:0;padding:8px!important;color:#fff!important;text-shadow:0 2px 5px #000}.kc-live-badge{position:absolute;top:8px;left:8px;background:#ff3b5f;color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.kc-live-view{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.35);color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.conv{min-height:68px!important}.conv img{width:52px!important;height:52px!important;object-fit:cover!important}.conv .nm{font-size:15px!important}.conv .lm{font-size:13px!important}
/* KONECTIFY_LUCKY_DICE_V2_SYSTEM */
.dice-pool{padding:8px 10px;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:11px;font-weight:900;text-align:center;margin-bottom:8px}.lucky-number{background:linear-gradient(145deg,#e0f2fe,#ede9fe)!important;color:#1e1b4b!important;border:1px solid #93c5fd!important;border-radius:13px!important;font-size:18px!important;font-weight:950!important;padding:12px!important}.lucky-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.dice-roll-result b{font-size:34px;color:#fbbf24}

/* KONECTIFY_SYSTEM_LINK_BUTTONS_HOST_VERIFY_V109 */
.bub.system{background:#f8fbff!important;border:1px solid #dbeafe!important;color:#13233b!important;max-width:88%!important}.bub.system .bt{color:#64748b!important}.msg-text{white-space:pre-wrap;line-height:1.42}.sys-link-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sys-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:12px;background:linear-gradient(135deg,#2f8af0,#8b5cf6);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:12px;box-shadow:0 8px 20px rgba(47,138,240,.24)}.sys-link-btn:active{transform:scale(.97)}.verify-state{padding:11px;border-radius:12px;background:#fef3c7;color:#92400e;font-size:12px;line-height:1.45;border:1px solid #fde68a}
/* KONECTIFY_ONLY_LUCKY_DICE_V112 */
.gamemenu .gamecard:not(.new-game):not([onclick*="dice"]){display:none!important}.gamemenu{grid-template-columns:1fr!important}.gamecard[onclick*="dice"]{display:block!important;border-color:#60a5fa!important;background:linear-gradient(145deg,#eef6ff,#f8fbff)!important}

/* KONECTIFY_CINEMATIC_GIFT_ENGINE_V113 */
.kc-cine-layer{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;display:block;color:#fff;font-family:system-ui,Segoe UI,sans-serif}.kc-cine-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.18),rgba(0,0,0,.68) 55%,rgba(0,0,0,.88));animation:kcCineBg 5.8s ease forwards}.kc-cine-banner{position:absolute;left:0;top:18%;display:flex;align-items:center;gap:10px;padding:10px 28px 10px 14px;border-radius:0 999px 999px 0;background:linear-gradient(90deg,rgba(47,138,240,.95),rgba(139,92,246,.85),transparent);box-shadow:0 10px 35px rgba(0,0,0,.35);transform:translateX(-110%);animation:kcCineBanner 5.6s cubic-bezier(.2,.85,.2,1) forwards}.kc-cine-banner img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9)}.kc-cine-banner b,.kc-cine-banner span{display:block;text-shadow:0 2px 5px #000}.kc-cine-banner b{font-size:14px}.kc-cine-banner span{font-size:12px;color:#e0f2fe}.kc-cine-stage{position:absolute;inset:0;display:grid;place-items:center}.kc-cine-art{position:absolute;left:50%;top:48%;width:min(58vw,280px);height:min(58vw,280px);object-fit:contain;transform:translate(-50%,80%) scale(.35);filter:drop-shadow(0 20px 55px rgba(0,0,0,.75));animation:kcCinePop 5.5s cubic-bezier(.16,.9,.2,1) forwards}.kc-cine-emoji{position:absolute;left:50%;top:48%;transform:translate(-50%,80%) scale(.3);font-size:min(35vw,170px);filter:drop-shadow(0 20px 55px rgba(0,0,0,.75));animation:kcCinePop 5.5s cubic-bezier(.16,.9,.2,1) forwards}.kc-cine-name{position:absolute;left:50%;bottom:17%;transform:translateX(-50%) translateY(35px);opacity:0;text-align:center;font-size:clamp(26px,8vw,58px);font-weight:1000;letter-spacing:.5px;text-shadow:0 3px 12px #000,0 0 24px currentColor;white-space:nowrap;animation:kcCineName 5.6s ease forwards}.kc-cine-sub{position:absolute;left:50%;bottom:12%;transform:translateX(-50%) translateY(25px);opacity:0;font-size:clamp(12px,3vw,18px);font-weight:800;text-shadow:0 2px 8px #000;animation:kcCineName 5.6s .25s ease forwards}.kc-cine-p{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--p,#fff);left:50%;top:50%;box-shadow:0 0 18px var(--p,#fff);animation:kcCineParticle var(--d,3s) ease-out forwards;transform:rotate(var(--a,0deg)) translateX(0)}.kc-cine-ring{position:absolute;left:50%;top:50%;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.65);transform:translate(-50%,-50%) scale(.2);animation:kcCineRing 2.8s ease-out forwards}.kc-cine-light{position:absolute;inset:-20%;background:conic-gradient(from 0deg,transparent,#fff,transparent,#60a5fa,transparent,#fbbf24,transparent);opacity:0;animation:kcCineSpin 5.6s ease forwards;mix-blend-mode:screen}.kc-cine-shake{animation:kcCineShake .38s ease-in-out 4}.kc-cine-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:kcCineFlash 5.4s ease forwards}.kc-cine-theme-dragon .kc-cine-bg{background:radial-gradient(circle,#ffefc7 0,#ef4444 16%,#1e1b4b 58%,#05030d 100%)}.kc-cine-theme-dragon .kc-cine-name{color:#facc15}.kc-cine-theme-lion .kc-cine-bg{background:radial-gradient(circle,#fde68a 0,#f59e0b 22%,#321407 62%,#05030d 100%)}.kc-cine-theme-lion .kc-cine-name{color:#fde68a}.kc-cine-theme-jet .kc-cine-bg{background:radial-gradient(circle at 50% 35%,#bae6fd,#2563eb 38%,#020617 80%)}.kc-cine-theme-jet .kc-cine-art,.kc-cine-theme-jet .kc-cine-emoji{animation:kcCineFly 5.2s cubic-bezier(.15,.8,.18,1) forwards}.kc-cine-theme-car .kc-cine-bg{background:linear-gradient(180deg,#050513,#111827 45%,#020617)}.kc-cine-theme-car .kc-cine-art,.kc-cine-theme-car .kc-cine-emoji{animation:kcCineDrive 5.2s cubic-bezier(.18,.85,.18,1) forwards}.kc-cine-theme-king .kc-cine-bg{background:radial-gradient(circle,#fef3c7 0,#7c3aed 35%,#09031a 78%)}.kc-cine-theme-king .kc-cine-name{color:#fef08a}.kc-cine-theme-paradise .kc-cine-bg{background:radial-gradient(circle at 50% 28%,#a7f3d0,#0ea5e9 36%,#0f172a 78%)}.kc-cine-theme-magic .kc-cine-bg{background:radial-gradient(circle,#f5d0fe,#a855f7 35%,#10051f 78%)}.kc-cine-theme-love .kc-cine-bg{background:radial-gradient(circle,#fecdd3,#ec4899 34%,#1f0620 78%)}.kc-cine-theme-default .kc-cine-bg{background:radial-gradient(circle,#dbeafe,#2563eb 35%,#020617 80%)}
@keyframes kcCineBg{0%{opacity:0}8%{opacity:1}85%{opacity:1}100%{opacity:0}}@keyframes kcCineBanner{0%{transform:translateX(-110%);opacity:0}12%{transform:translateX(0);opacity:1}78%{transform:translateX(0);opacity:1}100%{transform:translateX(-110%);opacity:0}}@keyframes kcCinePop{0%{transform:translate(-50%,80%) scale(.25) rotate(-12deg);opacity:0}14%{opacity:1}32%{transform:translate(-50%,-50%) scale(1.04) rotate(0deg)}58%{transform:translate(-50%,-54%) scale(.95) rotate(2deg)}82%{opacity:1}100%{transform:translate(-50%,-140%) scale(.7) rotate(12deg);opacity:0}}@keyframes kcCineName{0%,18%{opacity:0;transform:translateX(-50%) translateY(35px)}30%,78%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-25px)}}@keyframes kcCineParticle{0%{opacity:0;transform:rotate(var(--a)) translateX(0) scale(.3)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(var(--r,260px)) scale(1.1)}}@keyframes kcCineRing{0%{opacity:.8;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}@keyframes kcCineSpin{0%,15%{opacity:0;transform:rotate(0)}25%,75%{opacity:.22}100%{opacity:0;transform:rotate(260deg)}}@keyframes kcCineFlash{0%,28%,100%{opacity:0}31%{opacity:.55}34%{opacity:0}}@keyframes kcCineShake{0%,100%{transform:translate(0,0)}25%{transform:translate(5px,-3px)}50%{transform:translate(-5px,3px)}75%{transform:translate(3px,4px)}}@keyframes kcCineFly{0%{transform:translate(-180%,40%) scale(.2) rotate(-18deg);opacity:0}12%{opacity:1}42%{transform:translate(-50%,-50%) scale(1.05) rotate(0)}78%{opacity:1}100%{transform:translate(110%,-120%) scale(.55) rotate(20deg);opacity:0}}@keyframes kcCineDrive{0%{transform:translate(-190%,20%) scale(.25);opacity:0}18%{opacity:1}42%{transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1}100%{transform:translate(80%,-55%) scale(.65);opacity:0}}
@media(max-width:520px){.kc-cine-art{width:min(68vw,250px);height:min(68vw,250px)}.kc-cine-name{bottom:18%}.kc-cine-sub{bottom:13%}.kc-cine-banner{top:14%;max-width:88%;padding-right:22px}}
/* KONECTIFY_MINI_LIVE_UI_V117 */
.room.room-minimized{position:fixed!important;left:auto!important;top:auto!important;right:14px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:150px!important;height:205px!important;max-width:42vw!important;max-height:34vh!important;border-radius:22px!important;z-index:90!important;overflow:hidden!important;background:#07111f!important;border:2px solid #facc15!important;box-shadow:0 14px 40px rgba(0,0,0,.38),0 0 0 2px rgba(59,130,246,.25)!important;padding:0!important;transform:none!important;display:block!important;cursor:pointer!important}.room.room-minimized::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,6,23,.82));z-index:20;pointer-events:none}.room.room-minimized .rtop,.room.room-minimized .rchat,.room.room-minimized .rbottom,.room.room-minimized #gameWidget,.room.room-minimized #lbWidget,.room.room-minimized .task-card,.room.room-minimized .v9-side-stack,.room.room-minimized .v9-guest-row,.room.room-minimized .v9-lower-voices,.room.room-minimized .v8-voice-grid,.room.room-minimized .v9-rank,.room.room-minimized #tapHear,.room.room-minimized .live-inbox-shade{display:none!important}.room.room-minimized #seatStage{position:absolute!important;inset:0!important;top:0!important;bottom:0!important;padding:0!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important;background:#07111f!important}.room.room-minimized .v9-host-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important}.room.room-minimized .seat-host,.room.room-minimized .v9-video-panel,.room.room-minimized .v8-host-seat{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#07111f!important}.room.room-minimized .seat-host .s-av,.room.room-minimized .seat-host img,.room.room-minimized .vplayer,.room.room-minimized .vplayer video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}.room.room-minimized .host-tag,.room.room-minimized .seat-name{position:absolute!important;left:8px!important;right:8px!important;bottom:12px!important;transform:none!important;z-index:30!important;max-width:none!important;text-align:center!important;background:rgba(2,6,23,.72)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:999px!important;padding:5px 8px!important;font-size:11px!important;font-weight:900!important}.room.room-minimized #liveMiniChrome{display:flex!important;position:absolute!important;left:8px!important;right:8px!important;top:8px!important;height:30px!important;z-index:50!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;background:rgba(2,6,23,.72)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:0 6px 0 9px!important;color:#fff!important;font-size:9px!important;font-weight:900!important;backdrop-filter:blur(8px)!important}.room.room-minimized #liveMiniChrome span{display:flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.room.room-minimized #liveMiniChrome i{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.25)!important}.room.room-minimized #liveMiniChrome button{width:24px!important;height:24px!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:13px!important;display:grid!important;place-items:center!important}.room.room-minimized .live-mini-end{position:absolute!important;right:8px!important;bottom:8px!important;z-index:55!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#ef4444!important;color:#fff!important;font-size:14px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.25)!important}.room.room-minimized .live-mini-restore{position:absolute!important;left:8px!important;bottom:8px!important;z-index:55!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#2563eb!important;color:#fff!important;font-size:14px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.25)!important}@media(max-width:380px){.room.room-minimized{width:132px!important;height:180px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}}
/* KONECTIFY_UPLOADED_GIFT_VIDEO_V114 */
#konGiftVideoV114{position:fixed;inset:0;z-index:10000;background:#020617;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;pointer-events:auto}#konGiftVideoV114 .kgv-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.15),rgba(0,0,0,.65) 54%,rgba(0,0,0,.92));z-index:1}#konGiftVideoV114 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;background:#020617}#konGiftVideoV114 .kgv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;filter:blur(2px) brightness(.75);transform:scale(1.03)}#konGiftVideoV114 .kgv-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.25) 45%,rgba(0,0,0,.72));z-index:3;pointer-events:none}#konGiftVideoV114 .kgv-banner{position:absolute;left:0;top:14%;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 28px 10px 14px;border-radius:0 999px 999px 0;background:linear-gradient(90deg,rgba(47,138,240,.95),rgba(139,92,246,.82),transparent);box-shadow:0 12px 35px rgba(0,0,0,.35);animation:kgvBanner 5.5s ease forwards}#konGiftVideoV114 .kgv-banner img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff}#konGiftVideoV114 .kgv-banner b,#konGiftVideoV114 .kgv-banner span{display:block;text-shadow:0 2px 5px #000}#konGiftVideoV114 .kgv-banner b{font-size:14px}#konGiftVideoV114 .kgv-banner span{font-size:12px;color:#e0f2fe}#konGiftVideoV114 .kgv-title{position:absolute;left:50%;bottom:15%;z-index:6;transform:translateX(-50%);font-size:clamp(28px,8vw,60px);font-weight:1000;white-space:nowrap;text-shadow:0 4px 14px #000,0 0 26px #60a5fa;animation:kgvTitle 5.5s ease forwards}#konGiftVideoV114 .kgv-sub{position:absolute;left:50%;bottom:10.5%;z-index:6;transform:translateX(-50%);font-weight:900;font-size:clamp(12px,3vw,18px);text-shadow:0 3px 9px #000;animation:kgvTitle 5.5s .15s ease forwards}#konGiftVideoV114 .kgv-sound{position:absolute;right:14px;bottom:14px;z-index:8;border:0;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.16);color:#fff;font-weight:900;backdrop-filter:blur(8px);display:none}#konGiftVideoV114 .kgv-sound.show{display:block}#konGiftVideoV114 .kgv-close{position:absolute;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:9;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:22px;display:grid;place-items:center}@keyframes kgvBanner{0%{transform:translateX(-110%);opacity:0}12%,82%{transform:translateX(0);opacity:1}100%{transform:translateX(-110%);opacity:0}}@keyframes kgvTitle{0%,20%{opacity:0;transform:translateX(-50%) translateY(28px)}32%,82%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-20px)}}@media(max-width:520px){#konGiftVideoV114 .kgv-banner{top:11%;max-width:88%;padding-right:20px}#konGiftVideoV114 .kgv-title{bottom:17%}#konGiftVideoV114 .kgv-sub{bottom:12%}}
/* KONECTIFY_LIFETIME_LEVELS_V119 */
.kon-level-badge{display:inline-flex;align-items:center;gap:3px;margin-left:5px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:950;vertical-align:middle;letter-spacing:.2px;white-space:nowrap}.kon-level-zero{background:#e5e7eb;color:#475569}.kon-level-bronze{background:linear-gradient(135deg,#92400e,#f59e0b);color:#fff}.kon-level-silver{background:linear-gradient(135deg,#64748b,#e2e8f0);color:#0f172a}.kon-level-row{background:linear-gradient(135deg,#fff7ed,#f8fbff);border:1px solid #fed7aa}.kon-level-card{padding:14px;border-radius:16px;background:#fff;border:1px solid #dbeafe;margin-bottom:10px}.kon-level-card h3{margin:0 0 5px}.kon-level-bar{height:9px;border-radius:10px;background:#e5e7eb;overflow:hidden;margin:10px 0}.kon-level-bar i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#8b5cf6);width:0}.kon-level-table{width:100%;border-collapse:collapse;font-size:11px}.kon-level-table th,.kon-level-table td{padding:7px;border-bottom:1px solid #e5e7eb;text-align:left}.kon-level-table th{color:#2563eb;background:#eff6ff}
/* KONECTIFY_LIVE_GIFT_TARGETS_V120 */
.live-person-actions{padding:15px}.live-person-hero{display:flex;align-items:center;gap:12px;margin-bottom:14px}.live-person-hero img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #60a5fa}.live-person-hero b,.live-person-hero span{display:block}.live-person-hero b{font-size:16px}.live-person-hero span{font-size:11px;color:var(--muted)}.live-person-actions .btn{margin-bottom:8px}.live-gift-hint{font-size:11px;color:var(--muted);line-height:1.45;text-align:center;margin-top:8px}.room [data-gift-target-wired="1"],.room .rtop .host{cursor:pointer!important}.room .seat-host::after,.room .big-guest.filled::after{pointer-events:none}.gift-recipient-grid button[data-self="1"]{border-color:#fbbf24!important;background:linear-gradient(145deg,#fff7ed,#fff)!important}

/* KONECTIFY_GIFT_VIDEO_PRIORITY_V122 */
#konGiftVideoV122{position:fixed;inset:0;z-index:10000;background:#020617;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;pointer-events:auto;font-family:system-ui,Segoe UI,sans-serif}#konGiftVideoV122 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#020617;z-index:2}#konGiftVideoV122 .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.72);transform:scale(1.04);z-index:1}#konGiftVideoV122 .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.25) 45%,rgba(0,0,0,.78));z-index:3}#konGiftVideoV122 .banner{position:absolute;left:0;top:14%;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 28px 10px 14px;border-radius:0 999px 999px 0;background:linear-gradient(90deg,rgba(47,138,240,.95),rgba(139,92,246,.85),transparent);box-shadow:0 12px 35px rgba(0,0,0,.35);animation:kgv122Banner 5.5s ease forwards}#konGiftVideoV122 .banner img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff}#konGiftVideoV122 .banner b,#konGiftVideoV122 .banner span{display:block;text-shadow:0 2px 5px #000}#konGiftVideoV122 .banner b{font-size:14px}#konGiftVideoV122 .banner span{font-size:12px;color:#e0f2fe}#konGiftVideoV122 .title{position:absolute;left:50%;bottom:15%;z-index:6;transform:translateX(-50%);font-size:clamp(28px,8vw,60px);font-weight:1000;white-space:nowrap;text-shadow:0 4px 14px #000,0 0 26px #60a5fa;animation:kgv122Title 5.5s ease forwards}#konGiftVideoV122 .sub{position:absolute;left:50%;bottom:10.5%;z-index:6;transform:translateX(-50%);font-weight:900;font-size:clamp(12px,3vw,18px);text-shadow:0 3px 9px #000;animation:kgv122Title 5.5s .15s ease forwards}#konGiftVideoV122 .sound{position:absolute;right:14px;bottom:14px;z-index:8;border:0;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.16);color:#fff;font-weight:900;backdrop-filter:blur(8px);display:none}#konGiftVideoV122 .sound.show{display:block}#konGiftVideoV122 .close{position:absolute;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:9;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:22px;display:grid;place-items:center}@keyframes kgv122Banner{0%{transform:translateX(-110%);opacity:0}12%,82%{transform:translateX(0);opacity:1}100%{transform:translateX(-110%);opacity:0}}@keyframes kgv122Title{0%,20%{opacity:0;transform:translateX(-50%) translateY(28px)}32%,82%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-20px)}}


/* KONECTIFY_AUTO_LEVEL_FRAMES_V120 */
@keyframes konFrameSpin{to{transform:rotate(360deg)}}@keyframes konFramePulse{0%,100%{opacity:.65;filter:brightness(1)}50%{opacity:1;filter:brightness(1.45)}}
.avatar-frame.kon-lv-bronze,.avatar-frame.kon-lv-silver{position:relative!important;display:inline-block!important;border-radius:50%!important;line-height:0!important;overflow:visible!important}.avatar-frame.kon-lv-bronze>img,.avatar-frame.kon-lv-silver>img{position:relative!important;z-index:3!important;border-radius:50%!important}.avatar-frame.kon-lv-bronze::before,.avatar-frame.kon-lv-silver::before{content:''!important;position:absolute!important;inset:-7px!important;border-radius:50%!important;z-index:1!important;animation:konFrameSpin 5s linear infinite!important}.avatar-frame.kon-lv-bronze::after,.avatar-frame.kon-lv-silver::after{content:''!important;position:absolute!important;inset:-14px!important;border-radius:50%!important;z-index:0!important;animation:konFramePulse 2.2s ease-in-out infinite!important;pointer-events:none!important}.avatar-frame.kon-lv-bronze::before{background:conic-gradient(from 0deg,#7c2d12,#f59e0b,#fff7ad,#f97316,#7c2d12)!important;box-shadow:0 0 12px rgba(245,158,11,.55)!important}.avatar-frame.kon-lv-bronze::after{background:radial-gradient(circle,rgba(251,191,36,.34),transparent 62%)!important}.avatar-frame.kon-lv-silver::before{background:conic-gradient(from 0deg,#334155,#e0f2fe,#ffffff,#38bdf8,#94a3b8,#334155)!important;box-shadow:0 0 15px rgba(125,211,252,.75)!important}.avatar-frame.kon-lv-silver::after{background:radial-gradient(circle,rgba(125,211,252,.40),transparent 63%)!important}
.kon-lv-medal{position:absolute;right:-10px;top:-10px;z-index:6;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:1000;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.85)}.kon-lv-bronze .kon-lv-medal{background:linear-gradient(135deg,#92400e,#f59e0b)}.kon-lv-silver .kon-lv-medal{background:linear-gradient(135deg,#0f172a,#38bdf8)}
.drow-av.kon-lv-bronze,.drow-av.kon-lv-silver,.kc-rec-av.kon-lv-bronze,.kc-rec-av.kon-lv-silver{position:relative!important;overflow:visible!important}.drow-av.kon-lv-bronze::before,.drow-av.kon-lv-silver::before,.kc-rec-av.kon-lv-bronze::before,.kc-rec-av.kon-lv-silver::before{content:'';position:absolute;inset:-5px;border-radius:50%;z-index:0;animation:konFrameSpin 5s linear infinite}.drow-av.kon-lv-bronze::before,.kc-rec-av.kon-lv-bronze::before{background:conic-gradient(#7c2d12,#f59e0b,#fff7ad,#f97316,#7c2d12);box-shadow:0 0 12px rgba(245,158,11,.55)}.drow-av.kon-lv-silver::before,.kc-rec-av.kon-lv-silver::before{background:conic-gradient(#334155,#e0f2fe,#fff,#38bdf8,#334155);box-shadow:0 0 13px rgba(125,211,252,.70)}.drow-av.kon-lv-bronze img,.drow-av.kon-lv-silver img,.kc-rec-av.kon-lv-bronze img,.kc-rec-av.kon-lv-silver img{position:relative;z-index:2;background:#fff}.drow-av .kon-lv-mini,.kc-rec-av .kon-lv-mini{position:absolute;right:-8px;top:-8px;z-index:5;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:1000;color:#fff;border:1px solid #fff}.drow-av.kon-lv-bronze .kon-lv-mini,.kc-rec-av.kon-lv-bronze .kon-lv-mini{background:#d97706}.drow-av.kon-lv-silver .kon-lv-mini,.kc-rec-av.kon-lv-silver .kon-lv-mini{background:#0284c7}
.kon-frame-sheet .frame-preview{display:flex;align-items:center;gap:16px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#020617,#111b46);color:#fff;margin-bottom:12px}.kon-frame-sheet .frame-preview img{width:74px;height:74px;border-radius:50%;object-fit:cover}.kon-frame-note{font-size:12px;color:var(--muted);line-height:1.45}.kon-frame-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.kon-frame-benefits div{padding:10px;border-radius:12px;background:#f8fbff;border:1px solid var(--line);font-size:11px;font-weight:850;color:#17324d}

/* KONECTIFY_TOP_CLIENT_RECOGNITION_V121 */
.kon-top-client-row{background:linear-gradient(135deg,#fff7ed,#eff6ff)!important;border:1px solid #fed7aa!important}.kon-top-client-row .mr-i{background:linear-gradient(135deg,#f59e0b,#8b5cf6)!important;color:#fff!important}.kon-level-tag{display:inline-flex;align-items:center;gap:3px;margin-left:5px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:950;vertical-align:middle;letter-spacing:.2px;white-space:nowrap}.kon-level-tag.bronze{background:linear-gradient(135deg,#92400e,#f59e0b);color:#fff}.kon-level-tag.silver{background:linear-gradient(135deg,#0f172a,#38bdf8);color:#fff}.kon-level-tag.zero{background:#e5e7eb;color:#475569}.rmsg .kon-level-tag{font-size:8px;padding:1px 5px;margin-left:4px}.conv .kon-level-tag{font-size:8px}.avatar-frame.kon-frame-bronze,.avatar-frame.kon-frame-silver{position:relative!important;display:inline-block!important;border-radius:50%!important;overflow:visible!important}.avatar-frame.kon-frame-bronze:before,.avatar-frame.kon-frame-silver:before{content:''!important;position:absolute!important;inset:-7px!important;border-radius:50%!important;z-index:0!important;animation:konFrameSpin121 5s linear infinite!important}.avatar-frame.kon-frame-bronze:after,.avatar-frame.kon-frame-silver:after{content:''!important;position:absolute!important;inset:-14px!important;border-radius:50%!important;z-index:-1!important;animation:konFramePulse121 2.2s ease-in-out infinite!important}.avatar-frame.kon-frame-bronze:before{background:conic-gradient(#7c2d12,#f59e0b,#fff7ad,#f97316,#7c2d12)!important}.avatar-frame.kon-frame-bronze:after{background:radial-gradient(circle,rgba(251,191,36,.35),transparent 63%)}.avatar-frame.kon-frame-silver:before{background:conic-gradient(#334155,#e0f2fe,#fff,#38bdf8,#334155)!important}.avatar-frame.kon-frame-silver:after{background:radial-gradient(circle,rgba(125,211,252,.42),transparent 63%)}.avatar-frame.kon-frame-bronze>img,.avatar-frame.kon-frame-silver>img{position:relative!important;z-index:2!important}@keyframes konFrameSpin121{to{transform:rotate(360deg)}}@keyframes konFramePulse121{0%,100%{opacity:.65}50%{opacity:1}}

/* KONECTIFY_FRAMES_STORE_PREVIEW_V122 */
.kon-frame-store{padding:15px;max-height:76vh;overflow-y:auto;background:linear-gradient(180deg,#f8fbff,#eef8ff)}.kon-frame-hero{border-radius:20px;padding:16px;background:radial-gradient(circle at 80% 0,#ffffff88,transparent 30%),linear-gradient(135deg,#10172a,#312e81);color:#fff;margin-bottom:14px;box-shadow:0 14px 30px #1e3a8a33}.kon-frame-hero b{display:block;font-size:18px}.kon-frame-hero span{display:block;color:#dbeafe;font-size:12px;margin-top:4px}.kon-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kon-frame-card{position:relative;border-radius:18px;background:#fff;border:1px solid #dbeafe;padding:14px;text-align:center;box-shadow:0 8px 22px #1e3a8a12;overflow:hidden}.kon-frame-card.locked{filter:grayscale(.2);opacity:.78}.kon-frame-card .lock{position:absolute;right:9px;top:9px;border-radius:999px;background:#0f172acc;color:#fff;font-size:10px;padding:4px 7px}.kon-frame-card h4{margin:10px 0 3px;color:#13233b}.kon-frame-card p{margin:0;color:#64748b;font-size:11px;line-height:1.35}.kon-frame-demo{width:84px;height:84px;margin:0 auto;border-radius:50%;position:relative;display:grid;place-items:center}.kon-frame-demo img{width:68px;height:68px;border-radius:50%;object-fit:cover;position:relative;z-index:3;background:#e2e8f0}.kon-frame-demo:before{content:'';position:absolute;inset:0;border-radius:50%;animation:konFrameSpin122 5s linear infinite}.kon-frame-demo:after{content:'';position:absolute;inset:-9px;border-radius:50%;animation:konFramePulse122 2.2s ease-in-out infinite;z-index:0}.kon-frame-demo.bronze:before{background:conic-gradient(#7c2d12,#f59e0b,#fff7ad,#f97316,#7c2d12);box-shadow:0 0 16px #f59e0b88}.kon-frame-demo.bronze:after{background:radial-gradient(circle,#fbbf2455,transparent 65%)}.kon-frame-demo.silver:before{background:conic-gradient(#334155,#e0f2fe,#fff,#38bdf8,#334155);box-shadow:0 0 17px #7dd3fc99}.kon-frame-demo.silver:after{background:radial-gradient(circle,#7dd3fc66,transparent 65%)}.kon-frame-demo.gold:before{background:conic-gradient(#78350f,#facc15,#fff,#f59e0b,#78350f)}.kon-frame-demo.gold:after{background:radial-gradient(circle,#facc1560,transparent 65%)}.kon-frame-demo.platinum:before{background:conic-gradient(#312e81,#e0e7ff,#fff,#a78bfa,#312e81)}.kon-frame-demo.platinum:after{background:radial-gradient(circle,#c4b5fd66,transparent 65%)}.kon-frame-demo.diamond:before{background:conic-gradient(#0891b2,#fff,#a855f7,#38bdf8,#0891b2)}.kon-frame-demo.diamond:after{background:radial-gradient(circle,#67e8f966,transparent 65%)}.kon-frame-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:14px}.kon-frame-actions .btn{box-shadow:none}@keyframes konFrameSpin122{to{transform:rotate(360deg)}}@keyframes konFramePulse122{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.02)}}
/* KONECTIFY_PREMIUM_FRAMES_V126 */
.kf-store{padding:15px;max-height:78vh;overflow-y:auto;background:linear-gradient(180deg,#f8fbff,#eef6ff);color:#102033}.kf-store h3{margin:16px 0 10px;font-size:14px;color:#1d2b4f}.kf-hero{display:flex;gap:12px;align-items:center;justify-content:space-between;border-radius:22px;padding:15px;background:radial-gradient(circle at 0 0,#fde68a55,transparent 36%),linear-gradient(135deg,#101a45,#263b88);box-shadow:0 14px 32px #1e2d6b22;color:white}.kf-hero b{display:block;font-size:15px}.kf-hero span{display:block;font-size:11px;color:#dbeafe;margin-top:3px}.kf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.kf-card{position:relative;overflow:hidden;border-radius:22px;padding:14px 10px 12px;background:#fff;border:1px solid #dbeafe;box-shadow:0 12px 28px #1e293b12;text-align:center}.kf-card:before{content:"";position:absolute;inset:-40% -30% auto auto;width:100px;height:100px;border-radius:50%;filter:blur(8px);opacity:.55}.kf-card.bronze:before{background:#f59e0b}.kf-card.silver:before{background:#93c5fd}.kf-card.gold:before{background:#facc15}.kf-card.platinum:before{background:#dbeafe}.kf-card.diamond:before{background:#67e8f9}.kf-card.locked{filter:saturate(.75);opacity:.74}.kf-state{position:absolute;right:8px;top:8px;padding:4px 7px;border-radius:999px;background:#020617;color:#fff;font-size:9px;font-weight:900;z-index:2}.kf-card.unlocked .kf-state{background:#16a34a}.kf-avatar{width:78px;height:78px;margin:8px auto 10px;border-radius:50%;position:relative;display:grid;place-items:center;background:#111827}.kf-avatar:before{content:"";position:absolute;inset:-7px;border-radius:50%;animation:kfspin 4s linear infinite;z-index:0}.kf-avatar:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid transparent;opacity:.65}.kf-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1;background:#dbeafe}.kf-avatar i{position:relative;z-index:2;font-style:normal;font-size:31px;text-shadow:0 2px 8px #0006}.kf-avatar.bronze:before{background:conic-gradient(#fff7ed,#f97316,#f59e0b,#7c2d12,#fff7ed)}.kf-avatar.bronze:after{border-color:#f97316;box-shadow:0 0 18px #f59e0b88}.kf-avatar.silver:before{background:conic-gradient(#fff,#93c5fd,#64748b,#e0f2fe,#fff)}.kf-avatar.silver:after{border-color:#bfdbfe;box-shadow:0 0 22px #93c5fd99}.kf-avatar.gold:before{background:conic-gradient(#fff7ad,#facc15,#ca8a04,#fef3c7,#fff7ad)}.kf-avatar.platinum:before{background:conic-gradient(#fff,#dbeafe,#94a3b8,#f8fafc,#fff)}.kf-avatar.diamond:before{background:conic-gradient(#ecfeff,#22d3ee,#8b5cf6,#67e8f9,#ecfeff)}@keyframes kfspin{to{transform:rotate(360deg)}}.kf-card b{display:block;font-size:13px;color:#0f172a}.kf-card small{display:block;margin-top:2px;font-size:10.5px;color:#64748b}.kf-card p{margin:7px 0 0;font-size:10.7px;line-height:1.35;color:#475569}.kf-chat{margin-top:9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:7px;font-size:11px;color:#334155}.kf-note{font-size:11px;line-height:1.45;color:#64748b;text-align:center;margin:15px 4px 0}.kon-level-tag{display:inline-flex;vertical-align:middle;margin-left:5px;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:950;letter-spacing:.1px;white-space:nowrap}.kon-level-tag.bronze,.kon-level-tag.kon-lv-bronze{background:linear-gradient(135deg,#92400e,#f59e0b,#fff7ed);color:#fff;box-shadow:0 0 10px #f59e0b66}.kon-level-tag.silver,.kon-level-tag.kon-lv-silver{background:linear-gradient(135deg,#334155,#93c5fd,#fff);color:#0f172a;box-shadow:0 0 10px #93c5fd66}@media(max-width:380px){.kf-grid{grid-template-columns:1fr}.kf-hero{display:block}.kf-hero .btn{margin-top:10px;width:100%}}
#profAvatarWrap.kon-frame-bronze,#profAvatarWrap.kon-lv-bronze{box-shadow:0 0 0 3px #f59e0b,0 0 28px #f59e0b88!important}#profAvatarWrap.kon-frame-silver,#profAvatarWrap.kon-lv-silver{box-shadow:0 0 0 3px #bfdbfe,0 0 30px #93c5fd99!important}.kc-rec-av.kon-lv-bronze,.drow-av.kon-lv-bronze{box-shadow:0 0 0 3px #f59e0b,0 0 18px #f59e0b66}.kc-rec-av.kon-lv-silver,.drow-av.kon-lv-silver{box-shadow:0 0 0 3px #bfdbfe,0 0 18px #93c5fd66}
/* KONECTIFY_STOP_HANG_V127 */
html,body{overscroll-behavior-y:contain}#appLoadProgress{pointer-events:none!important}#appLoadProgress:not(.show),#loginWaitOverlay:not(.show){display:none!important;pointer-events:none!important}.content{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}#discoverGrid{content-visibility:auto}.kon-more-card{border:1px dashed #93c5fd!important;background:#eff6ff!important;color:#1e3a8a!important}.kf-store{padding:15px;max-height:78vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#f8fbff,#eef6ff);color:#102033}.kf-store h3{font-size:14px;margin:15px 0 9px}.kf-hero{display:flex;gap:10px;align-items:center;justify-content:space-between;border-radius:20px;padding:14px;background:linear-gradient(135deg,#101a45,#263b88);color:white;box-shadow:0 12px 28px #0003}.kf-hero b{display:block;font-size:14px}.kf-hero span{display:block;font-size:11px;color:#dbeafe;margin-top:3px}.kf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kf-card{position:relative;overflow:hidden;border-radius:20px;padding:13px 9px;background:white;border:1px solid #dbeafe;text-align:center;box-shadow:0 10px 24px #1e293b10}.kf-card.locked{opacity:.66}.kf-state{position:absolute;right:7px;top:7px;border-radius:999px;background:#020617;color:white;padding:4px 7px;font-size:9px;font-weight:900}.kf-card.unlocked .kf-state{background:#16a34a}.kf-avatar{width:70px;height:70px;margin:8px auto 9px;border-radius:50%;display:grid;place-items:center;position:relative;background:#111827}.kf-avatar:before{content:"";position:absolute;inset:-7px;border-radius:50%;animation:kfspin127 4s linear infinite}.kf-avatar i{position:relative;z-index:2;font-style:normal;font-size:30px}.kf-avatar.bronze:before{background:conic-gradient(#fff7ed,#f97316,#f59e0b,#7c2d12,#fff7ed)}.kf-avatar.silver:before{background:conic-gradient(#fff,#93c5fd,#64748b,#e0f2fe,#fff)}@keyframes kfspin127{to{transform:rotate(360deg)}}.kf-card b{display:block;color:#0f172a;font-size:12.5px}.kf-card small{display:block;color:#64748b;font-size:10.5px;margin-top:2px}.kf-card p,.kf-note{color:#64748b;font-size:10.8px;line-height:1.4}.kon-level-tag{display:inline-flex;vertical-align:middle;margin-left:5px;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:950;white-space:nowrap}.kon-level-tag.bronze{background:linear-gradient(135deg,#92400e,#f59e0b,#fff7ed);color:white}.kon-level-tag.silver{background:linear-gradient(135deg,#334155,#93c5fd,#fff);color:#0f172a}#profAvatarWrap.kon-frame-bronze{box-shadow:0 0 0 3px #f59e0b,0 0 24px #f59e0b88!important}#profAvatarWrap.kon-frame-silver{box-shadow:0 0 0 3px #bfdbfe,0 0 26px #93c5fd99!important}@media(max-width:380px){.kf-grid{grid-template-columns:1fr}.kf-hero{display:block}.kf-hero .btn{margin-top:10px;width:100%}}
/* KONECTIFY_PWA_APP_READY_V128 */
.kon-install-app-row{background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;border:1px solid #bfdbfe!important}.kon-install-app-row .mr-i{background:linear-gradient(135deg,#38bdf8,#7c3aed)!important;color:white!important}.kon-install-app-row .mr-t{font-weight:950!important}.kon-install-app-row .mr-v{color:#2563eb!important;font-weight:900!important}

/* KONECTIFY_GIFT_VIDEO_AUTOSCAN_V129_START */
#konGiftVideoV129{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#020617;transition:opacity .35s;color:white;overflow:hidden}#konGiftVideoV129 .kgv129-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#7c3aed88,transparent 36%),radial-gradient(circle at 20% 90%,#38bdf888,transparent 32%),#020617}#konGiftVideoV129 .kgv129-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:1}#konGiftVideoV129 .kgv129-close{position:absolute;right:14px;top:calc(12px + env(safe-area-inset-top));z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff55;background:#0009;color:#fff;font-size:24px;font-weight:900}#konGiftVideoV129 .kgv129-banner{position:absolute;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:3;display:flex;gap:10px;align-items:center;max-width:520px;margin:auto;padding:10px 12px;border-radius:18px;background:linear-gradient(135deg,#000b,#1e1b4bcc);border:1px solid #ffffff2e;box-shadow:0 18px 40px #0008}#konGiftVideoV129 .kgv129-banner img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #facc15}#konGiftVideoV129 .kgv129-banner b{display:block;font-size:14px}#konGiftVideoV129 .kgv129-banner span{display:block;font-size:12px;color:#dbeafe}#konGiftVideoV129 .kgv129-title{position:absolute;z-index:3;left:10px;right:10px;top:calc(18px + env(safe-area-inset-top));text-align:center;font-size:22px;font-weight:1000;letter-spacing:.2px;text-shadow:0 3px 18px #000,0 0 18px #facc15}#konGiftVideoV129 .kgv129-sound{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(28px + env(safe-area-inset-bottom));display:none;border:0;border-radius:999px;padding:11px 15px;background:linear-gradient(135deg,#facc15,#f97316);color:#111827;font-weight:1000;box-shadow:0 10px 28px #0008}#konGiftVideoV129 .kgv129-loading{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 13px;border-radius:999px;background:#0009;border:1px solid #ffffff33;font-size:12px;color:#e5edff}@media(max-width:520px){#konGiftVideoV129 .kgv129-title{font-size:18px}#konGiftVideoV129 .kgv129-banner{bottom:calc(72px + env(safe-area-inset-bottom))}}
/* KONECTIFY_GIFT_VIDEO_AUTOSCAN_V129_END */
/* KONECTIFY_LIVE_REVIEW_V130_START */
/* Bigger normal host camera, but still leaves chat/buttons visible */
.room:not(.voice-party-room) #seatStage{top:58px!important;bottom:142px!important;padding:8px 10px 14px!important;gap:9px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;align-items:center!important}.room:not(.voice-party-room) .host-corner-wrap{width:100%!important;max-width:560px!important;min-height:0!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.room:not(.voice-party-room) .seat-host{width:min(88vw,390px)!important;max-width:390px!important;min-width:min(270px,88vw)!important;height:min(50vh,520px)!important;max-height:520px!important;aspect-ratio:3/4!important;border-radius:18px!important;background:#050816!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 14px 42px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.06)!important}.room:not(.voice-party-room) .seat-host .vplayer,.room:not(.voice-party-room) .seat-host video{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;-webkit-filter:none!important}.room:not(.voice-party-room) .seat-row.video-row{width:min(100%,560px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.room:not(.voice-party-room) .seat-row.video-row .seat.big-guest{min-height:118px!important;border-radius:14px!important}.room:not(.voice-party-room) .task-card{transform:scale(.86)!important;transform-origin:top right!important;top:64px!important;right:6px!important;opacity:.94!important}.room .vplayer{filter:none!important;-webkit-filter:none!important}.live-filter-note:after{content:' Natural mode is now the default so the camera will not look yellow.';font-weight:800;color:#166534}@media(max-height:700px){.room:not(.voice-party-room) #seatStage{bottom:132px!important}.room:not(.voice-party-room) .seat-host{height:min(46vh,430px)!important;width:min(82vw,340px)!important}.room:not(.voice-party-room) .task-card{display:none!important}.room:not(.voice-party-room) .seat-row.video-row .seat.big-guest{min-height:96px!important}}@media(max-width:380px){.room:not(.voice-party-room) .seat-host{width:min(90vw,330px)!important;min-width:250px!important;height:min(46vh,420px)!important}.room:not(.voice-party-room) #seatStage{bottom:136px!important}}
/* KONECTIFY_LIVE_REVIEW_V130_END */

/* KONECTIFY_GAME_BALANCE_V135_START */
.game-menu-v135{padding:15px;max-height:78vh;overflow-y:auto;background:linear-gradient(180deg,#f8fbff,#eef6ff);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-menu-v135 .game-menu-note{grid-column:1/-1;padding:11px 12px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:11.5px;line-height:1.4;font-weight:750}.game-menu-v135 .game-menu-card{position:relative;overflow:hidden;text-align:left;border:1px solid #dbeafe;border-radius:20px;background:#fff;padding:13px 11px 12px;min-height:138px;box-shadow:0 12px 28px #1e293b12;color:#0f172a}.game-menu-v135 .game-menu-card:before{content:"";position:absolute;right:-35px;top:-40px;width:96px;height:96px;border-radius:50%;filter:blur(4px);opacity:.55}.game-menu-v135 .game-menu-card.dice:before{background:#a78bfa}.game-menu-v135 .game-menu-card.wheel:before{background:#38bdf8}.game-menu-v135 .game-menu-card.quiz:before{background:#facc15}.game-menu-v135 .game-menu-card.pk:before{background:#fb7185}.game-menu-v135 .game-menu-card.goal:before{background:#22c55e}.game-menu-v135 .game-menu-card.truthdare:before{background:#f472b6}.game-menu-v135 .game-menu-card span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#eff6ff,#ede9fe);font-size:24px;margin-bottom:10px}.game-menu-v135 .game-menu-card b{display:block;font-size:13px;position:relative}.game-menu-v135 .game-menu-card small{display:block;color:#64748b;font-size:10.8px;line-height:1.35;margin-top:4px;position:relative}.game-menu-v135 .game-menu-card i{display:inline-flex;margin-top:8px;border-radius:999px;background:#0f172a;color:#fff;font-size:9px;font-style:normal;font-weight:950;padding:4px 7px;position:relative}.game-menu-v135 .game-menu-card:active{transform:scale(.985)}@media(max-width:380px){.game-menu-v135{grid-template-columns:1fr}.game-menu-v135 .game-menu-card{min-height:118px}}
/* KONECTIFY_GAME_BALANCE_V135_END */

/* KONECTIFY_GAMES_UX_V136_START */
.kw-wrap{position:relative;width:246px;height:246px;margin:10px auto 12px;display:grid;place-items:center}.kw-pin{position:absolute;top:-4px;left:50%;transform:translateX(-50%);z-index:5;color:#facc15;text-shadow:0 2px 6px #000;font-size:24px}.kw-wheel{width:230px;height:230px;border-radius:50%;position:relative;overflow:hidden;border:7px solid #fff;box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 0 0 2px #ffffff88;transition:transform 3.8s cubic-bezier(.11,.78,.12,1);background:#60a5fa}.kw-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 40%,rgba(0,0,0,.13) 70%,rgba(0,0,0,.30));z-index:1;pointer-events:none}.kw-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#fde68a);color:#7c2d12;font-weight:1000;font-size:24px;border:4px solid #ffffff;box-shadow:0 6px 18px #0005}.kw-label{position:absolute;left:50%;top:50%;z-index:3;width:0;height:0;transform:rotate(var(--rot));transform-origin:0 0}.kw-label span{position:absolute;left:28px;top:-10px;width:72px;max-height:30px;display:flex;align-items:center;justify-content:center;text-align:center;padding:2px 3px;border-radius:8px;background:rgba(255,255,255,.74);color:#111827;font-size:8.5px;font-weight:950;line-height:1.05;overflow:hidden;word-break:break-word;transform:rotate(90deg);box-shadow:0 2px 6px #0002}.kw-spin-btn{display:block;width:min(92%,260px);margin:8px auto!important}.kw-result{text-align:center;min-height:22px;font-weight:1000;color:#facc15;text-shadow:0 2px 6px #000}.wheel{transition:transform 3.8s cubic-bezier(.11,.78,.12,1)!important}.seg-label{max-width:78px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;font-size:9px!important;line-height:1.05!important}.dice-roll-result{position:relative;text-align:center}.dice-roll-result b{display:inline-grid;place-items:center;min-width:72px;min-height:72px;border-radius:20px;background:linear-gradient(145deg,#fff,#dbeafe);color:#1e1b4b!important;box-shadow:0 12px 28px #0003;font-size:44px!important}.dice-roll-result.dice-rolling-v136 b{animation:diceShakeV136 .12s linear infinite;background:linear-gradient(145deg,#fef3c7,#dbeafe)}.dice-roll-result.dice-stopped-v136 b{animation:dicePopV136 .45s ease}@keyframes diceShakeV136{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-3px,2px) rotate(-5deg)}50%{transform:translate(2px,-2px) rotate(4deg)}75%{transform:translate(3px,2px) rotate(-3deg)}}@keyframes dicePopV136{0%{transform:scale(.7);opacity:.5}70%{transform:scale(1.16);opacity:1}100%{transform:scale(1)}}#gameWidget .quiz-lobby,#gameWidget .td-result,#gameWidget .goalbar{border-radius:16px}#gameWidget .td-actions button{min-height:44px}.pk-side button:after{content:' gifts count';font-size:9px;display:block;opacity:.86;margin-top:2px}@media(max-width:380px){.kw-wrap{width:218px;height:218px}.kw-wheel{width:204px;height:204px}.kw-label span{left:22px;width:62px;font-size:7.7px}.kw-inner{width:48px;height:48px}}
/* KONECTIFY_GAMES_UX_V136_END */

/* KONECTIFY_RESTORE_LIVE_FILTERS_V138_START */
.live-filter-btn-v138{background:linear-gradient(145deg,#fef3c7,#fde68a)!important;color:#7c2d12!important;border:1px solid #facc15!important;box-shadow:0 6px 16px rgba(250,204,21,.28)!important}.live-filter-btn-v138:active{transform:scale(.94)!important}.filter-panel-v138{padding:15px;max-height:76vh;overflow-y:auto;background:linear-gradient(180deg,#f8fbff,#eef6ff);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-note-v138{grid-column:1/-1;padding:10px 12px;border-radius:14px;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;font-size:12px;line-height:1.4}.filter-choice-v138{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#fff;border:1px solid #dbeafe;text-align:left;color:#172033;box-shadow:0 8px 18px #1e293b10}.filter-choice-v138.active{border-color:#facc15;box-shadow:0 0 0 2px #facc1533,0 10px 22px #1e293b12}.filter-choice-v138 span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#f5f3ff);font-size:20px}.filter-choice-v138 b,.filter-choice-v138 small{display:block}.filter-choice-v138 b{font-size:13px}.filter-choice-v138 small{font-size:10px;color:#64748b;margin-top:2px}@media(max-width:380px){.filter-panel-v138{grid-template-columns:1fr}.live-filter-btn-v138{width:38px!important;height:38px!important}}
/* KONECTIFY_RESTORE_LIVE_FILTERS_V138_END */








/* KONECTIFY_CLEAN_FRAMES_V147_START */
.kf147{background:#0d1220;color:#fff;max-height:84vh;display:flex;flex-direction:column;overflow:hidden;border-radius:24px 24px 0 0}.kf147 .head{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#111827;border-bottom:1px solid #ffffff12}.kf147 .head button{width:35px;height:35px;border-radius:50%;border:0;background:#ffffff12;color:#fff;font-size:20px}.kf147 .head div{flex:1}.kf147 .head b,.kf147 .head small{display:block}.kf147 .head small{font-size:11px;color:#9ca3af}#kf147Body{overflow-y:auto;-webkit-overflow-scrolling:touch}.kf147-stage{position:relative;min-height:260px;padding:12px;background:radial-gradient(circle at 50% 8%,#9333ea88,transparent 30%),linear-gradient(180deg,#321153,#1a0d2f 64%,#0d1220)}.kf147 .rank{position:absolute;left:12px;top:12px;border:0;border-radius:12px;background:#ffffff12;color:#fde68a;font-weight:950;padding:8px 10px}.kf147 .task{position:absolute;right:12px;top:18px;width:112px;padding:9px;border-radius:16px;background:linear-gradient(145deg,#7e22ce,#4c1d95);box-shadow:0 12px 28px #0007;text-align:center}.kf147 .task b{display:block;font-size:10px}.kf147 .task span{display:block;margin-top:5px;font-size:11px;color:#f5d0fe}.kf147 .prev{width:230px;margin:10px auto 0;text-align:center;position:relative;height:190px}.kf147 .prev .ava{position:absolute;left:50%;top:50%;width:var(--pa);height:var(--pa);border-radius:50%;object-fit:cover;transform:translate(-50%,-50%);z-index:2;background:#111827}.kf147 .prev .fra{position:absolute;left:50%;top:50%;width:var(--pf);height:var(--pf);object-fit:contain;transform:translate(-50%,-50%);z-index:5}.kf147 .prev b{display:block;position:absolute;left:0;right:0;bottom:2px;font-size:16px}.kf147 .prev em{display:block;position:absolute;left:0;right:0;bottom:-17px;font-size:11px;color:#d8b4fe;font-style:normal}.kf147 .bal{display:flex;align-items:center;gap:9px;margin:-5px 12px 0;padding:9px 10px;border-radius:18px;background:#151b2b;color:#b8c0d4}.kf147 .bal span{border-radius:999px;background:#312e81;color:#dbeafe;padding:5px 8px;font-size:11px;font-weight:950}.kf147 .bal b{flex:1;font-size:11px}.kf147 .bal a{color:#fff;background:#ffffff18;border-radius:10px;padding:6px 9px;text-decoration:none;font-size:11px}.kf147 .tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 10px 6px;background:#0d1220;position:sticky;top:0;z-index:5}.kf147 .tabs button{border:0;background:transparent;color:#8d98b2;padding:10px 3px;font-weight:950}.kf147 .tabs .on{color:#facc15;box-shadow:inset 0 -3px 0 #facc15}.kf147 .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 9px;padding:13px 12px 24px}.kf147-card{min-height:128px;min-width:0;border:0;background:transparent;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}.kf147-card.active img{filter:drop-shadow(0 0 12px #facc15)}.kf147-card img{width:104px;height:104px;object-fit:contain;display:block}.kf147-card b{display:block;font-size:10.5px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:86px}.kf147-card small{display:block;color:#facc15;font-size:9px;margin-top:3px}.kf147 .empty{grid-column:1/-1;text-align:center;color:#9ca3af;padding:18px}.kf147 .actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(13,18,32,.6),#0d1220 32%);display:grid;grid-template-columns:1fr 1.4fr;gap:9px;padding:12px}.kf147 .actions .btn{margin:0}.kon-wrap-v147{position:relative!important;display:inline-grid!important;place-items:center!important;width:var(--kf-av)!important;height:var(--kf-av)!important;min-width:var(--kf-av)!important;min-height:var(--kf-av)!important;overflow:visible!important;border-radius:50%!important;line-height:0!important}.kon-avatar-v147{width:var(--kf-av)!important;height:var(--kf-av)!important;border-radius:50%!important;object-fit:cover!important;position:relative!important;z-index:2!important;margin:0!important;border:0!important}.kon-frame-v147{position:absolute!important;left:calc(50% + var(--kf-x))!important;top:calc(50% + var(--kf-y))!important;transform:translate(-50%,-50%)!important;width:var(--kf-fr)!important;height:var(--kf-fr)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;z-index:10!important;pointer-events:none!important}.kon-real-frame-v143,.kon-real-frame-v144,.kon-real-frame-v145,.kon-profile-frame-v146{display:none!important}@media(max-width:380px){.kf147 .grid{grid-template-columns:repeat(3,1fr)}.kf147-card img{width:94px;height:94px}.kf147-stage{min-height:245px}.kf147 .task{right:8px;width:94px}}
/* KONECTIFY_CLEAN_FRAMES_V147_END */
/* KONECTIFY_DOWNLOAD_APP_BANNERS_V148_START */
.kon-download-app-row{background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;border:1px solid #bfdbfe!important}.kon-download-app-row .mr-i{background:linear-gradient(135deg,#111827,#7c3aed)!important;color:#fff!important;border-radius:14px;width:34px;height:34px;display:grid;place-items:center}.kon-download-app-row .mr-t{font-weight:950!important}.kon-download-app-row .mr-v{color:#2563eb!important;font-weight:900!important}.download-app-sheet-v148{padding:16px;background:linear-gradient(180deg,#f8fbff,#eef6ff);max-height:76vh;overflow-y:auto}.download-hero-v148{border-radius:24px;padding:20px;text-align:center;color:#fff;background:radial-gradient(circle at 18% 10%,#facc1566,transparent 35%),linear-gradient(135deg,#111827,#312e81,#7c3aed);box-shadow:0 16px 34px #1e1b4b33}.download-logo-v148{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(135deg,#38bdf8,#7c3aed,#f472b6);font-size:34px;font-weight:1000}.download-hero-v148 b{display:block;font-size:20px}.download-hero-v148 p{margin:6px auto 0;max-width:320px;color:#dbeafe;font-size:12px;line-height:1.45}.download-banner-grid-v148{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0}.download-store-banner{width:100%;border:0;border-radius:18px;min-height:72px;display:flex;align-items:center;gap:14px;padding:13px 17px;text-align:left;color:#fff;background:#050816;box-shadow:0 12px 26px #0f172a22}.download-store-banner.android{background:linear-gradient(135deg,#020617,#064e3b)}.download-store-banner.ios{background:linear-gradient(135deg,#020617,#111827)}.download-store-banner .store-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff18;font-size:28px}.download-store-banner .store-icon.play{font-size:23px;color:#22c55e}.download-store-banner small{display:block;font-size:10px;letter-spacing:.3px;color:#cbd5e1}.download-store-banner b{display:block;font-size:21px;line-height:1;margin-top:3px}.download-note-v148{text-align:center;border:1px dashed #93c5fd;background:#eff6ff;color:#1e3a8a;border-radius:16px;padding:12px;font-size:12px;line-height:1.45}@media(min-width:520px){.download-banner-grid-v148{grid-template-columns:1fr 1fr}}
/* KONECTIFY_DOWNLOAD_APP_BANNERS_V148_END */

/* KONECTIFY_V149_CSS_START */
/* V149: clamp frame so it never looks huge, center perfectly, fallback vars */
:root{ --kf-av:88px !important; --kf-fr:135px !important; --kf-x:0px !important; --kf-y:0px !important; --pa:92px !important; --pf:148px !important; }
.kon-wrap-v147{
  width:var(--kf-av) !important; height:var(--kf-av) !important;
  min-width:var(--kf-av) !important; min-height:var(--kf-av) !important;
}
.kon-avatar-v147{
  width:var(--kf-av) !important; height:var(--kf-av) !important;
}
.kon-frame-v147{
  width:var(--kf-fr) !important; height:var(--kf-fr) !important;
  left:calc(50% + var(--kf-x)) !important; top:calc(50% + var(--kf-y)) !important;
  transform:translate(-50%,-50%) !important;
  max-width:none !important; max-height:none !important;
}
/* ensure profile header avatar area centers the wrap */
#profAvatarWrap.kon-wrap-v147{ display:inline-grid !important; place-items:center !important; line-height:0 !important; }
#profAvatarWrap .kon-avatar-v147{ border-radius:50% !important; object-fit:cover !important; }
.pheader .kon-wrap-v147{ vertical-align:middle; }
/* V149 download row polish - keep gradient but ensure visibility */
.kon-download-app-row{ position:relative; overflow:hidden; }
.download-store-banner{ cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent; }
.download-store-banner:active{ transform:scale(0.98); }
.download-app-sheet-v148 .download-note-v148{ font-weight:600; }
/* hide giant emoji fallback if real frame exists */
.kon-wrap-v147 .avatar-frame::before{ display:none !important; }
/* KONECTIFY_V149_CSS_END */


/* KONECTIFY_V150_CSS_START */
/* V150 outside fix: universal centered vars 88/135, gap 47px, ensures frame never sits outside dp */
:root{ --kf-av:88px !important; --kf-fr:135px !important; --kf-x:0px !important; --kf-y:0px !important; --pa:92px !important; --pf:148px !important; }
.kon-wrap-v147{
  width:var(--kf-av) !important; height:var(--kf-av) !important;
  min-width:var(--kf-av) !important; min-height:var(--kf-av) !important;
  display:inline-grid !important; place-items:center !important;
}
.kon-avatar-v147{
  width:var(--kf-av) !important; height:var(--kf-av) !important;
  border-radius:50% !important; object-fit:cover !important;
}
.kon-frame-v147{
  width:var(--kf-fr) !important; height:var(--kf-fr) !important;
  left:calc(50% + var(--kf-x)) !important; top:calc(50% + var(--kf-y)) !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
}
/* profile header: center wrap even if parent is 104px */
#profAvatarWrap.kon-wrap-v147{ margin:auto !important; }
.pheader{ text-align:center; }
/* ensure preview in store uses new vars */
.kf147 .prev .ava{ width:var(--pa) !important; height:var(--pa) !important; }
.kf147 .prev .fra{ width:var(--pf) !important; height:var(--pf) !important; }
/* KONECTIFY_V150_CSS_END */


/* KONECTIFY_V151_TIMER_CSS_START */
.host-live-timer{
  position:absolute !important; left:50% !important; top:8px !important; transform:translateX(-50%) !important;
  z-index:30 !important; display:flex !important; flex-direction:column !important; align-items:center !important;
  gap:2px !important; padding:8px 14px !important; border-radius:14px !important;
  background:linear-gradient(135deg,#0f172aee,#1e1b4bee) !important; border:1px solid #ffffff22 !important;
  backdrop-filter:blur(6px) !important; color:#fff !important; font-size:11px !important; line-height:1.2 !important;
  box-shadow:0 8px 24px #0006 !important; min-width:170px !important; text-align:center !important;
}
.host-live-timer b{ font-size:11px !important; color:#facc15 !important; }
.host-live-timer span{ font-size:13px !important; font-weight:900 !important; color:#fff !important; letter-spacing:0.5px !important; }
.host-live-timer small{ font-size:9px !important; color:#cbd5e1 !important; }
.host-live-timer.finished{ background:linear-gradient(135deg,#064e3b,#0f766e) !important; border-color:#22c55e55 !important; }
#room .rtop{ position:relative !important; }
/* ensure timer not hidden behind other chips */
#livePeoplePanel{ top:10px !important; }
/* KONECTIFY_V151_TIMER_CSS_END */

/* KONECTIFY_V153_EYE_CSS */
.pw-eye-wrap153{ position:relative !important; }
.pw-eye-wrap153 input[type="password"],
.pw-eye-wrap153 input[type="text"]{ padding-right:44px !important; }
.pw-eye-wrap153 button[data-eye153]:active{ transform:translateY(-50%) scale(0.92) !important; }

/* KONECTIFY_QUICK_GIFTS_V55 — one-tap gift row above the chat bar in live rooms */
.room .rbottom{flex-direction:column;align-items:stretch;row-gap:5px}
.room .rbottom-main{display:flex;gap:inherit;align-items:center;width:100%}
.room .quickgifts{display:flex;gap:6px;justify-content:flex-end;padding:0 2px}
.qgift{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:52px;padding:4px 8px 3px;border-radius:15px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.qgift .qe{font-size:19px;line-height:1.15;display:flex}
.qgift .qe img{display:block}
.qgift .qc{font-size:8px;font-weight:800;letter-spacing:.4px;color:#ffd166;line-height:1}
.qgift:active{transform:scale(.93);background:rgba(255,77,157,.28);border-color:rgba(255,77,157,.55)}
.room.hybrid-live-room .rbottom{flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important}
.room.hybrid-live-room .rbottom-main{gap:5px!important}
.room.voice-party-room .rbottom{flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;row-gap:4px!important}
.room.voice-party-room .rbottom-main{gap:4px!important}
.gift-balance.free{justify-content:center;background:rgba(34,211,238,.08)}
.gift-balance.free b{color:#22d3ee}

/* ============================================================
   KONECTIFY_NEON_VIP_V56 — "Neon VIP Club" live room redesign
   Midnight navy · neon pink/purple glow · gold VIP trim
   (concept 1 — see konectify/concepts/concept-1-neon-vip-club.jpg)
   ============================================================ */

/* --- midnight background with neon glow + animated light rays --- */
.room.hybrid-live-room,.room.voice-party-room{
  background:
    radial-gradient(120% 55% at 50% -12%, rgba(255,77,157,.30), transparent 60%),
    radial-gradient(85% 40% at 88% 8%, rgba(168,85,247,.34), transparent 60%),
    radial-gradient(70% 42% at 8% 32%, rgba(99,102,241,.24), transparent 62%),
    linear-gradient(175deg,#07030f 0%,#0b0618 46%,#130826 100%)!important;
}
.room.hybrid-live-room::before,.room.voice-party-room::before{
  content:'';position:absolute;left:50%;top:-16%;width:150%;height:58%;transform:translateX(-50%);
  pointer-events:none;z-index:1;filter:blur(7px);
  background:conic-gradient(from 168deg at 50% 0%,transparent 0deg,rgba(255,77,157,.17) 5deg,transparent 12deg,rgba(168,85,247,.15) 19deg,transparent 26deg,rgba(255,77,157,.13) 33deg,transparent 40deg,transparent 360deg);
  animation:neonRays 6.5s ease-in-out infinite alternate;
}
@keyframes neonRays{from{opacity:.5}to{opacity:1}}
/* floating sparkles */
.room.hybrid-live-room::after,.room.voice-party-room::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:
    radial-gradient(2px 2px at 12% 20%, rgba(255,255,255,.85), transparent 60%),
    radial-gradient(1.5px 1.5px at 80% 12%, rgba(253,230,138,.95), transparent 60%),
    radial-gradient(2px 2px at 91% 40%, rgba(255,77,157,.85), transparent 60%),
    radial-gradient(1.5px 1.5px at 22% 56%, rgba(196,145,255,.9), transparent 60%),
    radial-gradient(2px 2px at 66% 72%, rgba(255,255,255,.65), transparent 60%),
    radial-gradient(1.5px 1.5px at 42% 86%, rgba(253,230,138,.75), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 30%, rgba(255,255,255,.5), transparent 60%);
  animation:neonSparkle 4.5s ease-in-out infinite;
}
@keyframes neonSparkle{0%,100%{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(-7px)}}

/* --- top bar: dark glass, neon host ring, neon LIVE badge --- */
.room.hybrid-live-room .rtop,.room.voice-party-room .rtop{
  background:linear-gradient(180deg,rgba(6,2,14,.92),rgba(6,2,14,.35) 75%,transparent)!important;
}
.room .rtop .host img{
  border:2px solid transparent!important;
  background:linear-gradient(#0b0618,#0b0618) padding-box,linear-gradient(135deg,#ff4d9d,#a855f7) border-box;
  box-shadow:0 0 16px rgba(255,77,157,.6)!important;
}
.room .rtop .liveb{
  background:linear-gradient(135deg,#ff2f8e,#ff4d9d)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.4)!important;letter-spacing:.6px;
  animation:neonLivePulse 1.7s ease-in-out infinite;
}
@keyframes neonLivePulse{0%,100%{box-shadow:0 0 12px rgba(255,47,142,.65),0 0 26px rgba(255,77,157,.35)}50%{box-shadow:0 0 22px rgba(255,47,142,1),0 0 46px rgba(255,77,157,.6)}}
.room .viewers{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
.room .room-follow,.room .live-inbox-btn,.room .live-minimize-btn,.room .rtop>.x,.room .rtop .end-live-room-btn{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
.room .room-follow.following{background:linear-gradient(135deg,rgba(255,77,157,.4),rgba(168,85,247,.4))!important;border-color:rgba(255,77,157,.6)!important}
.room .room-diamond-badge{background:rgba(20,10,38,.75)!important;border:1px solid rgba(248,207,97,.55)!important;color:#fde68a!important}

/* --- host stage: gold VIP frame + crown + pink halo --- */
.room.hybrid-live-room .v9-host-wrap{position:relative}
.room.hybrid-live-room .v9-host-wrap::after{
  content:'';position:absolute;left:50%;top:52%;width:82%;height:112%;transform:translate(-50%,-50%);
  background:radial-gradient(50% 50% at 50% 50%,rgba(255,77,157,.42),rgba(168,85,247,.24) 46%,transparent 72%);
  filter:blur(15px);z-index:0;pointer-events:none;animation:neonHalo 3.2s ease-in-out infinite;
}
@keyframes neonHalo{0%,100%{opacity:.65}50%{opacity:1}}
.room.hybrid-live-room .v9-host-wrap::before{
  content:'👑';position:absolute;left:50%;top:-13px;transform:translateX(-50%);z-index:9;
  font-size:19px;filter:drop-shadow(0 0 9px rgba(248,207,97,.95));
}
.room.hybrid-live-room .v9-video-panel{
  border:2px solid rgba(248,207,97,.95)!important;
  box-shadow:0 0 0 3px rgba(248,207,97,.16),0 0 24px rgba(248,207,97,.4),0 0 48px rgba(255,77,157,.32),0 16px 44px rgba(0,0,0,.5)!important;
  background:#050509!important;
}
.room .seat-host{
  border:2px solid rgba(248,207,97,.9)!important;
  box-shadow:0 0 0 3px rgba(248,207,97,.15),0 0 22px rgba(255,77,157,.4)!important;
  background:#050509!important;
}
.room .seat-host .s-av{border-color:rgba(248,207,97,.8)!important;box-shadow:0 0 12px rgba(248,207,97,.5)}

/* --- guest panels: neon purple glow + star name pills --- */
.room.hybrid-live-room .v9-guest-row .v9-video-panel{
  border:1.5px solid rgba(168,85,247,.85)!important;
  box-shadow:0 0 16px rgba(168,85,247,.45),0 8px 26px rgba(0,0,0,.5)!important;
  background:#050509!important;
}
.room .seat-name,.room .seat-host .seat-name{
  background:rgba(6,2,14,.82)!important;border:1px solid rgba(255,255,255,.2)!important;
  backdrop-filter:blur(4px);
}
.room .v9-guest-row .v9-video-panel .seat-name::before{content:'⭐ ';color:#fde68a}
.room .seat-host .host-tag{background:linear-gradient(135deg,#b8860b,#f8cf61)!important;color:#1a1204!important;border:1px solid #fde68a;box-shadow:0 0 10px rgba(248,207,97,.6)}

/* --- small voice tiles: neon gradient rings --- */
.room.hybrid-live-room .v9-small-voice,.room .v9-small-voice{
  background:linear-gradient(145deg,rgba(127,29,204,.8),rgba(67,56,202,.85))!important;
  border:1.5px solid rgba(255,77,157,.9)!important;
  box-shadow:0 0 13px rgba(255,77,157,.55)!important;
}
.room.voice-party-room .v8-host-seat{
  border:2px solid rgba(248,207,97,.95)!important;
  box-shadow:0 0 0 3px rgba(248,207,97,.18),0 0 28px rgba(255,77,157,.45),0 10px 32px rgba(0,0,0,.55)!important;
  background:#050509!important;
}
.room.voice-party-room .v8-voice-grid .v8-voice-seat{
  background:linear-gradient(145deg,rgba(127,29,204,.8),rgba(67,56,202,.85))!important;
  border:1.5px solid rgba(255,77,157,.85)!important;
  box-shadow:0 0 12px rgba(255,77,157,.5)!important;
}
.room .seat{border:1.5px solid rgba(168,85,247,.6)!important;box-shadow:0 0 12px rgba(168,85,247,.3)!important;background:rgba(5,5,9,.7)!important}

/* --- chat: dark glass, gift messages glow pink --- */
.room.hybrid-live-room .rchat,.room.voice-party-room .rchat{
  background:linear-gradient(0deg,rgba(6,2,14,.94),rgba(6,2,14,.45) 72%,transparent)!important;
}
.room .rmsg{background:rgba(19,9,36,.85)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:11px}
.room .rmsg .gift{color:#fde68a!important}
.room .rmsg:has(> .gift){border-color:rgba(255,77,157,.55)!important;box-shadow:0 0 12px rgba(255,77,157,.28)}

/* --- bottom bar: midnight with pink glow line --- */
.room.hybrid-live-room .rbottom,.room.voice-party-room .rbottom{
  background:linear-gradient(0deg,rgba(4,1,10,.98),rgba(10,4,22,.86) 78%,transparent)!important;
  border-top:1px solid rgba(255,77,157,.22)!important;
}
.room .rbottom-main input{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.room .rbottom-main input::placeholder{color:rgba(255,255,255,.5)}
.room .ricon{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.2)!important}
.room .ricon.gift{
  background:linear-gradient(135deg,#ff2f8e,#a855f7)!important;border:1px solid rgba(255,255,255,.45)!important;
  animation:neonLivePulse 2.4s ease-in-out infinite;
}
.room .ricon.rsend{background:linear-gradient(135deg,#ff2f8e,#ff4d9d)!important;border:1px solid rgba(255,255,255,.4)!important}
/* quick gift chips: glossy neon */
.qgift{background:rgba(19,9,36,.78)!important;border:1px solid rgba(168,85,247,.6)!important;box-shadow:0 0 10px rgba(168,85,247,.3)!important}
.qgift:active{box-shadow:0 0 20px rgba(255,77,157,.8)!important;border-color:rgba(255,77,157,.8)!important}
.qgift .qc{color:#fde68a}
/* tap-to-hear pill + widgets */
.room #tapHear{background:rgba(19,9,36,.92)!important;border:1px solid rgba(255,77,157,.5)!important;color:#fff!important}
.task-card.v9-task,.task-card.v5-task{background:rgba(19,9,36,.85)!important;border:1px solid rgba(248,207,97,.4)!important}
#gameWidget .gw-card,#lbWidget .lb-card{background:rgba(19,9,36,.9)!important;border-color:rgba(255,77,157,.4)!important}

/* ============================================================
   KONECTIFY_NEON_VIP_V56B — all room buttons + timer
   ============================================================ */

/* --- host live timer: gold-rimmed neon chip with glowing time --- */
.host-live-timer{
  background:rgba(19,9,36,.88)!important;
  border:1.5px solid rgba(248,207,97,.85)!important;
  box-shadow:0 0 12px rgba(248,207,97,.4),0 0 26px rgba(255,77,157,.25)!important;
  backdrop-filter:blur(8px);
}
.host-live-timer b{color:#fde68a!important;text-transform:uppercase;letter-spacing:.5px!important}
.host-live-timer span{color:#fff!important;text-shadow:0 0 10px rgba(255,209,102,.85),0 0 22px rgba(255,77,157,.5)!important}
.host-live-timer small{color:rgba(253,230,138,.85)!important}
.host-live-timer.finished{border-color:rgba(255,77,157,.9)!important;box-shadow:0 0 14px rgba(255,77,157,.55)!important}

/* --- trophy ranking button --- */
.v9-rank,.v5-rank{
  background:rgba(19,9,36,.88)!important;
  border:1.5px solid rgba(248,207,97,.7)!important;color:#fde68a!important;
  box-shadow:0 0 10px rgba(248,207,97,.35)!important;
}
.v9-rank:active,.v5-rank:active{box-shadow:0 0 18px rgba(248,207,97,.7)!important}

/* --- people-in-live pill --- */
#livePeoplePanel{background:rgba(19,9,36,.88)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
#livePeoplePanel span,#livePeoplePanel b,#livePeoplePanel small{color:#fff!important}
.live-people-panel .live-person-row{background:rgba(19,9,36,.9)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.live-people-panel .live-person-row b{color:#fff!important}.live-people-panel .live-person-row span{color:rgba(255,255,255,.65)!important}

/* --- seat buttons: mute / remove / leave / follow --- */
.seat-audio-btn,.seat-remove-btn,.s-leave{
  background:rgba(6,2,14,.85)!important;
  border:1.5px solid rgba(255,77,157,.75)!important;
  box-shadow:0 0 9px rgba(255,77,157,.45)!important;color:#fff!important;
}
.seat-audio-btn.muted,.seat-audio-btn.host-lock{border-color:rgba(248,113,113,.9)!important;box-shadow:0 0 10px rgba(248,113,113,.55)!important}
.seat-follow{background:rgba(19,9,36,.9)!important;border:1px solid rgba(255,77,157,.65)!important;color:#fff!important;box-shadow:0 0 10px rgba(255,77,157,.4)!important}

/* --- game widget shell + close --- */
#gameWidget{background:rgba(15,7,30,.94)!important;border:1px solid rgba(255,77,157,.4)!important;box-shadow:0 0 24px rgba(255,77,157,.22),0 18px 44px rgba(0,0,0,.5)!important;backdrop-filter:blur(10px)}
#gameWidget .gx,#lbWidget .gx{background:rgba(255,77,157,.18)!important;border:1px solid rgba(255,77,157,.6)!important;color:#fff!important;box-shadow:0 0 9px rgba(255,77,157,.4)!important}
#gameWidget .gw-top{border-bottom:1px solid rgba(255,255,255,.09)}
#gameWidget b,#gameWidget strong,#gameWidget h4{color:#fff}
.game-menu-card{background:rgba(19,9,36,.9)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.game-menu-card:active{border-color:rgba(255,77,157,.75)!important;box-shadow:0 0 14px rgba(255,77,157,.4)!important}
.game-wait{color:rgba(255,255,255,.55)!important}
/* PK battle gift buttons (override their inline gradients) */
.pk-side button:first-child{background:linear-gradient(135deg,#22d3ee,#6366f1)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 0 16px rgba(34,211,238,.55)!important}
.pk-side button:last-child{background:linear-gradient(135deg,#ff2f8e,#a855f7)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 0 16px rgba(255,77,157,.6)!important}
.pkbar{border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 0 14px rgba(255,77,157,.3)}
/* quiz */
.quiz-lobby,.dice-lobby{background:rgba(19,9,36,.9)!important;color:#fff!important;border:1px solid rgba(255,77,157,.35)!important}
.quiz-lobby p,.dice-lobby p{color:rgba(255,255,255,.6)!important}
.quiz-question{color:#fff!important;text-shadow:0 0 14px rgba(255,77,157,.4)}
.quiz-answer{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
.quiz-answer:active{border-color:rgba(255,77,157,.8)!important;box-shadow:0 0 14px rgba(255,77,157,.5)!important}
.quiz-answer.disabled{opacity:.55}
.quiz-reveal.correct,.quiz-answer.correct{border-color:#fde68a!important;box-shadow:0 0 16px rgba(248,207,97,.6)!important;background:rgba(248,207,97,.14)!important}
.quiz-player{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}
.quiz-player strong{color:#fde68a!important}
.quiz-winner{background:rgba(19,9,36,.9)!important;border:1.5px solid rgba(248,207,97,.75)!important;box-shadow:0 0 22px rgba(248,207,97,.4)!important}
.quiz-winner span{color:#fde68a!important}
.quiz-trophy,.dice-hero{filter:drop-shadow(0 0 12px rgba(248,207,97,.8))}
.dice-prompt{color:#fff!important}
.dice-roll-result{background:rgba(19,9,36,.9)!important;border:1.5px solid rgba(255,77,157,.7)!important;color:#fff!important;box-shadow:0 0 16px rgba(255,77,157,.45)!important}
.lucky-grid .lucky-number{background:rgba(255,255,255,.07)!important;border:1px solid rgba(168,85,247,.5)!important;color:#fff!important}
.leader-title{color:#fde68a!important}

/* --- leaderboard widget --- */
#lbWidget{background:rgba(15,7,30,.95)!important;border:1px solid rgba(248,207,97,.45)!important;box-shadow:0 0 24px rgba(248,207,97,.25),0 18px 44px rgba(0,0,0,.5)!important}
#lbWidget b,#lbWidget strong{color:#fff}
#lbWidget .lb-top{border-bottom:1px solid rgba(248,207,97,.3)}
.lb-row{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
.lb-rank{color:#fde68a!important;font-weight:900!important;text-shadow:0 0 8px rgba(248,207,97,.6)}

/* --- primary buttons inside the room (Join Quiz, Start Round, etc.) --- */
#gameWidget .btn,#lbWidget .btn,.room .rbody .btn{
  box-shadow:0 0 16px rgba(255,77,157,.5),0 6px 18px rgba(0,0,0,.4)!important;
  border:1px solid rgba(255,255,255,.35)!important;
}
#gameWidget .btn.ghost,.room .btn.ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:none!important}

/* --- task card numbers --- */
.task-card.v9-task b,.task-card.v9-task .tc-numbers,.task-card.v5-task .tc-numbers{color:#fde68a!important}
.task-card.v9-task .tc-status{color:#fff!important}

/* --- voice-room host crown tag --- */
.v8-crown{background:linear-gradient(135deg,#b8860b,#f8cf61)!important;color:#1a1204!important;border:1px solid #fde68a;box-shadow:0 0 12px rgba(248,207,97,.65)!important}

/* ============================================================
   KONECTIFY_SUNSET_V57 — "Sunset Festival Pop" live room
   (concept 3 — replaces the midnight V56 theme)
   ============================================================ */

/* --- the actual sunset stage background (image + dark bottom for UI) --- */
.room.hybrid-live-room,.room.voice-party-room{
  background:linear-gradient(180deg,rgba(12,4,26,.22) 0%,rgba(12,4,26,.45) 42%,rgba(8,3,20,.9) 78%,rgba(6,2,16,.97) 100%),url(room_sunset_bg.jpg) center top/cover no-repeat,#130826!important;
}
/* the midnight sparkles/rays/crown are off — the festival image brings its own confetti & beams */
.room.hybrid-live-room::before,.room.voice-party-room::before{display:none!important}
.room.hybrid-live-room::after,.room.voice-party-room::after{display:none!important}
.room.hybrid-live-room .v9-host-wrap::before{display:none!important}

/* --- animated falling confetti (12 light pieces, transforms only) --- */
.sfx-confetti{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.sfx-confetti i{position:absolute;top:-6%;width:7px;height:12px;border-radius:2px;opacity:.95;animation:sfxFall linear infinite}
.sfx-confetti i:nth-child(1){left:5%;background:#ffd60a;animation-duration:7.2s;animation-delay:-1s}
.sfx-confetti i:nth-child(2){left:14%;background:#ff4d9d;animation-duration:9.1s;animation-delay:-4s;width:6px}
.sfx-confetti i:nth-child(3){left:24%;background:#ffffff;animation-duration:6.4s;animation-delay:-2.5s}
.sfx-confetti i:nth-child(4){left:33%;background:#ff9f1c;animation-duration:10.2s;animation-delay:-6s;width:8px}
.sfx-confetti i:nth-child(5){left:43%;background:#a855f7;animation-duration:7.8s;animation-delay:-.5s;width:6px}
.sfx-confetti i:nth-child(6){left:52%;background:#ffd60a;animation-duration:8.6s;animation-delay:-3.2s}
.sfx-confetti i:nth-child(7){left:61%;background:#f472b6;animation-duration:6.9s;animation-delay:-5.4s;width:5px}
.sfx-confetti i:nth-child(8){left:70%;background:#ff9f1c;animation-duration:9.7s;animation-delay:-1.8s}
.sfx-confetti i:nth-child(9){left:79%;background:#ffffff;animation-duration:7.4s;animation-delay:-4.6s;width:6px}
.sfx-confetti i:nth-child(10){left:86%;background:#ff4d9d;animation-duration:10.8s;animation-delay:-7s;width:8px}
.sfx-confetti i:nth-child(11){left:93%;background:#a855f7;animation-duration:6.2s;animation-delay:-2.2s;width:5px}
.sfx-confetti i:nth-child(12){left:48%;background:#ff6b35;animation-duration:8.1s;animation-delay:-6.8s}
@keyframes sfxFall{
  0%{transform:translateY(-8vh) translateX(0) rotate(0deg)}
  25%{transform:translateY(24vh) translateX(14px) rotate(180deg)}
  50%{transform:translateY(52vh) translateX(-12px) rotate(360deg)}
  75%{transform:translateY(78vh) translateX(10px) rotate(540deg)}
  100%{transform:translateY(108vh) translateX(-8px) rotate(720deg)}
}

/* --- host panel: soft white-pink glow frame (no heavy gold) --- */
.room.hybrid-live-room .v9-video-panel{
  border:2px solid rgba(255,255,255,.9)!important;
  box-shadow:0 0 0 3px rgba(255,77,157,.4),0 0 28px rgba(255,77,157,.6),0 16px 44px rgba(0,0,0,.5)!important;
}
.room .seat-host{
  border:2px solid rgba(255,255,255,.85)!important;
  box-shadow:0 0 0 3px rgba(255,77,157,.35),0 0 24px rgba(255,77,157,.5),0 16px 44px rgba(0,0,0,.5)!important;
}
.room.hybrid-live-room .v9-host-wrap::after{
  background:radial-gradient(50% 50% at 50% 50%,rgba(255,159,28,.4),rgba(255,77,157,.3) 46%,transparent 72%)!important;
}
.room .seat-host .host-tag{
  background:linear-gradient(135deg,#ff9f1c,#ffd166)!important;color:#3a1c02!important;
  border:1px solid #fff3d6;box-shadow:0 0 12px rgba(255,209,102,.7);
}
.room .seat-host .s-av{border-color:rgba(255,209,102,.9)!important;box-shadow:0 0 12px rgba(255,209,102,.55)}

/* --- top bar: warm avatar ring, white LIVE pill like the concept --- */
.room .rtop .host img{
  background:linear-gradient(#0b0618,#0b0618) padding-box,linear-gradient(135deg,#ffd166,#ff4d9d) border-box!important;
  box-shadow:0 0 16px rgba(255,209,102,.65)!important;
}
.room .rtop .liveb{
  background:#fff!important;color:#ff2f8e!important;border:0!important;
  box-shadow:0 0 18px rgba(255,47,142,.85),0 0 34px rgba(255,77,157,.5)!important;
  animation:none;
}

/* --- guest tiles: sunset pink-orange rims --- */
.room.hybrid-live-room .v9-guest-row .v9-video-panel{
  border:1.5px solid rgba(255,159,28,.85)!important;
  box-shadow:0 0 16px rgba(255,77,157,.55),0 8px 26px rgba(0,0,0,.5)!important;
}
.room .seat{border:1.5px solid rgba(255,159,28,.65)!important;box-shadow:0 0 12px rgba(255,77,157,.4)!important}

/* --- quick-gift chips: glossy candy like the concept --- */
.qgift{
  background:linear-gradient(160deg,rgba(255,255,255,.25),rgba(255,255,255,.05) 42%),linear-gradient(135deg,#ff9f1c,#ff4d9d 55%,#a855f7)!important;
  border:1px solid rgba(255,255,255,.6)!important;
  box-shadow:0 4px 14px rgba(255,77,157,.45)!important;
  min-width:58px;padding:6px 10px 5px;
}
.qgift .qe{font-size:21px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.qgift .qc{background:rgba(0,0,0,.5);border-radius:8px;padding:1px 6px;font-size:8px;color:#ffe066}
.qgift:active{box-shadow:0 4px 20px rgba(255,159,28,.8)!important}

/* --- bottom bar: sits on the dark part of the image --- */
.room.hybrid-live-room .rbottom,.room.voice-party-room .rbottom{
  background:linear-gradient(0deg,rgba(6,2,16,.97),rgba(6,2,16,.72) 75%,transparent)!important;
  border-top:1px solid rgba(255,159,28,.35)!important;
}
.room .ricon.gift{
  background:linear-gradient(135deg,#ffd166,#ff9f1c)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 0 18px rgba(255,159,28,.8)!important;
  animation:none;
}
.room .ricon.rsend{background:linear-gradient(135deg,#7048e8,#a855f7)!important;border:1px solid rgba(255,255,255,.4)!important}

/* ============================================================
   KONECTIFY_HOST_HERO_V58 — frameless transparent host
   (concept 3: host blends into the scene, no box, upper part)
   ============================================================ */
.room.hybrid-live-room .v9-host-wrap{width:min(100%,520px)!important;height:min(58vw,272px)!important;min-height:150px}
.room.hybrid-live-room #seatHost.v9-video-panel{
  width:min(90vw,432px)!important;max-width:none!important;
  aspect-ratio:16/10!important;height:auto!important;
  border:0!important;border-radius:22px!important;
  background:transparent!important;
  box-shadow:none!important;
}
/* soft edge fade so the video melts into the sunset scene */
.room.hybrid-live-room #seatHost.v9-video-panel video,
.room.hybrid-live-room #seatHost .vplayer video{
  object-fit:cover!important;
  -webkit-mask-image:radial-gradient(118% 118% at 50% 36%, #000 55%, transparent 97%);
  mask-image:radial-gradient(118% 118% at 50% 36%, #000 55%, transparent 97%);
}
/* before video starts: a floating profile bubble instead of a small avatar in a box */
.room.hybrid-live-room #seatHost .s-av{
  width:84px;height:84px;border:2px solid rgba(255,255,255,.75)!important;
  box-shadow:0 0 26px rgba(255,77,157,.65)!important;
}
/* halo behind the hero — very soft warm glow */
.room.hybrid-live-room .v9-host-wrap::after{
  background:radial-gradient(50% 50% at 50% 55%,rgba(255,159,28,.24),rgba(255,77,157,.18) 46%,transparent 72%)!important;
  filter:blur(18px);
}

/* ============================================================
   KONECTIFY_HEADER_V59 — clean header + task card below it
   ============================================================ */

/* --- top bar: navy glass, roomy, name visible --- */
.room.hybrid-live-room .rtop{
  background:linear-gradient(180deg,rgba(10,3,20,.78),rgba(10,3,20,.35) 70%,transparent)!important;
  gap:6px!important;
}
.room.hybrid-live-room .rtop .host{
  background:rgba(10,4,20,.6)!important;
  border:1px solid rgba(255,209,102,.55)!important;
  box-shadow:0 0 14px rgba(255,77,157,.25)!important;
}
.room.hybrid-live-room .rtop .host .hn{
  max-width:88px!important;font-size:12px!important;font-weight:800!important;color:#fff!important;
}
.room.hybrid-live-room .rtop .host .hn::after{content:' ★';color:#ffd166;font-size:10px}
.room.hybrid-live-room .rtop .host .hf{display:block!important;font-size:8px;color:rgba(255,255,255,.55)}
/* --- LIVE badge: proper white pill (no more crushed) --- */
.room.hybrid-live-room .rtop .liveb{
  margin-left:2px!important;height:30px!important;min-width:54px;padding:0 12px!important;
  background:#fff!important;color:#ff2f8e!important;border:0!important;
  font-size:11px!important;font-weight:900!important;letter-spacing:.5px;
  border-radius:20px!important;display:flex!important;align-items:center;justify-content:center;
  box-shadow:0 0 16px rgba(255,47,142,.8),0 0 32px rgba(255,77,157,.45)!important;
}
/* --- viewers + follow: dark glass pills --- */
.room.hybrid-live-room .rtop .viewers{
  background:rgba(10,4,20,.6)!important;border:1px solid rgba(255,255,255,.32)!important;
  color:#fff!important;font-size:10px!important;
}
.room.hybrid-live-room .room-follow{
  background:rgba(10,4,20,.6)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;
}
/* --- task card: BELOW the header (safe-area aware), compact, right side --- */
.task-card.v5-task.v9-task{
  top:calc(env(safe-area-inset-top, 0px) + 66px)!important;
  right:8px!important;
  width:auto!important;max-width:46vw!important;
  padding:6px 10px!important;
  background:linear-gradient(145deg,rgba(127,29,204,.82),rgba(67,56,202,.82))!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.4)!important;
}
.task-card.v5-task.v9-task .tc-title{font-size:9px!important;color:#fde68a!important}
.task-card.v5-task.v9-task .tc-numbers{font-size:10px!important;color:#fff!important}
.task-card.v5-task.v9-task .tc-status{font-size:8px!important;color:rgba(255,255,255,.75)!important}
/* --- voice bubbles: tuck into the faded corners of the hero --- */
.room.hybrid-live-room .v9-side-stack{top:8px!important;gap:34px!important}
/* --- bottom icons: brighter rims so they're visible --- */
.room .ricon{background:rgba(15,6,28,.6)!important;border:1px solid rgba(255,255,255,.42)!important;backdrop-filter:blur(4px)}

/* ============================================================
   KONECTIFY_FESTIVAL_ROOM_V60 — full reference redo
   frameless hero + 2x2 BIG grid (video + voice in the boxes)
   + space for chat & gifts + task card pinned bottom-left
   ============================================================ */

/* --- stage: hero on top, big grid below --- */
#seatStage.v9-hybrid-stage{bottom:140px!important;gap:7px!important;padding:4px 4px 0!important}
.room.hybrid-live-room .v9-host-wrap{height:min(52vw,240px)!important}

/* --- the big 2x2 grid --- */
.v9f-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(96vw,430px);flex:none}
.v9f-grid .v9f-tile{
  position:relative;overflow:hidden;cursor:pointer;flex:none;
  width:auto!important;height:auto!important;aspect-ratio:1/0.92!important;max-width:none!important;min-width:0!important;
  background:rgba(8,3,18,.58)!important;
  border:1.5px solid rgba(255,159,28,.8)!important;border-radius:18px!important;
  box-shadow:0 0 16px rgba(255,77,157,.35),0 12px 28px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(6px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
}
.v9f-grid .v9f-tile:active{box-shadow:0 0 22px rgba(255,159,28,.6),0 12px 28px rgba(0,0,0,.5)!important}
/* empty state: glossy orb + label (like the reference) */
.v9f-grid .v9f-tile .seat-plus{
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff;
  background:radial-gradient(circle at 32% 28%,#b3c2ff,#5b6cff 48%,#3b2fbf 82%);
  box-shadow:0 8px 24px rgba(91,108,255,.65),inset 0 -8px 16px rgba(0,0,0,.35);
}
.v9f-grid .v9f-tile .vb-plus{
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#fff;
  background:radial-gradient(circle at 32% 28%,#d3b3ff,#8b5cf6 48%,#5b2fbf 82%);
  box-shadow:0 8px 22px rgba(139,92,246,.65),inset 0 -8px 16px rgba(0,0,0,.35);
}
.v9f-grid .v9f-tile .seat-label{font-size:13px;font-weight:800;color:rgba(255,255,255,.92);letter-spacing:.4px}
.v9f-grid .v9f-tile .vb-mode{
  position:static!important;transform:none!important;font-size:10px!important;font-weight:800!important;
  color:rgba(255,255,255,.85);letter-spacing:.6px;text-transform:uppercase;
}
/* filled video tile: video fills, name pill at bottom */
.v9f-grid .v9f-tile video,.v9f-grid .v9f-tile .vplayer,.v9f-grid .v9f-tile .vplayer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;background:#05030a}
.v9f-grid .v9f-tile:has(video) .s-av{display:none}
.v9f-grid .v9f-tile .s-av{
  position:relative;z-index:2;width:78px;height:78px;border-radius:50%;
  border:2.5px solid rgba(255,209,102,.9)!important;box-shadow:0 0 20px rgba(255,77,157,.6)!important;
  object-fit:cover;background:#05030a;
}
.v9f-grid .v9f-tile .seat-name{
  position:absolute;left:50%;bottom:9px;transform:translateX(-50%);z-index:4;
  white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;
  background:rgba(6,2,16,.82)!important;border:1px solid rgba(255,255,255,.28)!important;
  padding:4px 12px!important;border-radius:20px;font-size:12px;font-weight:700;
}
.v9f-grid .v9f-tile .vb-mic{position:absolute;top:9px;left:9px;z-index:5;width:26px;height:26px;border-radius:50%;background:rgba(6,2,16,.8);display:grid;place-items:center;font-size:13px}
.v9f-grid .v9f-tile .seat-audio-btn,.v9f-grid .v9f-tile .seat-remove-btn{top:8px;z-index:6}
.v9f-grid .v9f-tile .seat-audio-btn{left:auto;right:8px}
.v9f-grid .v9f-tile .seat-remove-btn{left:8px;right:auto!important}
.v9f-grid .v9f-tile .seat-follow{position:absolute;bottom:9px;right:8px;z-index:6;font-size:9px;padding:3px 8px}
.v9f-grid .v9f-tile:has(.seat-follow) .seat-name{bottom:auto;top:9px;left:9px;transform:none;max-width:60%}

/* --- task card: pinned bottom-left, can NEVER collide with the header --- */
.task-card.v5-task.v9-task{
  top:auto!important;right:auto!important;left:8px!important;
  bottom:calc(var(--live-bottom, 64px) + 46px)!important;
  width:auto!important;max-width:44vw!important;padding:5px 10px!important;
  background:linear-gradient(145deg,rgba(127,29,204,.85),rgba(67,56,202,.85))!important;
  border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 8px 20px rgba(0,0,0,.45)!important;
}
.task-card.v5-task.v9-task .tc-title{font-size:9px!important;color:#fde68a!important;white-space:nowrap}
.task-card.v5-task.v9-task .tc-numbers{font-size:11px!important;color:#fff!important;white-space:nowrap}
.task-card.v5-task.v9-task .tc-status{font-size:8px!important;color:rgba(255,255,255,.8)!important;white-space:nowrap}
.task-card.v5-task.v9-task .task-progress{display:none}

/* --- bigger glossy gift row (reference style) --- */
.qgift{min-width:66px!important;padding:8px 10px 6px!important;border-radius:18px!important}
.qgift .qe{font-size:25px!important}
.qgift .qc{font-size:8.5px!important}

/* --- small / short phones --- */
@media(max-width:390px){
  .v9f-grid{width:min(96vw,340px);gap:6px}
  .v9f-grid .v9f-tile .seat-plus{width:54px;height:54px;font-size:26px}
  .v9f-grid .v9f-tile .s-av{width:66px;height:66px}
  .qgift{min-width:58px!important}
}
@media(max-height:680px){
  .room.hybrid-live-room .v9-host-wrap{height:min(44vw,180px)!important}
  .room.hybrid-live-room #seatHost.v9-video-panel{width:min(80vw,360px)!important}
  .v9f-grid .v9f-tile{aspect-ratio:1/0.78!important}
  .v9f-grid .v9f-tile .seat-plus,.v9f-grid .v9f-tile .vb-plus{width:46px;height:46px;font-size:22px}
  .v9f-grid .v9f-tile .s-av{width:58px;height:58px}
}

/* ============================================================
   KONECTIFY_GLOSS_TILES_V61 — real glossy 3D gift graphics
   + themed guest boxes + floating hearts column (reference)
   ============================================================ */

/* --- quick gifts: real glossy 3D tiles (icon baked into image) --- */
.quickgifts .qgift{
  position:relative;min-width:74px!important;min-height:86px!important;padding:0!important;
  border-radius:20px!important;border:1px solid rgba(255,255,255,.55)!important;
  background-size:cover!important;background-position:center top!important;
  box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 14px rgba(255,77,157,.35)!important;
}
.quickgifts .qgift:nth-child(1){background-image:url(gifts/tile_thumbs.jpg)!important}
.quickgifts .qgift:nth-child(2){background-image:url(gifts/tile_roses.jpg)!important}
.quickgifts .qgift:nth-child(3){background-image:url(gifts/tile_kiss.jpg)!important}
.quickgifts .qgift:nth-child(4){background-image:url(gifts/tile_butterfly.jpg)!important}
.quickgifts .qgift .qe{display:none}
.quickgifts .qgift .qc{
  position:absolute;left:50%;bottom:5px;transform:translateX(-50%);
  background:rgba(0,0,0,.55);border-radius:9px;padding:2px 8px;
  font-size:9px!important;font-weight:800;color:#ffe066;white-space:nowrap;
}
@media(max-width:390px){.quickgifts .qgift{min-width:62px!important;min-height:74px!important}}

/* --- guest boxes: themed sunset background (like the reference tiles) --- */
.v9f-grid .v9f-tile{
  background:rgba(8,3,18,.38),url(gifts/tile_bg.jpg) center bottom/cover no-repeat,#0b0618!important;
}

/* --- floating hearts column (right side, like the reference) --- */
.heart-col{position:absolute;right:12px;bottom:170px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.heart-col span{animation:heartFloat 3.4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,77,157,.8))}
.heart-col span:nth-child(1){font-size:20px}
.heart-col span:nth-child(2){font-size:16px;animation-delay:-.7s;color:#c4a1ff}
.heart-col span:nth-child(3){font-size:13px;animation-delay:-1.4s}
.heart-col span:nth-child(4){font-size:18px;animation-delay:-2.1s;color:#ffd60a}
.heart-col span:nth-child(5){font-size:15px;animation-delay:-2.8s;color:#f472b6}
@keyframes heartFloat{0%,100%{transform:translateY(0) scale(1);opacity:.95}50%{transform:translateY(-8px) scale(1.08);opacity:1}}

/* ============================================================
   KONECTIFY_FINAL_V62 — preferred layout restored + timer pinned
   (timer card can NEVER touch the header: pinned bottom-left)
   ============================================================ */
.task-card.v5-task.v9-task{
  top:auto!important;right:auto!important;
  left:8px!important;bottom:calc(var(--live-bottom, 64px) + 52px)!important;
  width:auto!important;max-width:44vw!important;padding:5px 10px!important;
  background:linear-gradient(145deg,rgba(127,29,204,.85),rgba(67,56,202,.85))!important;
  border:1px solid rgba(255,255,255,.4)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.45)!important;
  z-index:6!important;
}
/* the two big guest boxes get the themed sunset background */
.room.hybrid-live-room .v9-guest-row .seat.big-guest{
  background:rgba(8,3,18,.35),url(gifts/tile_bg.jpg) center bottom/cover no-repeat,#0b0618!important;
}
/* hearts column: right side above the chat, like the reference */
.heart-col{bottom:185px!important}

/* ============================================================
   KONECTIFY_3D_ICONS_V63 — 3D hearts, mics & bottom icons
   ============================================================ */

/* --- floating 3D hearts --- */
.heart-col{gap:12px!important}
.heart-col img{width:27px;display:block;filter:drop-shadow(0 0 10px rgba(255,77,157,.75));animation:heartFloat 3.4s ease-in-out infinite}
.heart-col img.h2{width:21px;animation-delay:-.7s;filter:drop-shadow(0 0 9px rgba(168,85,247,.8))}
.heart-col img.h3{width:18px;animation-delay:-1.4s;filter:drop-shadow(0 0 9px rgba(255,214,10,.8))}
.heart-col img.h4{width:24px;animation-delay:-2.1s}
.heart-col img.h5{width:20px;animation-delay:-2.8s;filter:drop-shadow(0 0 9px rgba(168,85,247,.8))}
.heart-col span{display:none}

/* --- voice mic bubbles: 3D mic graphic --- */
.v9-small-voice{
  background-image:url(gifts/mic_3d.png),linear-gradient(145deg,rgba(127,29,204,.85),rgba(67,56,202,.9))!important;
  background-size:150%,100% 100%!important;
  background-position:center -38%,center!important;
  background-repeat:no-repeat!important;
}
.v9-small-voice .vb-plus{display:none}

/* --- bottom bar: 3D icons --- */
.ricon.icn{font-size:0!important;background-color:rgba(15,6,28,.55)!important;background-size:64%;background-position:center;background-repeat:no-repeat}
.ricon.icn.icn-send{background-image:url(gifts/send_3d.png)}
.ricon.icn.icn-sound{background-image:url(gifts/sound_3d.png)}
.ricon.icn.icn-mic{background-image:url(gifts/mic_3d.png)}
.ricon.icn.icn-mic.muted{filter:grayscale(.75) brightness(.8)}
.ricon.icn.icn-trophy{background-image:url(gifts/trophy_3d.png)}
.ricon.icn.icn-game{background-image:url(gifts/game_3d.png)}
.ricon.icn.icn-heart{background-image:url(gifts/heart_pink.png)}
.ricon.gift.icn{background-image:url(gifts/gift_3d.png)!important;background-size:74%!important}

/* ============================================================
   KONECTIFY_VIDEO_QUICK_GIFTS_V64 — quick gifts = video gifts
   (real posters + play badge)
   ============================================================ */
.quickgifts .qgift:nth-child(1){background-image:url(gifts/quick_lion.jpg)!important}
.quickgifts .qgift:nth-child(2){background-image:url(gifts/quick_knight.jpg)!important}
.quickgifts .qgift:nth-child(3){background-image:url(gifts/quick_dragon.jpg)!important}
.quickgifts .qgift:nth-child(4){background-image:url(gifts/quick_warrior.jpg)!important}
.quickgifts .qgift::after{
  content:'🎬';position:absolute;top:3px;right:5px;z-index:2;font-size:13px;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.9));
}
.quickgifts .qgift .qc{font-size:9.5px!important;padding:2px 9px!important}

/* ============================================================
   KONECTIFY_GIFTS_V65 — 5 classic glossy quick gifts
   (thumbs, beer, roses, flying kiss, love bubbles)
   ============================================================ */
.quickgifts{gap:6px}
.quickgifts .qgift::after{content:none!important}
.quickgifts .qgift{min-width:58px!important;min-height:70px!important;border-radius:16px!important}
.quickgifts .qgift:nth-child(1){background-image:url(gifts/tile_thumbs.jpg)!important}
.quickgifts .qgift:nth-child(2){background-image:url(gifts/tile_beer.jpg)!important}
.quickgifts .qgift:nth-child(3){background-image:url(gifts/tile_roses.jpg)!important}
.quickgifts .qgift:nth-child(4){background-image:url(gifts/tile_kiss.jpg)!important}
.quickgifts .qgift:nth-child(5){background-image:url(gifts/tile_bubbles.jpg)!important}
.quickgifts .qgift .qc{font-size:8.5px!important;padding:1px 7px!important}
@media(max-width:390px){.quickgifts .qgift{min-width:52px!important;min-height:64px!important}}

/* ============================================================
   KONECTIFY_V66 — bulletproof sunset background + timer out
   of the header (pinned bottom-left, safe on every phone)
   ============================================================ */

/* solid base so the room is never blank */
.room.hybrid-live-room,.room.voice-party-room{background:#130826!important}
/* the sunset image as its own dedicated layer (cache-busted) */
.room.hybrid-live-room::before,.room.voice-party-room::before{
  display:block!important;content:''!important;
  position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:0!important;
  z-index:0!important;pointer-events:none!important;
  background-image:url(room_sunset_bg.jpg?v=sunset1)!important;
  background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;
  opacity:1!important;
}
/* dark gradient overlay for UI readability */
.room.hybrid-live-room::after,.room.voice-party-room::after{
  display:block!important;content:''!important;
  position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:0!important;
  z-index:0!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(12,4,26,.12) 0%,rgba(12,4,26,.30) 42%,rgba(8,3,20,.82) 78%,rgba(6,2,16,.94) 100%)!important;
}

/* --- the SESSION/Weekly timer: out of the header, pinned bottom-left --- */
#hostLiveTimer{
  position:absolute!important;left:8px!important;right:auto!important;top:auto!important;
  bottom:calc(var(--live-bottom, 64px) + 46px)!important;
  width:auto!important;max-width:46vw!important;min-width:0!important;min-height:0!important;height:auto!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  padding:5px 10px!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(127,29,204,.88),rgba(67,56,202,.88))!important;
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.5)!important;
  z-index:6!important;
}
#hostLiveTimer b{font-size:9px!important;color:#fde68a!important;white-space:nowrap!important}
#hostLiveTimer span{font-size:10px!important;color:#fff!important;white-space:nowrap!important}
#hostLiveTimer small{font-size:8px!important;color:rgba(255,255,255,.8)!important;white-space:nowrap!important}
/* the other task card goes bottom-RIGHT so the two never collide */
.task-card.v5-task.v9-task{left:auto!important;right:8px!important}