/* Extracted Kite Live CSS - moved from styles.css */

/* ---------- Kite Live menu ---------- */
.kite-live-action-menu{position:relative;display:inline-flex;flex:1 1 auto;min-width:36px;max-width:70px}
.kite-live-action-menu>.kite-live-main-btn{width:100%}
.kite-live-main-btn{background:#e53935!important;color:#fff}
.kite-live-main-btn:hover{background:#c62828!important}
.kite-live-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:100020;min-width:180px;padding:6px;border-radius:12px;background:var(--card-bg,#fff);color:var(--text-color,#222);border:1px solid rgba(0,0,0,.12);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.kite-live-popover.hidden{display:none!important}
.kite-live-item{width:100%;display:flex;align-items:center;gap:10px;justify-content:flex-start;border:0;background:transparent;color:inherit;padding:11px 12px;border-radius:9px;cursor:pointer;font-size:14px}
.kite-live-item:hover{background:rgba(127,127,127,.12)}
.kite-live-item i{width:20px;text-align:center}
@media(max-width:360px){.kite-live-action-menu{min-width:32px;max-width:56px}}
@media(min-width:361px) and (max-width:480px){.kite-live-action-menu{min-width:36px;max-width:64px}}



.kite-live-modal{position:fixed;inset:0;z-index:100600;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:10px}.kite-live-modal.hidden{display:none!important}.kite-live-window{width:min(1000px,100vw);height:min(92vh,900px);background:var(--card-bg,#fff);color:var(--text-color,#172033);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 60px rgba(0,0,0,.4)}.kite-live-head{min-height:62px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(127,127,127,.2)}.kite-live-head h2{margin:0;font-size:20px}.kite-live-head span{font-size:12px;opacity:.7}.kite-live-close{width:40px;height:40px;border:0;border-radius:50%;background:rgba(127,127,127,.12);font-size:28px;color:inherit}.kite-live-body{flex:1;min-height:0;display:flex;flex-direction:column}.kite-live-player{width:100%;aspect-ratio:16/9;max-height:54vh;background:#000;object-fit:contain}.kite-live-toolbar{padding:10px}.kite-live-toolbar input{width:100%;box-sizing:border-box;border:1px solid rgba(127,127,127,.3);border-radius:10px;padding:11px 13px;background:transparent;color:inherit}.kite-live-list{flex:1;min-height:0;overflow:auto;padding:0 10px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.kite-live-card{border:1px solid rgba(127,127,127,.2);border-radius:12px;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;text-align:left;padding:9px;cursor:pointer;min-height:68px}.kite-live-card:hover{background:rgba(127,127,127,.1)}.kite-live-card img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#eee;flex:0 0 48px}.kite-live-card span{min-width:0}.kite-live-card b,.kite-live-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kite-live-card b{font-size:14px}.kite-live-card small{font-size:11px;opacity:.65;margin-top:4px}.kite-live-empty,.kite-live-loading{padding:30px;text-align:center;opacity:.7;grid-column:1/-1}.kite-live-jitsi{display:none;flex:1;min-height:0}.kite-live-jitsi:has(#kite-jitsi-frame){display:flex;flex-direction:column}.kite-live-jitsi-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px}.kite-live-jitsi-head button{border:0;border-radius:8px;padding:8px 10px;background:#1877f2;color:#fff}.kite-live-jitsi #kite-jitsi-frame{flex:1;min-height:0}.kite-live-jitsi #kite-jitsi-frame iframe{width:100%!important;height:100%!important;border:0}.kite-live-jitsi>a{margin:20px}.kite-live-player.hidden{display:none!important}@media(max-width:600px){.kite-live-modal{padding:0}.kite-live-window{width:100vw;height:100dvh;border-radius:0}.kite-live-list{grid-template-columns:1fr}.kite-live-player{max-height:42vh}}





























.kite-nav-live{min-width:0!important;max-width:none!important;width:auto!important}
.kite-main-nav .kite-live-main-btn{width:100%!important;background:linear-gradient(135deg,#e04b62,#f27a45)!important}
.kite-main-nav .kite-live-popover{
  top:calc(100% + 6px)!important;
  left:auto!important;
  right:0!important;
  transform:none!important;
  min-width:190px!important;
}
.kite-main-nav .kite-live-item{font-size:13px!important}










































































































































/* Kite Live v2: country/language folders, favorites and broadcaster reactions */
.kite-live-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 8px}
.kite-live-tabs button{border:0;border-radius:11px;padding:10px 7px;background:rgba(127,127,127,.1);color:inherit;font-weight:750;cursor:pointer;font-size:12px}
.kite-live-tabs button.active{background:linear-gradient(135deg,#16b8ee,#386ff0);color:#fff}
.kite-live-folder{width:100%;border:1px solid rgba(127,127,127,.18);border-radius:13px;background:linear-gradient(135deg,rgba(21,181,239,.96),rgba(55,111,240,.96));color:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:13px 12px;cursor:pointer;min-height:58px;grid-column:1/-1}
.kite-live-folder>span{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.kite-live-folder>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kite-live-folder small{font-size:11px;opacity:.82}.kite-live-folder>i:last-child{font-size:13px;opacity:.9}
.kite-live-back{grid-column:1/-1;border:0;border-radius:10px;background:rgba(127,127,127,.1);color:inherit;padding:10px;text-align:left;cursor:pointer;font-weight:700}
.kite-live-card{position:relative;padding-right:48px}
.kite-live-star{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:rgba(127,127,127,.12);color:#aaa;font-size:20px;cursor:pointer;z-index:2}
.kite-live-star.active{color:#ffb300;background:rgba(255,179,0,.15)}
.kite-live-jitsi:has(#kite-jitsi-frame){display:flex;flex-direction:column}
.kite-live-jitsi #kite-jitsi-frame{flex:1;min-height:180px;background:#000}
.kite-live-jitsi #kite-jitsi-frame iframe{width:100%!important;height:100%!important;border:0}
.kite-live-reactions{display:flex;gap:8px;padding:9px 10px;border-top:1px solid rgba(127,127,127,.18);background:var(--card-bg,#fff)}
.kite-live-reactions button{border:1px solid rgba(127,127,127,.22);background:transparent;color:inherit;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700}
.kite-live-comments{height:150px;overflow:auto;padding:8px 10px;border-top:1px solid rgba(127,127,127,.15);font-size:13px;background:var(--card-bg,#fff)}
.kite-live-comments>div{padding:5px 0}.kite-live-comments b{margin-right:4px}
.kite-live-comment-compose{display:flex;gap:7px;padding:8px 10px;border-top:1px solid rgba(127,127,127,.15);background:var(--card-bg,#fff)}
.kite-live-comment-compose input{flex:1;min-width:0;border:1px solid rgba(127,127,127,.28);border-radius:10px;padding:9px 10px;background:transparent;color:inherit}
.kite-live-comment-compose button{border:0;border-radius:10px;padding:9px 13px;background:#1877f2;color:#fff;font-weight:700}
.notif-live-actions{display:flex!important;gap:7px!important;margin-top:8px}
.notif-live-actions button{border:0;border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:700}.notif-live-watch-btn{background:#1877f2;color:#fff}.notif-live-notnow-btn{background:rgba(127,127,127,.15);color:inherit}
@media(max-width:600px){.kite-live-tabs{grid-template-columns:repeat(2,1fr)}.kite-live-comments{height:120px}.kite-live-reactions button{padding:7px 9px}}
/* Kite Live v3 native broadcast UI */
.kite-live-jitsi{display:none!important}
.kite-live-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:2px}
.kite-live-tabs button{border:1px solid rgba(127,127,127,.22);border-radius:11px;padding:10px 8px;background:transparent;color:inherit;font-weight:700;cursor:pointer}
.kite-live-tabs button.active{background:#1877f2;color:#fff;border-color:#1877f2}
.kite-live-folder{grid-column:1/-1;width:100%;display:flex;align-items:center;gap:10px;border:1px solid rgba(127,127,127,.18);border-radius:12px;background:linear-gradient(135deg,#16b5ef,#3474ef);color:#fff;padding:14px;text-align:left;cursor:pointer}
.kite-live-folder>span{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.kite-live-folder small{opacity:.9}.kite-live-folder>i:last-child{margin-left:4px}
.kite-live-card{position:relative;padding-right:50px}
.kite-live-star{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:rgba(127,127,127,.12);color:#aaa;font-size:20px;cursor:pointer;z-index:2}
.kite-live-star.active{color:#ffb300;background:rgba(255,179,0,.15)}
.kite-live-stream-panel{position:relative;width:100%;display:flex;flex-direction:column;background:#000;color:#fff;min-height:0}
.kite-live-stream-panel .kite-live-broadcast-video{display:block;width:100%;aspect-ratio:16/9;max-height:62vh;object-fit:contain;background:#000}
.kite-live-stream-bar{display:flex;align-items:center;gap:12px;padding:9px 12px;background:rgba(0,0,0,.9);font-size:13px}.kite-live-stream-bar b{color:#ff4d4d}.kite-live-stream-bar span{margin-left:auto;opacity:.8}.kite-live-end-btn{border:0;border-radius:9px;padding:7px 11px;background:#e53935;color:#fff;font-weight:700;cursor:pointer}
.kite-live-stream-status{padding:7px 12px;background:#000;color:#fff;font-size:12px;opacity:.8}
.kite-live-reactions{display:flex;gap:8px;padding:9px 10px;border-top:1px solid rgba(127,127,127,.18);background:var(--card-bg,#fff)}
.kite-live-reactions button{border:1px solid rgba(127,127,127,.22);background:transparent;color:inherit;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700}
.kite-live-comments{height:150px;overflow:auto;padding:8px 10px;border-top:1px solid rgba(127,127,127,.15);font-size:13px;background:var(--card-bg,#fff);color:var(--text-color,#172033)}
.kite-live-comments>div{padding:5px 0}.kite-live-comments b{margin-right:4px}
.kite-live-comment-compose{display:flex;gap:7px;padding:8px 10px;border-top:1px solid rgba(127,127,127,.15);background:var(--card-bg,#fff)}
.kite-live-comment-compose input{flex:1;min-width:0;border:1px solid rgba(127,127,127,.28);border-radius:10px;padding:9px 10px;background:transparent;color:inherit}
.kite-live-comment-compose button{border:0;border-radius:10px;padding:9px 13px;background:#1877f2;color:#fff;font-weight:700}
@media(max-width:600px){.kite-live-tabs{grid-template-columns:1fr 1fr}.kite-live-tabs button:last-child{grid-column:1/-1}.kite-live-comments{height:120px}.kite-live-stream-panel .kite-live-broadcast-video{max-height:48vh}}

/* Kite Live v4: equal navigation, top-left back, four favorite-able catalogs */
.kite-live-head{position:relative;display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 14px;box-sizing:border-box}
.kite-live-head>div{flex:1;min-width:0;text-align:center}
.kite-live-head h2{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kite-live-back-top,.kite-live-close{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;flex:0 0 42px!important;border:0;border-radius:10px;background:rgba(127,127,127,.12);color:inherit;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;cursor:pointer}
.kite-live-back-top.hidden,.kite-live-close.hidden{display:none!important}
.kite-live-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
.kite-live-tabs button{height:44px!important;min-height:44px!important;padding:8px 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;white-space:nowrap!important}
.kite-live-folder{min-height:50px!important;height:50px!important;box-sizing:border-box!important}
.kite-live-card{min-height:68px!important;box-sizing:border-box!important}
.kite-live-star{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:21px!important}
.kite-live-list{position:relative}
@media(max-width:700px){.kite-live-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kite-live-tabs button:last-child{grid-column:auto!important}.kite-live-tabs button{font-size:12px!important}}
.kite-live-popover .kite-live-item{height:44px!important;min-height:44px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:10px!important}
/* Kite Live v5 final UI corrections */
.kite-live-head{position:relative!important;justify-content:center!important}
.kite-live-head>div{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100% - 120px)!important;text-align:center!important}
.kite-live-head h2,.kite-live-head span{display:block;text-align:center!important}
.kite-live-tabs{gap:2px!important;margin-left:0!important;margin-right:0!important}
.kite-live-tabs button{gap:2px!important;padding-left:4px!important;padding-right:4px!important}
.kite-live-list{gap:5px!important}
.kite-live-folder{gap:7px!important}
.kite-live-star{right:6px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}
.kite-live-card{padding-right:48px!important}
.kite-live-toolbar{padding:6px 8px!important}
.kite-live-toolbar.hidden{display:none!important}
@media(max-width:700px){.kite-live-tabs{gap:2px!important}
  .kite-live-tabs button{height:42px!important;min-height:42px!important;font-size:11px!important}
  .kite-live-head>div{width:calc(100% - 105px)!important}}

/* Kite Live v6: fixed header navigation + star aligned in every card */
.kite-live-head{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  justify-content:initial!important;
  gap:8px!important;
  min-height:62px!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
}
.kite-live-head>div{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  width:auto!important;
  min-width:0!important;
  transform:none!important;
  text-align:center!important;
}
.kite-live-head h2,.kite-live-head span{display:block!important;text-align:center!important}
.kite-live-back-top{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.kite-live-close{grid-column:3!important;grid-row:1!important;justify-self:end!important}
.kite-live-back-top.hidden,.kite-live-close.hidden{display:none!important}


.kite-live-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px!important;
  padding-right:9px!important;
  min-height:68px!important;
  box-sizing:border-box!important;
}
.kite-live-card>img{grid-column:1!important;grid-row:1!important}
.kite-live-card>span{grid-column:2!important;grid-row:1!important;min-width:0!important}
.kite-live-card>.kite-live-star{
  position:static!important;
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  margin:0!important;
  transform:none!important;
}

.kite-live-card:not(:has(>img))>span{grid-column:1 / 3!important}

@media(max-width:700px){.kite-live-head{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:5px!important;padding-left:8px!important;padding-right:8px!important}
  .kite-live-card{grid-template-columns:42px minmax(0,1fr) 36px!important;gap:8px!important}
  .kite-live-card:not(:has(>img))>span{grid-column:1 / 3!important}}

/* Kite Live v7: root-page navigation, catalog search, spacing, favorites */
.kite-live-tabs{
  gap:6px!important;
  margin-left:0!important;
  margin-right:0!important;
}
.kite-live-tabs button{
  gap:4px!important;
  padding-left:7px!important;
  padding-right:7px!important;
}
.kite-live-back-top,.kite-live-close{
  position:relative!important;
  z-index:5!important;
}
.kite-live-toolbar.hidden{display:none!important}
.kite-live-card>.kite-live-star.active{
  color:#ffb300!important;
  background:rgba(255,179,0,.18)!important;
  text-shadow:0 0 6px rgba(255,179,0,.35);
}
@media(max-width:700px){.kite-live-tabs{gap:5px!important}
  .kite-live-tabs button{font-size:11px!important;padding-left:5px!important;padding-right:5px!important}}


/* Kiters Live v8: full-screen broadcast + YouTube-style live interaction */
.kite-live-modal{padding:0!important;align-items:stretch!important;justify-content:stretch!important}
.kite-live-window{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important}
.kite-live-head{min-height:58px!important}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-head{background:#000!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-body{background:#000!important;color:#fff!important;overflow:hidden!important}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-list{display:block!important;overflow:hidden!important;padding:0!important}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-toolbar{display:none!important}
.kite-live-stream-panel{position:relative!important;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;width:100%!important;height:100%!important;background:#000!important;color:#fff!important;overflow:hidden!important}
.kite-live-stream-bar{position:absolute!important;left:0!important;right:0!important;top:0!important;z-index:20!important;height:50px!important;padding:8px 12px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;background:linear-gradient(rgba(0,0,0,.78),transparent)!important}
.kite-live-stream-bar b{font-size:13px!important}
.kite-live-stream-bar span{margin-left:auto!important;font-size:12px!important}
.kite-live-end-btn{border:0!important;border-radius:8px!important;padding:7px 11px!important;background:rgba(255,255,255,.16)!important;color:#fff!important}
.kite-live-video-wrap{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important}
.kite-live-stream-panel .kite-live-broadcast-video{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;background:#000!important}
.kite-live-comment-overlay{position:absolute!important;left:12px!important;right:12px!important;bottom:78px!important;z-index:15!important;max-height:42%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:5px!important;pointer-events:none!important;text-align:left!important}
.kite-live-comment-bubble{width:max-content!important;max-width:min(88%,680px)!important;padding:6px 10px!important;border-radius:15px!important;background:rgba(0,0,0,.62)!important;color:#fff!important;font-size:13px!important;line-height:1.3!important;text-shadow:0 1px 2px #000!important}
.kite-live-comment-bubble b{margin-right:4px!important}
.kite-live-livebar{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:25!important;display:flex!important;align-items:center!important;gap:7px!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;background:linear-gradient(transparent,rgba(0,0,0,.92))!important}
.kite-live-livebar>[data-live-react]{border:0!important;border-radius:18px!important;padding:8px 11px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:14px!important}
.kite-live-livebar>[data-live-react].host-count{opacity:.9!important;cursor:default!important}
.kite-live-comment-compose{display:flex!important;flex:1!important;min-width:0!important;gap:6px!important}
.kite-live-comment-compose input{width:100%!important;min-width:0!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:20px!important;padding:9px 12px!important;background:rgba(0,0,0,.55)!important;color:#fff!important;outline:none!important}
.kite-live-comment-compose button{border:0!important;border-radius:20px!important;padding:8px 13px!important;background:#1877f2!important;color:#fff!important}
.kite-live-comment-compose.host-hidden{display:none!important}
@media(max-width:700px){.kite-live-head{min-height:54px!important}
  .kite-live-stream-bar{height:46px!important;padding:7px 9px!important}
  .kite-live-comment-overlay{left:8px!important;right:8px!important;bottom:72px!important;max-height:45%!important}
  .kite-live-comment-bubble{font-size:12px!important;padding:5px 8px!important}
  .kite-live-livebar{gap:5px!important;padding-left:7px!important;padding-right:7px!important}
  .kite-live-livebar>[data-live-react]{padding:8px 9px!important;font-size:13px!important}}


/* Kiters Live v9: keep the broadcast stage in a phone-sized portrait frame.
   Catalog pages are unaffected because this applies only while a stream panel exists. */
.kite-live-window:has(.kite-live-stream-panel){
  background:#000!important;
}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-body{
  align-items:center!important;
}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-list{
  width:min(100%,430px)!important;
  max-width:430px!important;
  margin:0 auto!important;
}
.kite-live-stream-panel{
  width:min(100%,430px)!important;
  max-width:430px!important;
  margin:0 auto!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
}
.kite-live-video-wrap{
  width:100%!important;
  height:100%!important;
}
.kite-live-stream-panel .kite-live-broadcast-video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
@media(max-width:700px){.kite-live-window:has(.kite-live-stream-panel) .kite-live-body{align-items:stretch!important}
  .kite-live-stream-panel{width:100%!important;max-width:none!important;border-left:0!important;border-right:0!important}
  .kite-live-stream-bar{padding-left:8px!important;padding-right:8px!important;gap:7px!important}
  .kite-live-stream-bar span{font-size:11px!important}
  .kite-live-end-btn{padding:7px 9px!important;font-size:12px!important}
  .kite-live-livebar{flex-wrap:nowrap!important}
  .kite-live-livebar>[data-live-react]{white-space:nowrap!important;min-width:52px!important}
  .kite-live-comment-compose{min-width:0!important}
  .kite-live-comment-compose input{font-size:13px!important}
  .kite-live-comment-compose button{padding:8px 10px!important}}


/* Kiters Live v10: true full-screen live stage + bottom interaction bar */
.kite-live-window:has(.kite-live-stream-panel){width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding:0!important}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-head{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:30!important;background:linear-gradient(rgba(0,0,0,.75),transparent)!important;border:0!important;min-height:54px!important}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-body{height:100%!important;width:100%!important;padding:0!important;display:block!important;background:#000!important;overflow:hidden!important}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-list{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important}
.kite-live-stream-panel{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;border:0!important}
.kite-live-stream-panel .kite-live-broadcast-video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.kite-live-livebar{bottom:0!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;min-height:58px!important}
.kite-live-livebar>[data-live-react]{min-width:48px!important;height:40px!important;padding:8px 10px!important}
.kite-live-comment-compose{height:40px!important}
.kite-live-comment-compose input{height:40px!important;box-sizing:border-box!important}
.kite-live-comment-compose button{height:40px!important}
@media(max-width:700px){.kite-live-window:has(.kite-live-stream-panel) .kite-live-head{min-height:48px!important}
  .kite-live-stream-bar{top:48px!important;height:42px!important;background:linear-gradient(rgba(0,0,0,.65),transparent)!important}
  .kite-live-livebar{gap:5px!important;padding:7px 6px calc(7px + env(safe-area-inset-bottom))!important}
  .kite-live-livebar>[data-live-react]{min-width:42px!important;height:38px!important;padding:7px 8px!important;font-size:14px!important}
  .kite-live-comment-compose input{font-size:13px!important}}

.kite-live-window:not(:has(.kite-live-stream-panel)) #kite-live-status:empty{display:none!important}


/* Kiters Live v11: clean single-close fullscreen UI + polished viewer composer */
.kite-live-window:has(.kite-live-stream-panel) .kite-live-head{
  pointer-events:none!important;
}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-head #kite-live-close{
  pointer-events:auto!important;
  width:42px!important;height:42px!important;
  min-width:42px!important;min-height:42px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.52)!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  backdrop-filter:blur(8px)!important;
}
.kite-live-window:has(.kite-live-stream-panel) .kite-live-stream-bar{
  pointer-events:none!important;
}
.kite-live-comment-compose{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  flex:1 1 auto!important;
  padding:3px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:24px!important;
  background:rgba(20,20,20,.72)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px)!important;
}
.kite-live-comment-compose input{
  flex:1 1 auto!important;
  width:auto!important;
  height:42px!important;
  min-height:42px!important;
  border:0!important;
  border-radius:21px!important;
  padding:0 13px!important;
  background:transparent!important;
  color:#fff!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.kite-live-comment-compose input::placeholder{color:rgba(255,255,255,.68)!important}
.kite-live-comment-compose input:focus{outline:none!important}
.kite-live-comment-compose button{
  flex:0 0 auto!important;
  height:36px!important;
  min-width:58px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:18px!important;
  background:#1877f2!important;
  color:#fff!important;
  font-weight:700!important;
  box-shadow:0 3px 10px rgba(0,0,0,.28)!important;
}
.kite-live-comment-compose button:active{transform:scale(.96)}
.kite-live-livebar{
  align-items:center!important;
}
.kite-live-livebar>[data-live-react]{
  flex:0 0 auto!important;
}
.kite-live-stream-panel .kite-live-end-btn{display:none!important}
@media(max-width:600px){.kite-live-window:has(.kite-live-stream-panel) .kite-live-head #kite-live-close{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  }
  .kite-live-comment-compose{gap:5px!important;padding:2px!important}
  .kite-live-comment-compose input{height:38px!important;min-height:38px!important;font-size:13px!important;padding:0 11px!important}
  .kite-live-comment-compose button{height:34px!important;min-width:52px!important;padding:0 11px!important;font-size:12px!important}}

.kite-live-window[data-kite-favorites-only="true"] .kite-live-tabs,
.kite-live-window[data-kite-favorites-only="true"] .kite-live-toolbar{display:none!important}

.kite-live-mute{border:0;border-radius:18px;padding:8px 12px;font-weight:700;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.kite-live-mute.active{background:rgba(255,80,80,.28)}
@media(max-width:600px){.kite-live-mute{padding:7px 10px;font-size:12px}}


/* ---------- Kite Live controls: compact reactions + wrapped comments ---------- */
.kite-live-stream-panel .kite-live-livebar{
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
  min-height:58px!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  z-index:40!important;
  background:linear-gradient(transparent,rgba(0,0,0,.94))!important;
}
.kite-live-stream-panel .kite-live-livebar.host-controls > [data-live-react],
.kite-live-host-emoji-count,
.kite-live-mute,
.kite-live-reaction-toggle{
  flex:0 0 auto!important;
  height:40px!important;
  min-width:44px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:20px!important;
  background:rgba(0,0,0,.48)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:7px 11px!important;
  font-size:14px!important;
  font-weight:700!important;
  backdrop-filter:blur(10px)!important;
}
.kite-live-host-emoji-count{cursor:default!important}
.kite-live-mute{cursor:pointer!important;font-size:18px!important}
.kite-live-mute.active{background:rgba(255,70,70,.38)!important}
.kite-live-reaction-toggle{cursor:pointer!important;font-size:18px!important}
.kite-live-livebar.viewer-controls{position:relative!important;align-items:flex-end!important}
.kite-live-livebar.viewer-controls .kite-live-reaction-toggle{margin-left:auto!important}
.kite-live-reaction-panel{
  position:absolute!important;
  right:7px!important;
  bottom:55px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(8px) scale(.96)!important;
  pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  z-index:60!important;
}
.kite-live-reaction-panel.open{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
  pointer-events:auto!important;
}
.kite-live-reaction-panel button,
.kite-live-emoji-count-btn{
  min-width:58px!important;
  height:42px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:21px!important;
  background:rgba(0,0,0,.68)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:7px 10px!important;
  font-size:15px!important;
  font-weight:700!important;
  cursor:pointer!important;
  backdrop-filter:blur(12px)!important;
}
.kite-live-livebar.reactions-open .kite-live-comment-compose{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.kite-live-emoji-picker{
  position:absolute!important;
  right:70px!important;
  bottom:58px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:6px!important;
  border-radius:18px!important;
  background:rgba(0,0,0,.72)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  backdrop-filter:blur(12px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(6px)!important;
  transition:.15s ease!important;
  z-index:65!important;
}
.kite-live-emoji-picker.open{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;
}
.kite-live-emoji-picker button{
  width:42px!important;height:38px!important;border:0!important;border-radius:14px!important;
  background:rgba(255,255,255,.1)!important;color:#fff!important;font-size:19px!important;cursor:pointer!important;
}
.kite-live-comment-compose{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  transition:opacity .15s ease,visibility .15s ease!important;
}
.kite-live-comment-compose input{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:40px!important;
  box-sizing:border-box!important;
  border-radius:20px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.kite-live-comment-compose button{height:40px!important;flex:0 0 auto!important}
.kite-live-comment-overlay{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
  scrollbar-width:none!important;
}
.kite-live-comment-overlay::-webkit-scrollbar{display:none!important}
.kite-live-comment-bubble{
  display:block!important;
  width:fit-content!important;
  max-width:min(88%,680px)!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
}
.kite-live-comment-bubble b{overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:600px){
  .kite-live-stream-panel .kite-live-livebar{gap:5px!important;padding-left:7px!important;padding-right:7px!important}
  .kite-live-stream-panel .kite-live-livebar.host-controls > [data-live-react],
  .kite-live-host-emoji-count,.kite-live-mute,.kite-live-reaction-toggle{height:38px!important;min-width:40px!important;padding:6px 8px!important;font-size:13px!important}
  .kite-live-mute{font-size:17px!important}
  .kite-live-reaction-panel{right:5px!important;bottom:51px!important}
  .kite-live-reaction-panel button,.kite-live-emoji-count-btn{min-width:54px!important;height:40px!important;font-size:14px!important}
  .kite-live-emoji-picker{right:62px!important;bottom:53px!important}
  .kite-live-comment-compose input{font-size:13px!important}
}


/* ---------- Kiters Live viewer bottom controls / comments ---------- */
.kite-live-livebar.viewer-controls{
  left:0!important;right:0!important;bottom:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-direction:row!important;gap:7px!important;
  padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
}
.kite-live-livebar.viewer-controls .kite-live-comment-compose{
  order:1!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;
  max-width:none!important;margin:0!important;
}
.kite-live-livebar.viewer-controls .kite-live-reaction-toggle{
  order:2!important;flex:0 0 42px!important;margin:0!important;
  width:42px!important;min-width:42px!important;height:40px!important;
  border-radius:20px!important;
}
.kite-live-livebar.viewer-controls .kite-live-comment-compose input{
  height:40px!important;border-radius:20px!important;
  padding:0 12px!important;background:rgba(0,0,0,.55)!important;
}
.kite-live-livebar.viewer-controls .kite-live-comment-compose button{
  width:40px!important;min-width:40px!important;height:40px!important;
  padding:0!important;border-radius:20px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.kite-live-livebar.viewer-controls.reactions-open .kite-live-comment-compose{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
.kite-live-comment-overlay{
  left:8px!important;right:8px!important;bottom:62px!important;
  max-height:56%!important;height:auto!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  justify-content:flex-end!important;
  padding:4px 3px 8px!important;
  pointer-events:none!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.kite-live-comment-overlay.comments-open{
  pointer-events:auto!important;
  touch-action:pan-y!important;
  justify-content:flex-start!important;
  background:linear-gradient(to top,rgba(0,0,0,.22),transparent 85%)!important;
}
.kite-live-comment-overlay::-webkit-scrollbar{display:none!important}
.kite-live-comment-bubble{margin:2px 0!important;max-width:min(92%,680px)!important}
.kite-live-reaction-panel{
  right:6px!important;bottom:51px!important;
  flex-direction:column!important;
}
@media(max-width:600px){
  .kite-live-livebar.viewer-controls{gap:5px!important;padding:7px 6px calc(7px + env(safe-area-inset-bottom))!important}
  .kite-live-livebar.viewer-controls .kite-live-reaction-toggle{width:40px!important;min-width:40px!important;height:38px!important}
  .kite-live-livebar.viewer-controls .kite-live-comment-compose input{height:38px!important;font-size:13px!important}
  .kite-live-livebar.viewer-controls .kite-live-comment-compose button{width:38px!important;min-width:38px!important;height:38px!important}
  .kite-live-comment-overlay{bottom:58px!important;max-height:60%!important}
}

/* FINAL: Kiters Live viewer controls MUST stay at the bottom */
.kite-live-stream-panel > .kite-live-livebar.viewer-controls,
.kite-live-window .kite-live-stream-panel .kite-live-livebar.viewer-controls {
  position:absolute !important;
  top:auto !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  z-index:100 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin:0 !important;
}
.kite-live-stream-panel > .kite-live-livebar.viewer-controls .kite-live-reaction-toggle {
  order:2 !important;
  position:relative !important;
  top:auto !important;
  bottom:auto !important;
  flex:0 0 42px !important;
}
.kite-live-stream-panel > .kite-live-livebar.viewer-controls .kite-live-comment-compose {
  order:1 !important;
  position:relative !important;
  top:auto !important;
  bottom:auto !important;
  flex:1 1 auto !important;
  margin:0 !important;
}
.kite-live-stream-panel > .kite-live-livebar.viewer-controls .kite-live-comment-compose input,
.kite-live-stream-panel > .kite-live-livebar.viewer-controls .kite-live-comment-compose button {
  position:relative !important;
  top:auto !important;
  bottom:auto !important;
}

/* FINAL: Live comments are scrollable on BOTH host and viewer windows. */
.kite-live-comment-overlay {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
}
.kite-live-comment-overlay::-webkit-scrollbar { display:none !important; }
.kite-live-comment-overlay.comments-open {
  pointer-events: auto !important;
  touch-action: pan-y !important;
  justify-content: flex-start !important;
}
.kite-live-comment-compose button i.fa-paper-plane,
.kite-live-comment-compose button .fa-paper-plane {
  font-family: FontAwesome, "Font Awesome 6 Free", sans-serif !important;
}


/* ===== Rich Share Cards: large thumbnail, URL hidden ===== */
.kite-rich-link-card{
  width:100% !important;
  max-width:520px !important;
  min-width:0;
  display:block !important;
  overflow:hidden !important;
  border-radius:16px !important;
  box-sizing:border-box !important;
}
.kite-rich-link-card .kite-link-preview-media{
  width:100% !important;
  height:180px !important;
  min-height:150px;
}
.kite-rich-link-card .kite-link-preview-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.kite-rich-link-card .kite-link-url{
  display:none !important;
}
.kite-rich-link-card .kite-link-copy{
  padding:11px 13px 12px;
}
@media (max-width:480px){
  .kite-rich-link-card .kite-link-preview-media{
    height:170px !important;
  }
}