.livestream{--livestream-surface: #242a29;--livestream-control: #3e4745;--livestream-control-hover: #505c59;--livestream-accent: #3572ce;--livestream-banner-image: url(/livestream/banner-background.png);--livestream-player-image: url(/livestream/player-background.png);margin-block:3rem;color:#fff}.livestream__banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:228px;padding:30px;border-radius:20px;overflow:hidden;background:linear-gradient(90deg,rgb(36 42 41 / .5) 15.57%,rgb(36 42 41 / .4) 36.57%,transparent 62.37%),var(--livestream-banner-image) center / cover}.livestream__banner h2{position:relative;z-index:1;margin:0;max-width:75%;font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1.18;letter-spacing:-.02em}.livestream__banner h2 span{text-transform:uppercase}.livestream__brand{position:relative;flex:0 0 162px;min-width:0;width:162px;height:168px}.livestream__brand-art{position:relative;width:162px;height:168px}.livestream__brand img{display:block;max-width:none}.livestream__logo{position:absolute;top:0;left:45.43px}.livestream__anniversary{position:absolute;top:91.8px;left:0}.livestream__years{position:absolute;top:55.9px;left:.2px}.livestream__content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px 14px;margin-top:20px}.livestream__notes-toggle{display:block;margin:14px 0 0 auto;padding:.55rem .85rem;border:1px solid rgb(255 255 255 / .45);border-radius:10px;background:var(--livestream-accent);color:#fff;font:inherit;font-size:.875rem;cursor:pointer}.livestream__notes-toggle:hover{background:#2a5fae}.livestream__notes-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.livestream__player-shell{min-width:0;padding:30px;border-radius:20px;background:var(--livestream-player-image) center / cover}.livestream__player-shell_modal:before{display:block;aspect-ratio:16 / 9;content:""}.livestream__workspace-dialog[open]{position:static;width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;color:inherit}.livestream__workspace-dialog:modal{position:fixed;width:min(1280px,calc(100% - 48px));height:min(760px,calc(100dvh - 48px));max-height:none;margin:auto;overflow:hidden;border:1px solid #65716d;border-radius:20px;background:var(--livestream-surface)}.livestream__workspace-dialog::backdrop{background:#0a100ec2}.livestream__workspace-dialog_expanded:modal{width:100%;height:100dvh;border:0;border-radius:0}.livestream__workspace_open{display:flex;flex-direction:column;container:livestream-workspace / size;height:100%;min-height:0;padding:clamp(10px,1.5vw,20px);background:var(--livestream-surface)}.livestream__workspace_open{color-scheme:light;--workspace-panel: #f2f5f3;--workspace-paper: #fff;--workspace-text: #242a29;--workspace-muted: #435570;--workspace-border: #cbd6d1;--workspace-control-border: #a5b6af;--workspace-accent: #204b8a;--workspace-accent-bg: #e7f0ff;--workspace-bubble: #eef5ff;--workspace-bubble-border: #b3c5da;--workspace-saved: #234b35;--workspace-saved-bg: #e0eee7;--workspace-error: #852a26;--workspace-error-bg: #fde5e4}@media (prefers-color-scheme: dark){.livestream__workspace_open{color-scheme:dark;--workspace-panel: #262e2c;--workspace-paper: #1b2220;--workspace-text: #e8eeeb;--workspace-muted: #b8c6c0;--workspace-border: #475650;--workspace-control-border: #64756d;--workspace-accent: #a9caff;--workspace-accent-bg: #293e59;--workspace-bubble: #273a50;--workspace-bubble-border: #6281a4;--workspace-saved: #a9dfbd;--workspace-saved-bg: #29463a;--workspace-error: #ffbdb7;--workspace-error-bg: #5a302e}}.livestream__workspace-header{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:12px;padding:clamp(10px,1.5vw,18px);border-radius:14px;background:linear-gradient(90deg,#141b19c2,#141b1980),var(--livestream-banner-image) center 45% / cover}.livestream__workspace-brand{display:flex;align-items:center;gap:clamp(.5rem,1.4vw,.9rem);min-width:0}.livestream__workspace-brand img{flex:none;width:clamp(30px,5vw,52px);height:auto}.livestream__workspace-brand p{margin:0 0 .15rem;font-size:clamp(.65rem,1.2vw,.85rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.livestream__workspace-header h3{margin:0;font-size:clamp(1.1rem,2.1vw,1.5rem)}.livestream__workspace-actions{display:flex;flex:none;gap:.4rem}.livestream__workspace-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(255 255 255 / .42);border-radius:10px;background:var(--livestream-control);color:#fff;cursor:pointer}.livestream__workspace-button:hover{background:var(--livestream-control-hover)}.livestream__workspace-button_fullscreen,.livestream__workspace-button_fullscreen:hover{background:transparent}.livestream__workspace-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.livestream__workspace-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.livestream__workspace_open .livestream__workspace-main{display:grid;flex:1;grid-template-columns:minmax(0,var(--video-share)) 16px minmax(0,var(--notes-share));min-height:0}.livestream__workspace-divider{display:grid;place-items:center;min-height:0;border-radius:8px;cursor:col-resize;touch-action:none}.livestream__workspace-divider:before{width:4px;height:42px;border-radius:4px;background:#80918b;content:""}.livestream__workspace-divider:hover:before,.livestream__workspace-divider:focus-visible:before,.livestream__workspace-main_resizing .livestream__workspace-divider:before{background:#e4eeea}.livestream__workspace-divider:focus-visible{outline:2px solid #e4eeea;outline-offset:-2px}.livestream__workspace-main_resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.livestream__workspace-main_resizing iframe{pointer-events:none}.livestream__workspace_open .livestream__video-pane{display:flex;flex-direction:column;container-type:inline-size;min-width:0;min-height:0}.livestream__workspace_open .livestream__video-area{display:grid;flex:0 0 auto;place-items:center;container-type:size;height:min(64cqh,calc(56.25cqw + 32px));min-height:0;padding:clamp(8px,1.25vw,16px);border-radius:16px;background:var(--livestream-player-image) center / cover}.livestream__workspace_open .livestream__video-pane_bible .livestream__video-area{height:min(52cqh,calc(56.25cqw + 32px))}.livestream__workspace_open .livestream__player{width:min(100%,calc(100cqh * 16 / 9))}.livestream__workspace-bible{display:flex;flex-direction:column;min-height:0;margin-top:8px}.livestream__video-pane_bible .livestream__workspace-bible{flex:1 1 0}.livestream__stream-picker{display:flex;align-items:center;gap:.5rem;margin-bottom:8px;font-size:.875rem}.livestream__stream-picker select{min-width:0;max-width:100%;padding:.35rem;border:1px solid #828f89;border-radius:8px;background:var(--livestream-control);color:inherit;font:inherit}.livestream__workspace-notes{min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:16px;scroll-padding-block:8px}.livestream__player{position:relative;overflow:hidden;width:100%;height:auto;min-height:0;border-radius:10px;aspect-ratio:16 / 9;background:#101413}.livestream__player iframe,.livestream__poster{display:block;border:0;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.livestream__waiting{position:absolute;inset:12px auto auto 12px;max-width:calc(100% - 24px);padding:.6rem .8rem;border-radius:8px;background:#000000c7}.livestream__waiting span{font-size:.8rem}.livestream__waiting_custom{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.livestream__schedule{display:flex;flex-direction:column;min-width:0;min-height:0;contain:size;padding:10px;border-radius:20px;background:var(--livestream-surface)}.livestream__schedule-heading{position:relative;flex:0 0 auto}.livestream__first-date{position:absolute;bottom:9px;left:-5px;width:72px;font-size:12px;line-height:15px;text-align:center;white-space:nowrap}.livestream__schedule h3{margin:0 0 0 72px;font-size:32px;line-height:1.25;font-weight:400;text-align:center}.livestream__timezone{margin:.15rem 0 .5rem 72px;text-align:center;font-size:10px;color:#b5bdbb}.livestream__list{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;padding-inline-end:12px;overflow:hidden auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#65716d transparent}.livestream__slot{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;flex:0 0 auto}.livestream__timeline{position:relative;min-width:0;font-size:12px;font-weight:400;line-height:15px;font-variant-numeric:tabular-nums}.livestream__date{position:absolute;top:-24px;inset-inline:-5px;text-align:center;white-space:nowrap}.livestream__clock{display:block;padding-top:3px;text-align:right}.livestream__connector{position:absolute;right:0;top:28px;width:1px;height:35px}.livestream__connector_short{height:15px}.livestream__connector_seminar{height:55px}.livestream__connector img{position:absolute;left:50%;top:50%;max-width:none;transform:translate(-50%,-50%) rotate(90deg)}.livestream__row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.livestream__row_parallel{grid-template-columns:repeat(2,minmax(0,1fr))}.livestream__event{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:5px 10px;min-width:0;min-height:60px;padding:9px 22px 9px 12px;overflow:hidden;border:0;border-radius:15px;background:var(--livestream-control);color:#fff;text-align:left;font:inherit;font-family:var(--app-font-family-secondary);font-weight:400;text-transform:uppercase;cursor:pointer}.livestream__event:hover{background:var(--livestream-control-hover)}.livestream__event_selected,.livestream__event_selected:hover{background:var(--livestream-accent)}.livestream__event:focus-visible{outline:2px solid #fff;outline-offset:-3px}.livestream__event-title,.livestream__speaker{position:relative;z-index:1}.livestream__event-title{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.2}.livestream__speaker{grid-column:1 / -1;grid-row:2;min-width:0;font-size:14px;font-weight:400;line-height:1.2}.livestream__watermark{position:absolute;z-index:0;right:-2px;bottom:-4px;opacity:.15;font-family:var(--app-font-family-secondary);font-size:36px;line-height:1;font-weight:700;white-space:nowrap;pointer-events:none}.livestream__event_seminar{min-height:75px;font-family:var(--app-font-family);padding:10px;column-gap:6px}.livestream__event_seminar .livestream__event-title{grid-column:1 / -1;font-size:13px;padding-right:0}.livestream__event_seminar .livestream__speaker{grid-column:1;align-self:end;font-size:12px;font-weight:400}.livestream__event_seminar .livestream__watermark{font-size:32px;bottom:-5px}.livestream__notice{position:fixed;z-index:1000;inset-inline:16px;bottom:max(24px,env(safe-area-inset-bottom));width:fit-content;max-width:min(440px,calc(100vw - 32px));margin-inline:auto;display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid #65716d;border-radius:12px;background:#242a29;color:#fff;box-shadow:0 8px 32px #00000059;font:400 14px/1.5 var(--app-font-family)}.livestream__notice-close{flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:400 24px/1 var(--app-font-family)}.livestream__notice-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.livestream__live{position:absolute;z-index:2;top:8px;right:8px;width:10px;height:10px;background:#d01b2d;border-radius:50%}@media (max-width: 760px){.livestream__banner{min-height:160px;padding:20px}.livestream__banner h2{font-size:clamp(1.4rem,5.3vw,2rem);max-width:calc(100% - 100px)}.livestream__brand{flex-basis:92px;width:92px;height:96px}.livestream__brand-art{transform:scale(.57);transform-origin:top left}.livestream__content{grid-template-columns:minmax(0,1fr)}.livestream__player-shell{padding:15px}.livestream__player{min-height:0}.livestream__schedule{contain:none;height:450px}}@media (max-width: 760px),(pointer: coarse){.livestream__workspace-dialog:modal{inset:calc(var(--livestream-viewport-top, 0px) + 8px) 0 auto;width:min(1280px,calc(100% - 16px));height:calc(var(--livestream-viewport-height, 100dvh) - 16px);margin:0 auto}.livestream__workspace-dialog_expanded:modal{inset-block-start:var(--livestream-viewport-top, 0px);width:100%;height:var(--livestream-viewport-height, 100dvh)}.livestream__stream-picker select{font-size:16px}}@media (max-width: 760px) and (orientation: portrait),(max-width: 560px){.livestream__workspace_open .livestream__workspace-main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,min(34cqh,55vw)) minmax(0,1fr);gap:10px}.livestream__workspace_open .livestream__workspace-main:has(.livestream__video-pane_reader){grid-template-rows:minmax(0,min(42cqh,calc(55vw + 46px))) minmax(0,1fr)}.livestream__workspace_open .livestream__workspace-main:has(.livestream__video-pane_bible){grid-template-rows:minmax(0,min(65cqh,500px)) minmax(0,1fr)}.livestream__workspace_open .livestream__video-area{flex:1 1 0;height:auto}.livestream__workspace_open .livestream__video-pane_bible .livestream__video-area{flex:0 0 min(30cqh,52vw);height:auto}.livestream__workspace-divider{display:none}}@container livestream-workspace (max-height: 480px){.livestream__workspace-header{margin-bottom:6px;padding-block:3px}.livestream__workspace-brand p{display:none}.livestream__workspace-header h3{font-size:1rem}.livestream__workspace_open .livestream__workspace-main{row-gap:6px}.livestream__workspace_open .livestream__video-pane:not(.livestream__video-pane_bible) .livestream__video-area{flex:1 1 0;height:auto}}@media (max-width: 400px){.livestream__slot{grid-template-columns:52px minmax(0,1fr);gap:8px}.livestream__schedule h3,.livestream__timezone{margin-left:60px}.livestream__timeline{font-size:11px}.livestream__first-date{width:62px;font-size:11px}.livestream__row_parallel{gap:6px}.livestream__event_seminar{padding:8px}.livestream__event_seminar .livestream__event-title{font-size:12px}}@media (max-width: 360px){.livestream__row_parallel{grid-template-columns:minmax(0,1fr)}}@keyframes livestream-recording{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: no-preference){.livestream__event{transition:background-color .15s ease}.livestream-notice-enter-active,.livestream-notice-leave-active{transition:opacity .15s ease,transform .15s ease}.livestream-notice-enter-from,.livestream-notice-leave-to{opacity:0;transform:translateY(8px)}.livestream__live{animation:livestream-recording 1.4s ease-in-out infinite}}
