.livestreams-page{max-width:1560px;padding-top:45px;padding-bottom:75px}
:root[data-theme] .site-header #navigation.compact-navigation [data-nav-streams]{width:auto;gap:8px;display:inline-flex;align-items:center;font-size:14px;padding-inline:12px}
:root[data-theme] .site-header #navigation.compact-navigation [data-nav-streams] .lf-icon{width:20px;height:20px;flex-shrink:0}
:root[data-theme] #currentSection{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.livestreams-page [hidden]{display:none!important}
.streams-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.streams-kicker{display:block;font:600 12px/1.5 var(--font);letter-spacing:.14em;color:var(--muted);margin-bottom:12px}
:root[data-theme] .streams-heading h1{font-size:clamp(38px,5.2vw,74px);font-weight:700;letter-spacing:-.04em;line-height:1.06;margin:0;overflow-wrap:anywhere}
.streams-heading h1>span{color:var(--cyan)}
.streams-crew{display:flex;align-items:center;gap:9px;font-size:14px;min-height:44px;color:var(--text);white-space:nowrap}
.streams-crew svg{width:20px;height:20px}
.streams-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:24px;align-items:start}
.stream-stage{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#090e19;color:#eef5ff;box-shadow:0 12px 36px #0613270c}
.stream-stage-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 22px;background:#111a2a;border-bottom:1px solid #d7e7ff1c;font-size:12px;font-weight:600;letter-spacing:.1em}
.stream-stage-label{display:flex;align-items:center;gap:10px}
.stream-stage-label svg{width:20px;height:20px;color:#adf0e3}
.stream-source-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a4b3cc;letter-spacing:.07em}
.stream-screen{position:relative;aspect-ratio:16/9;min-height:300px;display:flex;background:#090e19}
.stream-screen>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.stream-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;width:100%;padding:40px 26px;background:radial-gradient(ellipse at 50% 40%,#263c532e,transparent 72%)}
.stream-empty>.lf-icon{width:64px;height:64px;padding:15px;color:#afe4e1;border:1px solid #accde82b;border-radius:16px;margin-bottom:2px}
:root[data-theme] .stream-empty h2{margin:0;color:#f0f6ff;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.025em}
.stream-empty p{margin:0;max-width:320px;font-size:16px;line-height:1.6;color:#acb9cf}
.stream-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;background:#111a2a;border-top:1px solid #d7e7ff1c}
.stream-current{min-width:0}
:root[data-theme] .stream-current h2{color:#f1f7ff;font-size:20px;line-height:1.3;margin:0 0 7px;overflow-wrap:anywhere}
.stream-current p{color:#adbdd4;font-size:14px;line-height:1.6;margin:0}
.stream-outbound{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px;font-size:14px;color:#adf0e3}
.stream-sidebar{display:flex;flex-direction:column;gap:18px;min-width:0}
.stream-open-panel,.stream-share-panel{padding:25px;border:1px solid var(--line);background:var(--panel);border-radius:16px}
.stream-panel-number{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--muted);margin-bottom:13px}
:root[data-theme] .stream-sidebar h2{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:0 0 24px}
.stream-sidebar label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}
:root[data-theme] .stream-sidebar input{display:block;width:100%;min-width:0;min-height:52px;border:1px solid var(--line);padding:13px 14px;font-size:16px;background:var(--field);color:var(--text)}
.stream-sidebar input{direction:ltr;text-align:start}
.stream-sidebar input::placeholder{color:var(--muted);opacity:.85}
.stream-field-hint{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 22px}
.stream-error{color:#b02a36;font-size:14px;line-height:1.5;margin:0 0 18px}
:root[data-theme=dark] .stream-error{color:#ffb2b9}
.stream-open-button{width:100%;justify-content:space-between!important}
.stream-sidebar .button svg{width:20px;height:20px;flex-shrink:0}
.stream-share-panel{background:var(--panel2)}
:root[data-theme] .stream-share-panel h2{margin-bottom:14px}
.stream-share-panel>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.stream-share-panel .button{margin-top:20px;gap:10px;width:100%;justify-content:center}
#streamCopyFallback{margin-top:20px}
.stream-share-panel .stream-copy-message{font-size:14px;margin-top:12px;color:var(--cyan)}
.stream-copy-message:empty{display:none}
.stream-mobile-channel{max-width:100%;overflow-wrap:anywhere;font-family:var(--display);font-size:22px;line-height:1.4;color:#b4c9ef}
.streams-browse{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
.streams-browse>span{font-size:14px;color:var(--muted);margin-inline-end:auto}
.streams-browse>a{display:flex;justify-content:space-between;gap:28px;align-items:center;min-height:48px;padding:12px 18px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:14px;font-weight:600}
.streams-browse>a:hover{border-color:var(--cyan)}
.livestreams-page :is(a,button,input):focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(min-width:1700px){.streams-layout{grid-template-columns:minmax(0,1fr) 355px}}
@media(max-width:1040px){.streams-layout{grid-template-columns:minmax(0,1fr)}.stream-sidebar{display:grid;grid-template-columns:1fr 1fr}.stream-screen{min-height:300px}}
@media(max-width:600px){.livestreams-page{padding-top:30px;padding-bottom:45px}.streams-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:22px}.streams-kicker{font-size:12px}.streams-heading h1{font-size:40px}.stream-sidebar{display:flex}.stream-stage-top{padding:15px;gap:8px}.stream-screen{min-height:260px;aspect-ratio:4/3}.stream-stage-bottom{padding:19px;align-items:start;flex-direction:column;gap:10px}.stream-stage-label{gap:7px}.stream-source-name{font-size:12px;letter-spacing:0}.stream-open-panel,.stream-share-panel{padding:23px}.stream-empty{padding:32px 20px}.stream-empty>.lf-icon{width:52px;height:52px;padding:12px}.streams-browse>span{flex-basis:100%;margin-bottom:5px}.streams-browse>a{flex:1;gap:14px}.stream-outbound{margin-top:2px}:root[data-theme] .site-header #navigation.compact-navigation [data-nav-streams]{max-width:55%;white-space:normal;height:auto;min-height:44px}}