/* Native live only: never change the empty state or third-party embeds. */
html body.stream-active.native-stream-immersive #mobile-stream-feed {
    inset: 0 !important; width: 100% !important; height: 100dvh !important;
    padding: 0 !important; background: #111 !important;
}
html body.stream-active .native-immersive-card {
    height: 100dvh !important; min-height: 100dvh !important;
    padding: 0 !important; background: #111 !important; overflow: hidden;
}
html body.stream-active .native-immersive-card .stream-feed-player {
    position: absolute !important; inset: 0 !important;
    height: 100% !important; min-height: 0 !important; border: 0 !important;
}
.native-live-header {
    position: absolute; top: 0; left: 72px; right: 16px;
    padding-top: calc(env(safe-area-inset-top, 0px) + 16px);
    min-height: 64px; z-index: 3; pointer-events: none;
}
.native-live-heading {
    position: absolute; left: calc(50% - 28px); transform: translateX(-50%);
    white-space: nowrap; text-align: center; font: 700 18px/1.4 system-ui;
}
.native-live-dot { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #ff4b55; }
.native-live-header [data-native-owner-controls] { float: right; pointer-events: auto; }
.native-live-header button, .native-live-tools button {
    min-height: 44px; min-width: 44px; padding: 8px 12px;
    border: 1px solid #ffffff50; border-radius: 24px;
    background: #15151580; backdrop-filter: blur(12px); font: 600 13px system-ui;
}
.native-live-header .native-end-live { background: #a5222de0; }
.native-immersive-card::after {
    content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1;
    background: linear-gradient(#0008, transparent 18%, transparent 65%, #000a);
}
.native-live-details {
    position: absolute; left: 20px; right: 100px; bottom: calc(env(safe-area-inset-bottom, 0px) + 110px);
    z-index: 2; text-shadow: 0 1px 5px #000a;
}
.native-live-details[hidden] { display: none !important; }
.native-live-creator { font: 700 14px/1.5 system-ui; }
.native-live-title { font: 600 20px/1.3 system-ui; overflow-wrap: anywhere; max-height: 5.2em; overflow: auto; }
.native-live-tools { position: absolute; right: 16px; bottom: calc(env(safe-area-inset-bottom, 0px) + 110px); z-index: 3; display: flex; flex-direction: column; gap: 10px; }
html body.stream-active .native-immersive-card :is(.native-live-header, .native-live-header *, .native-live-details, .native-live-details *, .native-live-tools, .native-live-tools *) {
    color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #mobile-app-header.mobile-app-header {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    pointer-events: none;
}
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #mobile-app-header::before,
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #mobile-app-header::after { background: none !important; pointer-events: none; }
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #mobile-app-header :is(.mobile-app-header__blips-btn, .mobile-app-header__profile-btn, .mobile-app-header__actions, .mobile-app-header__tabs) { visibility: hidden !important; pointer-events: none; }
html body.stream-active.native-stream-immersive #mobile-app-header :is(button[aria-label="More tabs"], #mobile-app-header-more, [role="menu"]) { pointer-events: auto; }
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #bottom-nav {
    background: #ffffff30 !important; backdrop-filter: blur(18px) !important;
    border: 1px solid #ffffff60 !important; box-shadow: none !important;
}
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #bottom-nav::before,
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #bottom-nav::after { background: none !important; pointer-events: none; }
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #bottom-nav button,
html body.stream-active.native-stream-immersive:not(.mobile-dashboard-open) #bottom-nav button :is(i, span) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
/* Chat overlays the video; it must not take space in the feed's layout. */
html body.stream-active.native-stream-immersive .stream-message-panel {
    position: fixed !important; top: auto !important; left: 0 !important; right: 0 !important;
    width: 100% !important; height: min(44dvh, 400px) !important;
    bottom: calc(var(--stream-message-keyboard-offset, 0px) + var(--mobile-bottom-nav-height, 94px)) !important;
    box-sizing: border-box; max-height: 55dvh !important;
}
html body.stream-active.native-stream-immersive.stream-messages-open .native-live-details,
html body.stream-active.native-stream-immersive.stream-messages-open .native-live-tools { visibility: hidden; }