/* STANDY only. The original STANDBY assets remain untouched. */
.screen-standy .long-standby-header { height: 84px; padding: 0; gap: 0; border-bottom: 2px solid #7578ff; background: linear-gradient(90deg, #081226, #020912); }
.screen-standy .standy-brand { width: 250px; height: 100%; display: flex; align-items: center; justify-content: center; padding: 7px 28px 7px 18px; background: linear-gradient(90deg, #7578ff, #4549c8); clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%); }
.screen-standy .standy-brand img { width: 196px; max-height: 64px; height: auto; object-fit: contain; mix-blend-mode: lighten; }
.screen-standy.media-window #standby-media { left: 24px; top: 108px; width: 1304px; height: 900px; }
#standy-schedule { position: absolute; left: 1352px; top: 108px; width: 544px; height: 900px; padding: 22px; border: 1px solid #465479; border-radius: 10px; background: linear-gradient(145deg, #0b1528, #030a15); display: flex; flex-direction: column; }
.schedule-heading { font-size: 21px; letter-spacing: .1em; color: #b5a0ff; padding-left: 12px; border-left: 4px solid #896cff; }
.schedule-heading span { display: block; margin-top: 6px; font-size: 17px; letter-spacing: .04em; color: #b6bed6; }
.schedule-days { display: flex; gap: 10px; margin: 18px 0 12px; }
.schedule-days button { flex: 1; border: 1px solid #465479; border-radius: 5px; padding: 10px; color: #c6cce0; background: #080f20; font: inherit; font-size: 23px; cursor: pointer; }
.schedule-days button span { font-size: 18px; margin-left: 8px; }
.schedule-days button[aria-pressed="true"] { background: #322b68; border-color: #a891ff; color: white; }
#schedule-list { flex: 1; min-height: 0; display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; }
#schedule-list li { flex: 1; display: grid; grid-template-columns: 139px 1fr; align-items: center; gap: 12px; border-bottom: 1px solid #26324a; padding: 5px 0; }
#schedule-list li:last-child { border-bottom: 0; }
.schedule-time { font-size: 20px; font-variant-numeric: tabular-nums; color: #c2b0ff; white-space: nowrap; }
.schedule-title { font-size: 21px; line-height: 1.3; overflow-wrap: anywhere; }
.screen-standy .long-standby-footer { bottom: 24px; padding-left: 44px; text-align: left; font-size: 20px; letter-spacing: .08em; }
body.media-fullscreen #standy-schedule { display: none; }

/* Media labels are not part of the broadcast picture. */
.screen-standy .media-heading { display: none; }
.screen-standy #media-surface { inset: 0; }

/* The clock occupies the otherwise empty right edge of the header. */
.standy-clock { margin-left: auto; padding: 0 32px; display: flex; align-items: baseline; gap: 18px; white-space: nowrap; }
.standy-clock > span { color: #a8b0c8; font-size: 17px; letter-spacing: .08em; }
.standy-clock time { color: #eeeaff; font-size: 36px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .06em; }

/* A persistent title sits above the YouTube iframe, not over its controls. */
.screen-standy #standby-media.title-media .media-heading { display: flex; height: 76px; padding: 12px 20px; align-items: center; background: #0b1425; border-bottom: 1px solid #38445d; }
.screen-standy #standby-media.title-media .media-heading > span:first-child { display: none; }
.screen-standy #standby-media.title-media #media-title { max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 23px; line-height: 1.3; color: #eeeaff; }
.screen-standy #standby-media.title-media #media-surface { inset: 76px 0 0; }

/* Keep the entire player hidden until YouTube reports actual playback. */
.screen-standy #standby-media.youtube-loading #media-surface { opacity: 0; pointer-events: none; }