/* JenseitsAkte V53 - dedicated live controls, shared by desktop and app */
#live-zoom-panel.live53-zoom-panel{
  position:absolute!important;
  z-index:60!important;
  right:84px!important;
  bottom:132px!important;
  width:min(360px,calc(100% - 112px))!important;
  min-width:0!important;
  display:block!important;
  padding:12px!important;
  border:1px solid rgba(233,205,157,.58)!important;
  border-radius:12px!important;
  background:rgba(24,18,13,.93)!important;
  color:#fff6e5!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(9px)!important;
}
#live-zoom-panel.live53-zoom-panel[hidden]{display:none!important}
#live-zoom-panel.live53-zoom-panel>label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 8px!important;
  color:#fff6e5!important;
  font-size:13px!important;
  font-weight:900!important;
}
#live-zoom-panel .live53-zoom-controls{
  width:100%!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  gap:7px!important;
  align-items:center!important;
}
#live-zoom-panel .live53-zoom-controls>button{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:9px!important;
  background:#3b2a1c!important;
  color:#fff7e7!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
}
#live-zoom-panel .live53-zoom-controls>button:active{transform:scale(.96)!important}
#live-zoom-panel .live53-zoom-controls>input[type="range"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  accent-color:#d1a461!important;
  touch-action:pan-x!important;
}
#live-zoom-panel .live53-zoom-help{
  display:block!important;
  margin-top:7px!important;
  color:#d8c7a9!important;
  font-size:10px!important;
  line-height:1.35!important;
}

.live53-mic-help{
  margin-top:7px!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  border:1px solid rgba(216,171,112,.55)!important;
  background:rgba(49,34,22,.86)!important;
  color:#f8ead4!important;
  font-size:11px!important;
  line-height:1.42!important;
}
.live53-mic-help[hidden]{display:none!important}
.live53-mic-help strong{color:#fff!important}
.live53-mic-help button{
  margin-top:7px!important;
  min-height:34px!important;
  border:1px solid #d2ad73!important;
  border-radius:8px!important;
  background:#7a4c27!important;
  color:#fff8e9!important;
  padding:0 10px!important;
  font-weight:900!important;
}

@media(max-width:720px){
  #live-zoom-panel.live53-zoom-panel{
    right:62px!important;
    left:10px!important;
    bottom:188px!important;
    width:auto!important;
    max-width:none!important;
    padding:10px!important;
  }
  #live-zoom-panel .live53-zoom-controls{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:6px!important;
  }
  #live-zoom-panel .live53-zoom-controls>button{
    width:38px!important;height:38px!important;min-width:38px!important;font-size:22px!important;
  }
}


/* V57: Live-Werkzeuge bleiben auf kleinen Displays immer erreichbar. */
.tt-live-side-rail,
.tt-mobile-live-rail{
  z-index:40!important;
  max-height:min(58dvh,430px)!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-width:thin!important;
  padding:5px 5px 10px!important;
  align-content:start!important;
}
.tt-live-side-rail::-webkit-scrollbar,
.tt-mobile-live-rail::-webkit-scrollbar{width:5px!important}
.tt-live-side-rail::-webkit-scrollbar-thumb,
.tt-mobile-live-rail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42)!important;border-radius:999px!important}
#stop-live{z-index:45!important}
#stop-live>span{box-shadow:0 0 0 2px rgba(0,0,0,.28),0 8px 18px rgba(0,0,0,.35)!important}
.live32-stage .tt-live-side-rail{max-height:calc(100dvh - 245px)!important}
.tt-mobile-live-rail{max-height:calc(100dvh - 275px)!important}
#live-zoom-panel.live53-zoom-panel{max-height:min(46dvh,300px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
.live-enable-audio{cursor:pointer!important;min-height:38px!important;padding:8px 12px!important;background:#fff1d3!important;color:#24160e!important;border:2px solid #9b6639!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important}
@media(max-height:720px){
  .tt-live-side-rail,.tt-mobile-live-rail{gap:7px!important}
  .tt-live-round>span,.tt-mobile-round>span{width:40px!important;height:40px!important}
  .tt-live-round small,.tt-mobile-round small{font-size:7px!important}
  .tt-mobile-live-rail{bottom:172px!important;max-height:calc(100dvh - 235px)!important}
}



/* ========================================================================== 
   V60 - EINE Werkzeugliste, inklusive Ende, niemals hoeher als der Bildschirm
   ========================================================================== */
.live60-control-dock{
  position:absolute!important;
  z-index:90!important;
  right:8px!important;
  top:76px!important;
  bottom:112px!important;
  width:66px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  touch-action:pan-y!important;
}
.live60-control-dock .live60-control-scroll{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:9px!important;
  padding:5px 7px 10px 2px!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.78) rgba(0,0,0,.34)!important;
  border-right:2px solid rgba(255,255,255,.26)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.30))!important;
}
.live60-control-dock .live60-control-scroll::-webkit-scrollbar{width:6px!important;display:block!important}
.live60-control-dock .live60-control-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.34)!important;border-radius:99px!important}
.live60-control-dock .live60-control-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.78)!important;border-radius:99px!important}
.live60-control-dock .live60-control-scroll>button{flex:0 0 auto!important;margin:0!important}
.live60-control-dock #stop-live{position:relative!important;inset:auto!important;z-index:92!important;flex:0 0 auto!important}
.live60-control-dock #stop-live>span{outline:2px solid rgba(255,255,255,.24)!important;outline-offset:1px!important}

/* Normales Live: zwischen Topbar und unterer Titel/Status-Zone bleiben. */
.live32-stage .tt-live-side-rail.live60-control-dock{
  top:82px!important;
  bottom:116px!important;
  max-height:none!important;
}

/* App/PWA MUSS exakt die sichtbare Viewport-Hoehe benutzen; das alte min-height:620px
   durfte die Live-Flaeche auf kurzen Displays laenger als den Bildschirm machen. */
html:has(.tt-mobile-live-screen),
body.ios-live-v30-body{
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
.tt-mobile-live-screen{
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
.tt-mobile-live-screen .tt-mobile-live-rail.live60-control-dock{
  top:max(72px,calc(env(safe-area-inset-top) + 58px))!important;
  bottom:max(142px,calc(env(safe-area-inset-bottom) + 132px))!important;
  right:7px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

/* Bei sehr niedrigen/quer gehaltenen Handys kompakter, aber weiterhin scrollbar. */
@media(max-height:720px){
  .live60-control-dock .live60-control-scroll{gap:6px!important;padding-top:3px!important;padding-bottom:7px!important}
  .live60-control-dock .tt-live-round>span,
  .live60-control-dock .tt-mobile-round>span{width:40px!important;height:40px!important;font-size:18px!important}
  .live60-control-dock .tt-live-round small,
  .live60-control-dock .tt-mobile-round small{font-size:7px!important}
  .tt-mobile-live-screen .tt-mobile-live-rail.live60-control-dock{
    top:max(64px,calc(env(safe-area-inset-top) + 52px))!important;
    bottom:max(126px,calc(env(safe-area-inset-bottom) + 116px))!important;
  }
}
@media(max-height:560px){
  .live60-control-dock .tt-live-round>span,
  .live60-control-dock .tt-mobile-round>span{width:36px!important;height:36px!important;font-size:16px!important}
  .live60-control-dock .live60-control-scroll{gap:4px!important}
}

#live-zoom-panel.live53-zoom-panel{
  z-index:85!important;
  max-height:min(38dvh,240px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
.live60-mic-retry{
  display:block!important;width:100%!important;min-height:38px!important;margin-top:9px!important;
  border:1px solid #e6c086!important;border-radius:9px!important;background:#7b4926!important;
  color:#fff8e9!important;font-weight:900!important;cursor:pointer!important;
}


/* V60: Wärmebild wird GPU-beschleunigt auf der echten Video-Spur dargestellt.
   Kein per-Pixel Canvas-Rendering mehr => deutlich flüssiger auf Handy/Edge. */
#live-local-video.ja-live-thermal-gpu,
#live-remote-video.ja-live-thermal-gpu{
  filter:grayscale(1) contrast(1.55) brightness(1.04) sepia(.92) hue-rotate(63deg) saturate(5.2)!important;
  -webkit-filter:grayscale(1) contrast(1.55) brightness(1.04) sepia(.92) hue-rotate(63deg) saturate(5.2)!important;
  will-change:filter,transform!important;
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
}


/* ========================================================================== 
   V61 - Handy-Live naeher an moderne Kurzvideo-Live-Oberflaechen
   ========================================================================== */
body.ios-live-v30-body,
body.ios-live-v30-body .ios-app,
.tt-mobile-live-screen{
  width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
  overscroll-behavior:none!important;
  touch-action:pan-x pan-y!important;
}
.tt-mobile-live-screen>video{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  touch-action:pan-x pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-touch-callout:none!important;
}
.tt-mobile-live-screen:after{
  background:linear-gradient(180deg,rgba(0,0,0,.30),transparent 18%,transparent 58%,rgba(0,0,0,.70) 91%)!important;
}
.tt-mobile-live-top{
  top:max(8px,env(safe-area-inset-top))!important;
  left:8px!important;
  right:8px!important;
  gap:6px!important;
  align-items:center!important;
}
.tt-mobile-back{width:32px!important;height:32px!important;background:rgba(0,0,0,.34)!important;backdrop-filter:blur(8px)!important}
.tt-mobile-host{background:rgba(0,0,0,.22)!important;border-radius:999px!important;padding:4px 8px 4px 5px!important;backdrop-filter:blur(7px)!important}
.tt-mobile-host b{font-size:12px!important}.tt-mobile-host small{font-size:8px!important}
.tt-mobile-live-pill,.tt-mobile-viewers{height:28px!important;padding:0 7px!important;border-radius:999px!important;backdrop-filter:blur(7px)!important}

/* Rechte Aktionen wie bei einer Kurzvideo-Live-App: dichter am Rand, kompakt. */
.tt-mobile-live-screen .tt-mobile-live-rail.live60-control-dock{
  right:3px!important;
  top:max(74px,calc(env(safe-area-inset-top) + 62px))!important;
  bottom:max(118px,calc(env(safe-area-inset-bottom) + 108px))!important;
  width:58px!important;
}
.live60-control-dock .live60-control-scroll{
  gap:7px!important;
  padding:4px 3px 7px!important;
  background:transparent!important;
  border-right:0!important;
  scrollbar-width:none!important;
  touch-action:pan-y!important;
}
.live60-control-dock .live60-control-scroll::-webkit-scrollbar{display:none!important}
.live60-control-dock .tt-mobile-round>span{
  width:44px!important;height:44px!important;
  background:rgba(15,15,15,.52)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(10px)!important;
}
.live60-control-dock .tt-mobile-round small{font-size:7px!important;font-weight:900!important}

/* Kommentare wie ein Live-Overlay links, nicht als eigener grosser Block. */
.tt-mobile-comments{
  left:9px!important;
  right:70px!important;
  bottom:124px!important;
  max-height:30dvh!important;
  gap:5px!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
}
.tt-live-comment-body{background:rgba(0,0,0,.34)!important;border-radius:12px!important;padding:5px 8px!important;backdrop-filter:blur(6px)!important}
.tt-live-comment-body p{font-size:12px!important}

.tt-mobile-live-bottom{
  left:8px!important;
  right:66px!important;
  bottom:max(7px,env(safe-area-inset-bottom))!important;
  gap:4px!important;
  z-index:20!important;
}
.tt-mobile-live-title{padding:4px 8px!important;border-radius:999px!important;background:rgba(0,0,0,.34)!important;border-color:rgba(255,255,255,.09)!important;backdrop-filter:blur(7px)!important}
.tt-mobile-live-title small{font-size:7px!important}.tt-mobile-live-title input{font-size:11px!important;padding:2px!important}
.tt-mobile-mic-status{font-size:8px!important;padding:0 4px!important;text-shadow:0 1px 4px #000!important}
.tt-mobile-meter{height:3px!important;margin:0 3px!important}
.tt-mobile-live-bottom>p{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tt-mobile-capabilities{display:none!important}
.tt-mobile-comment-form{gap:5px!important;touch-action:manipulation!important}
.tt-mobile-comment-form input{height:38px!important;font-size:11px!important;background:rgba(0,0,0,.46)!important}
.tt-mobile-comment-form button{padding:0 10px!important;font-size:10px!important}
.tt-mobile-live-bottom.viewer{right:8px!important}

/* Zoompanel darf nur die Kamera steuern. Der Rest der Live-Seite kann nicht gepincht werden. */
#live-zoom-panel.live53-zoom-panel{
  z-index:140!important;
  touch-action:manipulation!important;
}
#live-zoom-panel input[type="range"]{touch-action:pan-x!important}
#live-zoom-panel button{touch-action:manipulation!important}

/* Edge bekommt nach Kamera einen klaren zweiten echten Klick fuer die Mic-Freigabe. */
.live61-edge-mic-gate{
  position:absolute!important;
  inset:0!important;
  z-index:180!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
  background:rgba(0,0,0,.30)!important;
  backdrop-filter:blur(2px)!important;
  touch-action:manipulation!important;
}
.live61-edge-mic-gate>div{
  width:min(330px,88vw)!important;
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  padding:18px!important;
  border-radius:18px!important;
  background:rgba(14,14,14,.88)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.5)!important;
  text-align:center!important;
}
.live61-edge-mic-gate span{font-size:28px!important}
.live61-edge-mic-gate strong{font-size:17px!important}
.live61-edge-mic-gate small{font-size:11px!important;color:#d9d9d9!important;line-height:1.35!important}
.live61-edge-mic-gate button{
  width:100%!important;
  min-height:48px!important;
  margin-top:4px!important;
  border:0!important;
  border-radius:12px!important;
  background:#e6324c!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  touch-action:manipulation!important;
}
.live61-edge-mic-gate button:disabled{opacity:.72!important}

@media(max-height:650px){
  .tt-mobile-comments{bottom:110px!important;max-height:24dvh!important}
  .tt-mobile-live-screen .tt-mobile-live-rail.live60-control-dock{bottom:104px!important}
  .live60-control-dock .tt-mobile-round>span{width:40px!important;height:40px!important}
  .tt-mobile-live-title{display:none!important}
}


/* ========================================================================== 
   V65 - kein dunkelblau/schwarz in der Bedienoberflaeche, hohe Lesbarkeit
   Video selbst bleibt unverfaelscht; alle Controls liegen auf warm-hellen Chips.
   ========================================================================== */
:root{--ja64-paper:#fff8e8;--ja64-paper2:#f3e3c5;--ja64-line:#c7a36d;--ja64-ink:#2f2116;--ja64-sub:#69543c;--ja64-accent:#7a4b28;--ja64-danger:#963d35}
.live32-page,.tt-live-directory-hero{color:var(--ja64-ink)!important}
.live32-comments-panel,.live32-control-box,.live32-comments-head,.live32-comment-compose,.live32-viewer-status,
.live32-stage-meta,.live32-title-box,.live32-stage-status,.tt-live-capability-status,
.live62-edge-mic-gate>div,.live53-mic-help,.live62-edge-help{
  background:rgba(255,248,232,.97)!important;color:var(--ja64-ink)!important;border-color:var(--ja64-line)!important;
  box-shadow:0 8px 26px rgba(54,34,16,.18)!important
}
.live32-comments-head h2,.live32-comments-head span,.live32-control-line strong,.live32-title-box small,.live32-stage-status b,
.live32-stage-status span,.live32-viewer-status,.tt-live-capability-status,.live53-mic-help,.live62-edge-help{color:var(--ja64-ink)!important}
.live32-title-box input,.tt-live-comment-form input,.live32-comment-compose input{
  background:#fffdf7!important;color:var(--ja64-ink)!important;border-color:#b99666!important
}
.tt-live-topbar .tt-live-user,.tt-live-topstats>span,.tt-live-round>span,
.tt-mobile-live-top .tt-mobile-host,.tt-mobile-live-pill,.tt-mobile-viewers,.tt-mobile-back,
.live60-control-dock .tt-mobile-round>span,.live60-control-dock .tt-live-round>span{
  background:rgba(255,248,232,.94)!important;color:var(--ja64-ink)!important;border:1px solid rgba(143,102,58,.48)!important;
  box-shadow:0 4px 16px rgba(35,22,10,.20)!important;backdrop-filter:blur(9px)!important
}
.tt-live-user strong,.tt-live-user small,.tt-live-viewers,.tt-live-pill b,.tt-live-round small,
.tt-mobile-host b,.tt-mobile-host small,.tt-mobile-viewers,.tt-mobile-live-pill b,.tt-mobile-round small{color:var(--ja64-ink)!important;text-shadow:none!important}
.tt-live-pill.is-live,.tt-mobile-live-pill.is-live{background:#fff1e4!important;color:#8d312b!important;border-color:#ba7468!important}
.tt-live-pill.is-live i,.tt-mobile-live-pill.is-live i{background:#c73e37!important}
.live60-control-dock .tt-mobile-round.danger>span,.live60-control-dock .tt-live-stop>span{background:#fff0ed!important;color:#8e322d!important;border-color:#b96b64!important}
.live48-zoom-panel,.live50-zoom-panel,.live53-zoom-panel{
  background:#fff8e8!important;color:var(--ja64-ink)!important;border:1px solid var(--ja64-line)!important;box-shadow:0 10px 28px rgba(43,28,13,.24)!important
}
.live50-zoom-controls button,.live53-zoom-controls button{background:#ead4ae!important;color:#3b2919!important;border-color:#b48e58!important}
.live50-zoom-controls input,.live53-zoom-controls input{accent-color:#7c4e28!important}
.live62-edge-mic-gate{background:rgba(60,41,23,.18)!important;backdrop-filter:blur(2px)!important}
.live62-edge-mic-gate button,.live62-mic-retry,.live60-mic-retry,.live32-fallback-start,.tt-mobile-start{
  background:#7a4b28!important;color:#fff8e8!important;border:1px solid #5e371c!important
}
.live-directory-card,.empty-state-wide,.live-safety-card{background:#fff8e8!important;color:var(--ja64-ink)!important;border-color:var(--ja64-line)!important}
.live-card-preview{background:linear-gradient(145deg,#f7e8cd,#e6cca1)!important}.live-camera-symbol{color:#765334!important}.live-card-body>small,.live-card-body>div,.empty-state-wide p,.live-safety-card p{color:var(--ja64-sub)!important}

/* App-Live: kein schwarzer/dunkelblauer Chrome. Kamera bleibt Fullscreen, UI hell. */
body.ios-live-v30-body,body.ios-live-v30-body .ios-app,.tt-mobile-live-screen{background:#eadfc8!important;color:var(--ja64-ink)!important}
.tt-mobile-live-screen:after{background:linear-gradient(180deg,rgba(245,229,198,.28),transparent 20%,transparent 65%,rgba(238,219,184,.48) 100%)!important}
.tt-mobile-live-title,.tt-mobile-mic-status,.tt-mobile-live-bottom>p,.tt-mobile-audio-note,.tt-mobile-comment-form{
  background:rgba(255,248,232,.94)!important;color:var(--ja64-ink)!important;border-color:rgba(159,119,73,.48)!important;text-shadow:none!important
}
.tt-mobile-live-title input,.tt-mobile-comment-form input{background:#fffdf7!important;color:var(--ja64-ink)!important;border-color:#b99666!important}
.tt-mobile-comments .tt-live-comment-body{background:rgba(255,248,232,.94)!important;color:var(--ja64-ink)!important;border:1px solid rgba(159,119,73,.38)!important}
.tt-mobile-comments .tt-live-comment-body p,.tt-mobile-comments .tt-live-comment-body strong,.tt-mobile-comments .tt-live-comment-body small{color:var(--ja64-ink)!important;text-shadow:none!important}
.tt-mobile-meter{background:#d5bd96!important}.tt-mobile-meter em{background:#7c4e28!important}
.tt-mobile-live-empty{background:#f4e6cb!important;color:var(--ja64-ink)!important}.tt-mobile-live-empty strong,.tt-mobile-live-empty small{color:var(--ja64-ink)!important}


/* V65: sichtbarer Edge-Ton-Schritt NACHDEM das Bild bereits wirklich LIVE ist */
.live65-tone-gate{
  position:fixed;left:12px;right:12px;
  bottom:max(92px, calc(78px + env(safe-area-inset-bottom)));
  z-index:2147483000;display:flex;justify-content:center;pointer-events:none;
}
.live65-tone-card{
  width:min(460px,100%);box-sizing:border-box;padding:14px;border-radius:18px;
  background:#fffaf0;color:#17130d;border:2px solid #c99a39;
  box-shadow:0 12px 36px rgba(0,0,0,.28);text-align:center;pointer-events:auto;
}
.live65-tone-card strong{display:block;color:#7d1717;font-size:15px;letter-spacing:.04em;margin-bottom:3px}
.live65-tone-card span{display:block;color:#2c261d;font-size:14px;margin-bottom:9px}
.live65-tone-button{width:100%;min-height:50px;border:0;border-radius:14px;background:#b91c1c;color:#fff;font-weight:900;font-size:16px;letter-spacing:.02em;box-shadow:0 5px 16px rgba(185,28,28,.28)}
.live65-tone-button:disabled{opacity:.72}
.live65-tone-info{display:block;margin-top:8px;color:#514638;font-size:12px;line-height:1.35}
@media(max-width:760px){
  .live65-tone-gate{left:8px;right:76px;bottom:max(86px,calc(72px + env(safe-area-inset-bottom)))}
  .live65-tone-card{padding:11px;border-radius:15px}
  .live65-tone-button{min-height:48px;font-size:15px}
}


/* ========================================================================== 
   V70 - moderne Live-Kommentarleiste / bessere Lesbarkeit
   ========================================================================== */
.tt-mobile-live-bottom{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  gap:6px!important;
}
.tt-mobile-comment-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:5px!important;
  min-height:50px!important;
  padding:4px 4px 4px 15px!important;
  border-radius:999px!important;
  background:rgba(255,252,246,.94)!important;
  border:1px solid rgba(118,84,48,.42)!important;
  box-shadow:0 8px 28px rgba(29,20,10,.22)!important;
  backdrop-filter:blur(16px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.12)!important;
}
.tt-mobile-comment-form input{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#281d14!important;
  font-size:14px!important;
  font-weight:600!important;
}
.tt-mobile-comment-form input::placeholder{color:#806c58!important;opacity:.9!important}
.tt-mobile-comment-form button{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:#8a4d2f!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(94,48,25,.28)!important;
  font-size:0!important;
  font-weight:900!important;
}
.tt-mobile-comment-form button::before{content:'➤';font-size:18px!important;line-height:1!important;transform:translateX(1px)}
.tt-mobile-comment-form button:active{transform:scale(.94)!important}

.tt-mobile-live-title,
.tt-mobile-mic-status,
.tt-mobile-audio-note,
.tt-mobile-live-bottom>p{
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:5px 9px!important;
  border:1px solid rgba(118,84,48,.28)!important;
  border-radius:12px!important;
  background:rgba(255,252,246,.88)!important;
  color:#302116!important;
  box-shadow:0 4px 16px rgba(35,23,11,.13)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  text-shadow:none!important;
}
.tt-mobile-mic-status{display:flex!important;align-items:center!important;gap:6px!important;font-size:10px!important}
.tt-mobile-live-bottom>p{font-size:9px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.tt-mobile-audio-note{font-size:11px!important;line-height:1.3!important}
.tt-mobile-meter{margin:0 8px!important;height:3px!important;border-radius:999px!important;overflow:hidden!important}

/* Kommentare wie kleine saubere Live-Bubbles statt dunkler Kästen */
.tt-mobile-comments{gap:6px!important}
.tt-mobile-comments .tt-live-comment-body{
  width:fit-content!important;
  max-width:min(82vw,330px)!important;
  padding:7px 10px!important;
  border-radius:14px 14px 14px 5px!important;
  background:rgba(255,252,246,.91)!important;
  border:1px solid rgba(118,84,48,.25)!important;
  box-shadow:0 5px 18px rgba(20,14,8,.17)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.tt-mobile-comments .tt-live-comment-body p{font-size:13px!important;line-height:1.35!important;margin-top:2px!important}

/* PC-Kommentarbox ebenfalls aufraeumen */
.live32-comment-compose{padding:10px!important;background:#fff8e8!important}
.live32-comment-compose .tt-live-comment-form{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;
  padding:5px 5px 5px 13px!important;border:1px solid #c8a878!important;border-radius:999px!important;
  background:#fffdf8!important;box-shadow:0 5px 16px rgba(63,42,20,.10)!important
}
.live32-comment-compose .tt-live-comment-form input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:39px!important}
.live32-comment-compose .tt-live-comment-form button{border:0!important;border-radius:999px!important;background:#865033!important;color:#fff!important;padding:0 18px!important;font-weight:800!important}
.live32-viewer-status .live-enable-audio{border-radius:999px!important;background:#865033!important;color:#fff!important;border:0!important;padding:8px 14px!important;font-weight:850!important}

/* Kein riesiges Ton-Retry-Overlay in V70. Mic bleibt als Werkzeug verfuegbar. */
.live65-tone-gate{display:none!important}

@media(max-width:760px){
  .tt-mobile-live-bottom{left:9px!important;right:72px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  .tt-mobile-live-bottom.viewer{right:9px!important}
  .tt-mobile-comments{bottom:136px!important;max-height:28dvh!important}
}

/* ========================================================================== 
   V70 - unten im Handy-Live NUR Kommentare
   ========================================================================== */
.tt-mobile-live-title,
.tt-mobile-mic-status,
.tt-mobile-meter,
.tt-mobile-live-bottom>p,
.tt-mobile-audio-note,
.tt-mobile-capabilities,
#live-capability-status,
#live-audio-playback-note{display:none!important}

.tt-mobile-live-bottom{
  left:8px!important;
  right:8px!important;
  bottom:max(7px,env(safe-area-inset-bottom))!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.tt-mobile-live-bottom.viewer{left:8px!important;right:8px!important}
.tt-mobile-comments{bottom:max(72px,calc(62px + env(safe-area-inset-bottom)))!important;max-height:31dvh!important}
.tt-mobile-live-screen .tt-mobile-live-rail.live60-control-dock{
  bottom:max(70px,calc(62px + env(safe-area-inset-bottom)))!important;
  max-height:calc(100dvh - 142px)!important;
}
.tt-mobile-live-start-overlay{
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  pointer-events:none!important;
}
.tt-mobile-live-start-overlay #start-live{
  pointer-events:auto!important;
  min-width:min(78vw,300px)!important;
  min-height:56px!important;
  padding:0 24px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:999px!important;
  background:rgba(112,25,24,.94)!important;
  color:#fff!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.live32-viewer-status,.tt-live-capability-status{display:none!important}


/* ==========================================================================\n   V71 · LIVE TOPBAR REDESIGN\n   Nur Darstellung: Zurueck, Mitglied, LIVE und Zuschauer kompakt und sauber.\n   ========================================================================== */
.tt-mobile-live-top{
  top:max(10px,calc(env(safe-area-inset-top) + 4px))!important;
  left:10px!important;right:10px!important;
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto auto!important;
  align-items:center!important;gap:8px!important;
  padding:5px 7px!important;
  border-radius:24px!important;
  background:rgba(255,248,232,.90)!important;
  border:1px solid rgba(130,92,52,.34)!important;
  box-shadow:0 10px 28px rgba(20,12,7,.24)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}
.tt-mobile-back{
  width:38px!important;height:38px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  padding:0!important;font-size:0!important;line-height:1!important;
  background:#ead7b8!important;color:#3c2b1d!important;
  border:1px solid #c7a77a!important;box-shadow:none!important;
  text-decoration:none!important;
}
.tt-mobile-back::before{content:'←';font-size:20px!important;font-weight:800!important;line-height:1!important;color:#3c2b1d!important}
.tt-mobile-host{
  min-width:0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;backdrop-filter:none!important;padding:0!important;
  gap:8px!important;
}
.tt-mobile-host-static{width:34px!important;height:34px!important;flex-basis:34px!important;border-width:1px!important}
.tt-mobile-host-static b{font-size:13px!important}
.tt-mobile-host>div{min-width:0!important}
.tt-mobile-host>div>b{font-size:13px!important;line-height:1.15!important;color:#2f2116!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tt-mobile-host>div>small{display:none!important}
.tt-mobile-live-pill{
  height:30px!important;min-width:54px!important;padding:0 9px!important;
  justify-content:center!important;border-radius:999px!important;
  background:#bd3c35!important;border:1px solid #9d2f2a!important;
  color:#fff!important;box-shadow:0 4px 12px rgba(130,35,31,.22)!important;
}
.tt-mobile-live-pill b{color:#fff!important;font-size:10px!important;letter-spacing:.08em!important}
.tt-mobile-live-pill i{background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.16)!important}
.tt-mobile-live-pill:not(.is-live){background:#8c765d!important;border-color:#75634f!important}
.tt-mobile-viewers{
  height:30px!important;min-width:48px!important;padding:0 9px!important;
  justify-content:center!important;border-radius:999px!important;
  background:#f4e6cd!important;border:1px solid #c8aa7d!important;
  color:#3c2b1d!important;box-shadow:none!important;font-size:11px!important;
}

/* Desktop / Web-Live: gleiche warme, ruhige Kopfzeile. */
.tt-live-topbar{
  left:14px!important;right:14px!important;top:14px!important;
  min-height:52px!important;padding:6px 8px!important;
  border-radius:18px!important;
  background:rgba(255,248,232,.91)!important;
  border:1px solid rgba(130,92,52,.34)!important;
  box-shadow:0 10px 30px rgba(20,12,7,.24)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}
.tt-live-topbar .tt-live-user{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important}
.tt-live-avatar{width:36px!important;height:36px!important;border:1px solid #c8aa7d!important;background:#7a5531!important;color:#fff8e9!important}
.tt-live-user strong{font-size:13px!important;color:#2f2116!important;text-shadow:none!important}
.tt-live-user small{display:none!important}
.tt-live-topstats{gap:7px!important}
.tt-live-topstats .tt-live-pill,.tt-live-topstats .tt-live-viewers{height:31px!important;border-radius:999px!important;padding:0 10px!important;box-shadow:none!important}
.tt-live-topstats .tt-live-pill{background:#bd3c35!important;border-color:#9d2f2a!important}
.tt-live-topstats .tt-live-pill b{color:#fff!important}
.tt-live-topstats .tt-live-pill i{background:#fff!important}
.tt-live-topstats .tt-live-pill:not(.is-live){background:#8c765d!important;border-color:#75634f!important}
.tt-live-topstats .tt-live-viewers{background:#f4e6cd!important;border-color:#c8aa7d!important;color:#3c2b1d!important}

@media(max-width:420px){
  .tt-mobile-live-top{grid-template-columns:38px minmax(0,1fr) auto auto!important;gap:5px!important;left:7px!important;right:7px!important;padding:4px 5px!important}
  .tt-mobile-back{width:36px!important;height:36px!important}
  .tt-mobile-host-static{width:31px!important;height:31px!important;flex-basis:31px!important}
  .tt-mobile-live-pill{min-width:48px!important;padding:0 7px!important}
  .tt-mobile-viewers{min-width:42px!important;padding:0 7px!important}
}


/* V73: mobile Live-Kopf exakt ausrichten. */
.tt-mobile-live-top{
  display:flex!important;
  align-items:center!important;
  min-height:36px!important;
}
.tt-mobile-host{
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  padding:3px 9px 3px 4px!important;
  line-height:1!important;
}
.tt-mobile-host-static{
  width:26px!important;height:26px!important;min-width:26px!important;
  display:grid!important;place-items:center!important;align-self:center!important;
}
.tt-mobile-host>div{
  height:26px!important;min-width:0!important;display:flex!important;align-items:center!important;
}
.tt-mobile-host>div>b{
  display:block!important;margin:0!important;padding:0!important;line-height:26px!important;
  font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.tt-mobile-host>div>small{display:none!important}
.tt-mobile-live-pill,.tt-mobile-viewers,.tt-mobile-back{align-self:center!important;flex:0 0 auto!important}

/* V73: nur die notwendige zweite Edge-Aktion, kein Hinweisblock. */
.live62-edge-mic-gate{
  position:absolute!important;inset:0!important;z-index:190!important;display:grid!important;place-items:center!important;
  background:rgba(0,0,0,.10)!important;pointer-events:auto!important;
}
.live62-edge-mic-gate>div.live73-mic-gate-card{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;
}
.live73-mic-gate-button{
  min-height:48px!important;padding:0 20px!important;border:1px solid rgba(255,255,255,.42)!important;
  border-radius:999px!important;background:rgba(25,18,13,.82)!important;color:#fffaf1!important;
  font:800 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.03em!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;backdrop-filter:blur(10px)!important;
}

/* V74: vollständigen Live-Namen sichtbar halten. V73 ließ den Textbereich bis 0px schrumpfen. */
.tt-mobile-host{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:80px!important;
  max-width:none!important;
  overflow:hidden!important;
}
.tt-mobile-host>div{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
}
.tt-mobile-host>div>b{
  width:auto!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.tt-mobile-live-pill,.tt-mobile-viewers,.tt-mobile-back{flex:0 0 auto!important}
@media(max-width:360px){
  .tt-mobile-host{min-width:72px!important;gap:4px!important;padding-right:4px!important}
  .tt-mobile-host-static{width:24px!important;height:24px!important;min-width:24px!important}
  .tt-mobile-host>div>b{font-size:10.5px!important}
  .tt-mobile-live-pill{min-width:44px!important;padding:0 5px!important}
  .tt-mobile-viewers{min-width:38px!important;padding:0 5px!important}
}


/* V75: vollständiger Mitgliedsname im Live-Kopf. Keine Ellipsis/Kürzung mehr. */
.tt-mobile-live-top{align-items:flex-start!important;height:auto!important;min-height:48px!important;overflow:visible!important}
.tt-mobile-host{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:auto!important;min-height:32px!important;max-height:none!important;overflow:visible!important;align-items:flex-start!important}
.tt-mobile-host>div{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;display:block!important;padding-top:2px!important}
.tt-mobile-host>div>b{display:block!important;width:auto!important;max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.08!important;font-size:12px!important}
.tt-mobile-host>div>small{display:none!important}
.tt-mobile-back,.tt-mobile-live-pill,.tt-mobile-viewers{margin-top:1px!important;align-self:flex-start!important}
@media(max-width:380px){.tt-mobile-host>div>b{font-size:11px!important}.tt-mobile-live-top{gap:4px!important}.tt-mobile-live-pill{min-width:42px!important;padding:0 5px!important}.tt-mobile-viewers{min-width:36px!important;padding:0 5px!important}}

/* ========================================================================== 
   V76 · LIVE-KOPF NAME SAUBER UND VOLLSTÄNDIG
   Keine Ellipsis, kein Umbruch. Der Name bekommt den mittleren freien Platz;
   JavaScript verkleinert ihn nur so weit wie nötig.
   ========================================================================== */
.tt-mobile-live-top{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  column-gap:6px!important;
  min-height:48px!important;
  padding:5px 6px!important;
}
.tt-mobile-back{width:34px!important;height:34px!important}
.tt-mobile-host{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  padding:3px 7px 3px 3px!important;
  overflow:visible!important;
}
.tt-mobile-host-static{
  width:28px!important;height:28px!important;min-width:28px!important;
  flex-basis:28px!important;
}
.tt-mobile-host>div{
  min-width:0!important;
  width:100%!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.tt-mobile-host>div>b{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1!important;
  font-size:12px!important;
  letter-spacing:-.01em!important;
  transform-origin:left center!important;
}
.tt-mobile-host>div>small{display:none!important}
.tt-mobile-live-pill{height:30px!important;min-width:48px!important;padding:0 7px!important}
.tt-mobile-viewers{height:30px!important;min-width:42px!important;padding:0 7px!important}
@media(max-width:360px){
  .tt-mobile-live-top{grid-template-columns:32px minmax(0,1fr) auto auto!important;column-gap:4px!important;left:5px!important;right:5px!important}
  .tt-mobile-back{width:31px!important;height:31px!important}
  .tt-mobile-host{grid-template-columns:24px minmax(0,1fr)!important;gap:4px!important;padding-right:4px!important}
  .tt-mobile-host-static{width:24px!important;height:24px!important;min-width:24px!important}
  .tt-mobile-live-pill{min-width:44px!important;padding:0 5px!important}
  .tt-mobile-viewers{min-width:38px!important;padding:0 5px!important;font-size:10px!important}
}