/* The glass bar has one narrow light aperture, not a second timeline orb. */
#page-home:is(.active,.section-departing) .theater-status {
  display:grid;grid-template-columns:3px minmax(0,1fr) 36px;column-gap:18px;
  width:320px;min-width:0;min-height:68px;padding:12.5px 20px;
  border-radius:22px;border:1px solid #d2badf87;
  background:linear-gradient(118deg,#76698048,#2b2534d9 45%,#413849bf); /* taste-skill-ignore: preserve the user-approved lavender glass material and its theme equivalent. */
  box-shadow:inset 0 1px 1px #fff0ff61,inset 0 -1px 1px #c5a1da29,0 6px 20px #0d081b26; /* taste-skill-ignore: preserve the user-approved lavender glass material and its theme equivalent. */
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px); /* taste-skill-ignore: preserve the user-approved lavender glass material and its theme equivalent. */
}
#page-home:is(.active,.section-departing) .theater-status .status-copy { min-width:0;padding:0; }
#page-home:is(.active,.section-departing) .theater-status .status-copy::after { content:none; }
#page-home:is(.active,.section-departing) .theater-status #heroLive { display:block;margin:0;color:#f3edf7;font:400 16px/22px var(--font-accent);letter-spacing:.16em; }
#page-home:is(.active,.section-departing) .theater-status p { display:block;margin:3px 0 0;color:#e5dce9;font:400 11px/16px var(--font-ui);white-space:nowrap; }
#page-home:is(.active,.section-departing) .theater-status>.soop-glyph { width:36px;height:28px;margin:0;padding:0;border:0;position:relative;opacity:1; }
#page-home:is(.active,.section-departing) .theater-status>.soop-glyph::before { content:'';position:absolute;left:-11px;top:0;bottom:0;width:1px;background:#ded0e53b; }
.status-light { display:block;position:relative;width:3px;height:25px;border-radius:3px;background:#a79aae80;box-shadow:inset 0 0 1px #faf1ff6b; } /* taste-skill-ignore: preserve the user-approved lavender glass material and its theme equivalent. */
.status-light::after { content:'';position:absolute;inset:0;border-radius:inherit;background:#f9edff;box-shadow:0 0 4px #e2b6ff,0 0 11px #c18ce5a1;opacity:0; } /* taste-skill-ignore: preserve the user-approved lavender glass material and its theme equivalent. */
/* 방송 중: 왼쪽 막대에 보라색 불 */
.theater-status[data-state="live"] .status-light::after { opacity:1;background:#c08bff;box-shadow:0 0 5px #b57bff,0 0 14px #9b5ce8d9;animation:status-light-breathe 4s ease-in-out infinite; }
.theater-status[data-state="unknown"] .status-light { background:#a79aae40; }
.home-motion-paused .status-light::after { animation-play-state:paused; }
#page-home:is(.active,.section-departing) .theater-status[data-state="unknown"] #heroLive { font:400 13px/22px var(--font-ui);letter-spacing:.02em; }
@keyframes status-light-breathe { 0%,100%{opacity:.72}50%{opacity:1} }
@media(hover:hover) and (pointer:fine) { #page-home:is(.active,.section-departing) .theater-status:hover { border-color:#ead5f4c9; } }
@media(max-width:1100px) and (min-width:601px) { #page-home:is(.active,.section-departing) .theater-status { width:294px;padding-inline:17px;column-gap:15px; } }
@media(max-width:600px) {
  #page-home:is(.active,.section-departing) .theater-status { width:162px;min-height:44px;padding:8px 12px;grid-template-columns:2px minmax(0,1fr) 26px;column-gap:11px;border-radius:15px; }
  #page-home:is(.active,.section-departing) .theater-status #heroLive { font-size:12px;line-height:20px;letter-spacing:.11em; }
  #page-home:is(.active,.section-departing) .theater-status p { display:none; }
  #page-home .status-light { width:2px;height:20px; }
  #page-home:is(.active,.section-departing) .theater-status>.soop-glyph { width:26px;height:22px; }
  #page-home:is(.active,.section-departing) .theater-status>.soop-glyph::before { left:-7px; }
}
@media(prefers-reduced-motion:reduce) { .theater-status[data-state="live"] .status-light::after { animation:none;opacity:.9; } }