eg-live-bar{position:fixed;bottom:0;left:0;right:0;z-index:900;display:block;pointer-events:none;font-family:inherit}
eg-live-bar *{box-sizing:border-box}
eg-live-bar .elb-shell{pointer-events:auto;max-width:1280px;margin:0 auto 14px;background:#292c31;color:#f6f6f6;border:1px solid #51545a;border-radius:17px;box-shadow:0 6px 25px #0003;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 18px;min-height:70px}
eg-live-bar button{border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:650;line-height:1.35;min-height:46px}
eg-live-bar button:hover,eg-live-bar button:focus-visible{background:#464a51;outline-offset:2px}
eg-live-bar .elb-brand{font-weight:800;font-size:19px;letter-spacing:.1px;white-space:nowrap}
eg-live-bar .elb-items{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
eg-live-bar button[data-elb-top]{display:inline-flex;align-items:center;justify-content:center;background:#444950;border:1px solid #727983;min-width:52px;min-height:48px;font-size:18px;font-weight:800;gap:7px}
eg-live-bar button[data-elb-top]:hover{background:#59616b;color:#fff}
eg-live-bar button[data-elb-minimize]{font-size:19px;min-width:42px}
eg-live-bar .elb-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#69d0a0;margin-inline-end:7px}
eg-live-bar [data-live-pulse]{display:inline-flex;align-items:center;color:#eee;font-size:14px;font-weight:650;padding:0 12px;white-space:nowrap}
eg-live-bar [data-live-pulse][hidden]{display:none}
eg-live-bar .elb-panel{pointer-events:auto;position:absolute;bottom:calc(100% + 8px);inset-inline-start:max(12px,calc((100vw - 1280px)/2));width:min(420px,calc(100vw - 24px));background:#292c31;color:#fff;border:1px solid #51545a;border-radius:16px;padding:16px;box-shadow:0 12px 36px #0004}
eg-live-bar .elb-panel[hidden],eg-live-bar .elb-shell[hidden]{display:none}
eg-live-bar .elb-panel h2{font-size:17px;margin:0 0 12px}
eg-live-bar .elb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
eg-live-bar .elb-grid a{border:1px solid #51545a;border-radius:10px;text-decoration:none;color:#fff;padding:13px 10px;font-size:13px}
eg-live-bar .elb-grid a:hover{background:#3b4046}
eg-live-bar .elb-reopen{pointer-events:auto;background:#292c31;color:#fff;border-radius:12px 12px 0 0;display:none;margin-inline-start:12px}
eg-live-bar[data-collapsed="true"] .elb-reopen{display:block}
eg-live-bar[data-collapsed="true"] .elb-shell{display:none}
body:has(eg-live-bar:not([data-collapsed="true"])){padding-bottom:100px}

@media(max-width:680px){eg-live-bar .elb-shell{border-radius:15px 15px 0 0;margin:0;padding:9px 8px;gap:4px;min-height:64px}eg-live-bar .elb-brand{display:none}eg-live-bar button{padding:9px 8px;font-size:12px;min-height:44px}eg-live-bar .elb-items{justify-content:space-between;width:100%;gap:3px}eg-live-bar [data-live-pulse]{font-size:11px;padding:0 3px}eg-live-bar button[data-elb-top]{min-width:46px;min-height:46px;font-size:14px}eg-live-bar button[data-elb-top] .elb-up-label{display:none}body:has(eg-live-bar:not([data-collapsed="true"])){padding-bottom:77px}}
@media(min-width:681px) and (max-width:900px){eg-live-bar .elb-brand{font-size:16px}eg-live-bar .elb-shell{margin-inline:10px}eg-live-bar button{padding:10px;font-size:13px}eg-live-bar .elb-items{gap:4px}}
@media(prefers-reduced-motion:no-preference){eg-live-bar .elb-panel{animation:elb-open .18s ease-out}@keyframes elb-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
/* The old discovery trigger is replaced, while the independent Up button remains. */
body:has(eg-live-bar) #egxu-hub .egxu-hub__trigger,
body:has(eg-live-bar) #egxu-hub:not([data-open="true"]){display:none!important}
/* Compact, balanced toolbar after removing the title and Up action. */
eg-live-bar .elb-shell{max-width:960px;justify-content:center;min-height:64px;padding:8px 16px}
eg-live-bar .elb-items{width:100%;justify-content:space-evenly;gap:16px}
eg-live-bar [data-live-pulse]{justify-content:center}
@media(max-width:680px){eg-live-bar .elb-shell{min-height:60px;padding:7px 8px}eg-live-bar .elb-items{gap:4px;justify-content:space-between}}

/* Closed by default: a centered, accessible pull-tab reveals the bar. */
eg-live-bar .elb-reopen{display:none;position:fixed;bottom:0;left:50%;transform:translateX(-50%);margin:0;min-width:100px;min-height:40px;font-size:23px;font-weight:800;background:#30343a;border:1px solid #636a72;border-bottom:0;border-radius:15px 15px 0 0;box-shadow:0 -4px 20px #0003;z-index:2;text-align:center;cursor:pointer}
eg-live-bar[data-collapsed="true"] .elb-reopen{display:block}
eg-live-bar .elb-shell{margin-bottom:0;border-radius:16px 16px 0 0}
body:has(eg-live-bar:not([data-collapsed="true"])){padding-bottom:76px}
@media(max-width:680px){eg-live-bar .elb-reopen{min-width:82px;min-height:43px}body:has(eg-live-bar:not([data-collapsed="true"])){padding-bottom:68px}}

/* Ad-style pull tab: fixed center, never shift on hover/focus. */
eg-live-bar[data-collapsed="true"] .elb-reopen{
  display:flex!important;align-items:center;justify-content:center;
  position:fixed!important;inset:auto auto 0 50%!important;
  width:116px!important;height:43px!important;min-width:116px!important;min-height:43px!important;
  padding:4px 14px 2px!important;margin:0!important;
  border:1px solid #69747e!important;border-bottom:0!important;
  border-radius:16px 16px 0 0!important;
  background:#343941!important;color:#f3f5f6!important;
  box-shadow:0 -5px 20px #0004, inset 0 1px #ffffff16!important;
  transform:translateX(-50%)!important;transition:background-color .18s ease,border-color .18s ease!important;
  animation:none!important;direction:ltr;white-space:nowrap;cursor:pointer;
}
eg-live-bar[data-collapsed="true"] .elb-reopen:hover,
eg-live-bar[data-collapsed="true"] .elb-reopen:active,
eg-live-bar[data-collapsed="true"] .elb-reopen:focus-visible{
  transform:translateX(-50%)!important;left:50%!important;inset-inline-start:50%!important;
  background:#454c55!important;box-shadow:0 -5px 20px #0004!important;
}
eg-live-bar .elb-handle{display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none}
eg-live-bar .elb-handle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2;pointer-events:none}
eg-live-bar .elb-handle-line{width:32px;height:3px;border-radius:5px;background:#98a4af;opacity:.75;pointer-events:none}
eg-live-bar[data-collapsed="true"] .elb-reopen::before{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:#a7b6c4;opacity:.3}
@media(max-width:680px){eg-live-bar[data-collapsed="true"] .elb-reopen{width:106px!important;min-width:106px!important;height:39px!important;min-height:39px!important}}

eg-live-bar .elb-items{direction:inherit;justify-content:space-between}
eg-live-bar .elb-items button{font-size:19px;font-weight:700;min-height:52px}
eg-live-bar [data-live-pulse]{font-size:17px;font-weight:750;order:0}
eg-live-bar [data-elb-explore]{order:1}
eg-live-bar [data-elb-activity]{order:2}
eg-live-bar [data-elb-minimize]{order:3;font-size:22px}
eg-live-bar .elb-dot{width:10px;height:10px}
@media(max-width:680px){eg-live-bar .elb-items button{font-size:14px;min-height:46px;padding:7px 5px}eg-live-bar [data-live-pulse]{font-size:12px}}

/* Graphite UI: monochrome Lucide-style controls, clear states, one restrained live accent. */
eg-live-bar .elb-shell{background:#25292f;border-color:#454d56;color:#edf0f2;box-shadow:0 -5px 24px #0003}
eg-live-bar .elb-items button{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#dce2e6;transition:background-color .16s,color .16s,border-color .16s;font-size:16px;font-weight:650}
eg-live-bar .elb-items button:hover{background:#3a4149;color:#fff}
eg-live-bar .elb-items button:focus-visible{outline:2px solid #b9c7d0;outline-offset:2px}
eg-live-bar .elb-nav-icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
eg-live-bar [data-live-pulse]{color:#eef1f3;font-size:16px;gap:8px}
eg-live-bar [data-live-count]{color:#fff;font-family:inherit;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
eg-live-bar .elb-dot{background:#69bea1;box-shadow:0 0 0 3px #69bea11a}
eg-live-bar [data-elb-minimize]{min-width:50px;border:1px solid #47525c;background:#30373f}
eg-live-bar .elb-panel{background:#25292f;border-color:#505963}
eg-live-bar .elb-grid a{border-color:#505963}
@media(max-width:680px){eg-live-bar .elb-items button{font-size:12px;gap:5px}eg-live-bar .elb-nav-icon{width:23px;height:23px}eg-live-bar [data-live-pulse]{font-size:11px;gap:3px}eg-live-bar [data-elb-minimize]{min-width:36px}}

eg-live-bar .elb-context{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #4a535d;color:#bfcbd2;font-size:13px}
eg-live-bar .elb-context button{background:#3a434b;border:1px solid #58636d;padding:9px 12px;white-space:nowrap;color:#eef2f4}
eg-live-bar .elb-context button:hover{background:#4b5863}
eg-live-bar .elb-reading{position:absolute;bottom:0;left:0;right:0;width:100%;height:3px;appearance:none;border:0;background:transparent}
eg-live-bar .elb-reading[hidden]{display:none}
eg-live-bar .elb-reading::-webkit-progress-bar{background:#313a42}
eg-live-bar .elb-reading::-webkit-progress-value{background:#9caeb9}
eg-live-bar .elb-reading::-moz-progress-bar{background:#9caeb9}
@media(max-width:680px){eg-live-bar .elb-context{font-size:12px;gap:6px}}

eg-live-bar .elb-fresh{margin-top:16px;padding-top:12px;border-top:1px solid #4a535d}
eg-live-bar .elb-fresh[hidden]{display:none}
eg-live-bar .elb-fresh strong{font-size:13px;color:#dce4e8}
eg-live-bar [data-elb-fresh-items]{display:grid;gap:7px;margin-top:9px}
eg-live-bar [data-elb-fresh-items] a{display:block;color:#e1e8eb;text-decoration:none;border-radius:8px;padding:9px 11px;background:#343c44;font-size:12px;line-height:1.5}
eg-live-bar [data-elb-fresh-items] a:hover{background:#47525c}

/* Live discovery: bounded popup, readable groups and predictable placement. */
eg-live-bar .elb-panel{
  width:min(440px,calc(100vw - 24px));
  max-height:min(620px,calc(100dvh - 112px));
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  bottom:calc(100% + 10px);
  padding:20px;
  box-shadow:0 20px 48px #0008;
}
eg-live-bar .elb-panel h2{font-size:19px;line-height:1.5;margin:0 0 14px}
eg-live-bar .elb-grid{gap:9px}
eg-live-bar .elb-grid a{font-size:14px;font-weight:650;padding:12px;line-height:1.5}
eg-live-bar .elb-fresh{margin-top:14px;padding-top:13px}
eg-live-bar .elb-fresh>strong{font-size:14px}
eg-live-bar [data-elb-fresh-items]{display:grid;gap:14px}
eg-live-bar .elb-fresh-group{display:grid;gap:6px}
eg-live-bar .elb-fresh-group h3{font-size:12px;font-weight:700;color:#aebfc9;margin:0 0 3px}
eg-live-bar [data-elb-fresh-items] a{font-size:13px;line-height:1.65;padding:9px 12px;border:1px solid #47515b;background:#30363e}
eg-live-bar .elb-context{position:sticky;bottom:-20px;background:#25292f;padding-bottom:8px}
@media(max-width:680px){
  eg-live-bar .elb-panel{width:calc(100vw - 20px);max-height:min(68dvh,540px);padding:15px;inset-inline-start:10px}
  eg-live-bar .elb-panel h2{font-size:17px}
  eg-live-bar .elb-grid a{font-size:13px}
}

/* Live Explore v2: compact editorial hierarchy with stable card rhythm. */
eg-live-bar .elb-panel{
  width:min(460px,calc(100vw - 24px));
  max-height:min(630px,calc(100dvh - 100px));
  padding:18px 18px 0;
  border-radius:16px;
  background:#252a30;
}
eg-live-bar .elb-panel h2{
  margin:0 0 14px;
  font-size:17px!important;
  line-height:1.4!important;
  font-weight:750;
  letter-spacing:0;
  text-align:start;
}
eg-live-bar .elb-grid{gap:8px;margin-bottom:4px}
eg-live-bar .elb-grid a{
  min-height:44px;
  display:flex;align-items:center;justify-content:center;
  padding:10px 12px;
  background:#2d333b;
  border:1px solid #4b5661;
  border-radius:10px;
  color:#e8edf0;
  font-size:13px;
  line-height:1.35;
  font-weight:600;
}
eg-live-bar .elb-grid a:hover,eg-live-bar .elb-grid a:focus-visible{
  background:#3d4650;border-color:#71818e;color:#fff;
}
eg-live-bar .elb-fresh{
  margin-top:15px;padding-top:14px;
  border-top:1px solid #46515b;
}
eg-live-bar .elb-fresh>strong{
  display:block;
  font-size:12px!important;
  line-height:1.5;
  font-weight:650;
  color:#aab9c3;
  margin-bottom:11px;
}
eg-live-bar [data-elb-fresh-items]{
  display:grid;
  gap:17px;
  margin:0;
}
eg-live-bar .elb-fresh-group{display:grid;gap:7px;min-width:0}
eg-live-bar .elb-fresh-group h3{
  margin:0 0 3px!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:750!important;
  color:#f1f4f5;
  text-align:start;
}
eg-live-bar .elb-fresh-group a{
  display:flex;
  align-items:center;
  min-height:42px;
  max-width:100%;
  padding:10px 12px!important;
  background:#313942;
  border:1px solid transparent!important;
  border-radius:9px;
  font-size:13px!important;
  line-height:1.6!important;
  font-weight:500;
  color:#dde5e9;
  text-align:start;
  overflow-wrap:anywhere;
  text-decoration:none;
}
eg-live-bar .elb-fresh-group a:hover,
eg-live-bar .elb-fresh-group a:focus-visible{
  background:#404b55;
  border-color:#687a89!important;
  color:#fff;
}
eg-live-bar .elb-context{
  position:sticky;
  bottom:0;
  z-index:1;
  margin-top:17px;
  padding:12px 0 14px;
  background:#252a30;
  border-top:1px solid #46515b;
  font-size:12px;
}
eg-live-bar .elb-context button{font-size:12px;font-weight:650;padding:9px 12px}
@media(max-width:680px){
 eg-live-bar .elb-panel{padding:15px 14px 0}
 eg-live-bar .elb-panel h2{font-size:16px!important}
 eg-live-bar .elb-fresh-group h3{font-size:14px!important}
 eg-live-bar .elb-fresh-group a{font-size:12px!important}
 eg-live-bar .elb-context{gap:8px}
}
