/* V123: Live screen-sharing mode, layered without altering V122 queue styles. */
.scroll-mode-switch{display:flex;gap:8px;max-width:610px;margin:4px auto 20px;background:#172238b8;border:1px solid #c4a97b66;padding:6px;border-radius:18px}
.scroll-mode-switch button{flex:1;border:0;border-radius:13px;background:transparent;color:#d6c9db;font:700 .88rem/1.2 system-ui;padding:13px 8px;min-height:46px;cursor:pointer}
.scroll-mode-switch button[aria-selected=true]{background:linear-gradient(130deg,#f0d19d,#cfad79);color:#262039;box-shadow:0 5px 15px #0004}
.scroll-mode-switch button:focus-visible,.live-feeds button:focus-visible,.live-feeds a:focus-visible{outline:3px solid #ffe19a;outline-offset:3px}
body[data-scroll-mode=live] .scroll-main{display:none!important}
body[data-scroll-mode=saved] .live-feeds{display:none!important}
.live-feeds{max-width:1010px;margin:0 auto 25px;color:#f4eaf3;font-family:system-ui,-apple-system,sans-serif}
.live-feeds[hidden]{display:none!important}
.live-top{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#222d40d9;border:1px solid #d9b67e72;border-radius:20px;padding:14px 17px;margin-bottom:12px}
.live-top small{display:block;color:#d3b98e;font-size:.64rem;letter-spacing:.17em;font-weight:800;margin-bottom:5px}
.live-top strong{display:block;font-size:1.08rem;font-weight:780}
.live-top p{color:#d2c5d3;font-size:.79rem;margin:4px 0 0}
.live-chip{color:#e8ddb6;background:#263d43;border:1px solid #6ca59a;border-radius:999px;padding:8px 11px;text-align:center;font-size:.73rem;font-weight:700;white-space:nowrap}
.live-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(275px,.85fr);align-items:start;gap:13px}
.live-view{padding:14px;background:#192338de;border:1px solid #d2ae8270;border-radius:21px;min-width:0}
.live-watch{margin:auto;max-width:390px;padding:9px;border-radius:30px;background:#0b111e;border:2px solid #cdb085;box-shadow:0 15px 55px #0008}
.live-watch-top{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 11px;color:#f8dbaa;font-size:.75rem;letter-spacing:.14em;font-weight:780}
.live-dot{color:#ff7272;margin-right:5px}
.live-screen{position:relative;overflow:hidden;border-radius:21px;background:radial-gradient(ellipse at center,#35415c 0%,#182237 47%,#0b1120 100%);aspect-ratio:9 / 15.5;min-height:350px;display:flex;align-items:center;justify-content:center}
.live-screen video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#080b10}
.live-screen video[hidden]{display:none!important}
.live-placeholder{padding:30px 22px;text-align:center;max-width:310px}
.live-placeholder .live-glyph{display:block;color:#f0d6a7;font-size:3.6rem;margin-bottom:13px}
.live-placeholder h2{font-family:Georgia,serif;font-weight:500;font-size:1.4rem;color:#f6e4cc;margin:0 0 10px}
.live-placeholder p{font-size:.8rem;line-height:1.5;color:#d9cde0;margin:0}
.live-watch-bottom{display:flex;align-items:center;justify-content:center;font-size:1.2rem;letter-spacing:.4em;color:#decba6;padding-top:7px}
.live-view>p{font-size:.8rem;color:#c9bdcb;text-align:center;line-height:1.5;margin:12px 6px 2px}
.live-side{display:grid;gap:12px}
.live-card{border:1px solid #bf9c7d65;background:#253046cc;border-radius:18px;padding:18px}
.live-card h2{font-family:Georgia,serif;font-size:1.26rem;font-weight:500;color:#ffe0b1;margin:0 0 8px}
.live-card p{color:#d4c6d0;font-size:.84rem;line-height:1.52;margin:6px 0 12px}
.live-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}
.live-actions button,.live-requests button,.live-unmute{border:1px solid #af9fba;border-radius:12px;padding:12px 9px;min-height:43px;background:#2a354b;color:#f8e7df;font-weight:750;font-size:.79rem;cursor:pointer}
.live-actions button.primary,.live-requests button.primary{background:#edcd98;color:#242337;border-color:#edcd98}
.live-actions button[hidden],.live-requests[hidden],.live-requests button[hidden],.live-unmute[hidden]{display:none!important}
.live-actions button:disabled,.live-requests button:disabled{opacity:.54;cursor:not-allowed}
.live-requests{border-radius:13px;border:1px solid #b9a7d5;background:#3a3659;padding:12px;margin:10px 0}
.live-requests p{margin:0 0 8px!important;color:#fff1d5}
.live-unmute{width:100%;margin:6px 0}
.live-guide{padding-left:18px;margin:8px 0;color:#d4cad6;font-size:.83rem;line-height:1.55}
.live-guide li{margin-bottom:7px}
.live-warning{background:#252c3b;border-left:3px solid #e9c68d;border-radius:8px;padding:12px!important;color:#f3d9bd!important}
.live-status{min-height:22px;color:#e5d2b4!important;margin:10px 0 0!important}
.live-status[data-error=true]{color:#ffc2bc!important}
.live-tech{font-size:.72rem!important;color:#c6baca!important;margin-bottom:0!important}
@media(max-width:800px){.live-grid{display:block}.live-side{margin-top:12px}.live-view{padding:10px}.live-screen{aspect-ratio:9/13.5;height:min(54dvh,530px);min-height:310px}.live-watch{max-width:360px}.live-card{padding:15px}.scroll-mode-switch{margin-bottom:13px}.live-top{padding:12px}.live-top strong{font-size:.96rem}}
@media(max-width:365px){.live-actions{grid-template-columns:1fr}.scroll-mode-switch button{font-size:.76rem}.live-screen{min-height:300px}}