/* Eigenständige Videobotschaften: schmale Seitenleiste oder mobiles Sheet. */
#video-slot{display:none;min-height:0;flex:0 0 320px;min-width:0;overflow:hidden;transition:flex-basis .3s cubic-bezier(.2,.8,.2,1)}
.video-rail{height:100%;display:flex;flex-direction:column;min-height:0;background:#0b223bf2;color:var(--cream,#fff4d8);border-left:1px solid #ffffff1c;backdrop-filter:blur(24px)}
.video-panel-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;padding:12px 14px}
.video-panel-header h2{font:800 17px/1.3 Nunito,system-ui,sans-serif;letter-spacing:-.2px;margin:0;min-width:0;overflow-wrap:anywhere}
.video-icon-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;border-radius:50%;color:inherit;background:#ffffff0d;touch-action:manipulation;transition:transform .15s,background .15s}
.video-icon-button:hover{background:#ffffff1a}.video-icon-button:active{transform:scale(.91);background:#ffffff25}
.video-icon-button svg,.video-play-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.video-collapse svg{transform:rotate(180deg)}
.video-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 14px 20px;scrollbar-width:thin;scrollbar-color:#ffffff33 transparent}
.video-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;height:100%;max-height:500px;text-align:center;padding:24px 12px;color:#c6d3e3}
.video-empty>svg{width:52px;height:52px;stroke:var(--yellow,#ffdc66);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.8;margin-bottom:16px}
.video-empty h3{font-size:17px;line-height:1.4;color:var(--cream,#fff4d8);margin:0 0 10px;font-weight:700}
.video-empty p{font-size:14px;line-height:1.6;margin:0;max-width:240px}
.video-language-note{font-size:12px;color:#b6c5d4;margin:0 0 12px}
.video-message-card{display:flex;width:100%;flex-direction:column;border:1px solid #ffffff1a;padding:0;margin:0 0 14px;overflow:hidden;border-radius:18px;background:#ffffff08;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:transform .18s,background .18s;touch-action:manipulation}
.video-message-card:hover{background:#ffffff12}.video-message-card:active{transform:scale(.975)}
.video-poster{position:relative;display:grid;place-items:center;aspect-ratio:16/9;width:100%;overflow:hidden;background:linear-gradient(140deg,#193d59,#0c273e)}
.video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-play-symbol{position:relative;display:grid;place-items:center;width:48px;height:48px;padding-left:3px;border-radius:50%;color:#fff;background:#07182ac4;backdrop-filter:blur(12px);border:1px solid #ffffff50;box-shadow:0 4px 18px #0003}
.video-message-copy{display:flex;flex-direction:column;gap:5px;padding:12px 14px}
.video-message-copy strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere;font-weight:750}
.video-date{font-size:12px;color:#c0ccda}
.video-panel-sheet,.video-player-sheet{color:var(--cream,#fff4d8);background:#102940f5;padding:0;border:1px solid #ffffff21;border-radius:24px;box-shadow:0 24px 80px #0008;overflow:hidden;backdrop-filter:blur(24px);font-family:Nunito,system-ui,sans-serif}
.video-panel-sheet[open]{display:flex;flex-direction:column;width:min(460px,100vw);height:min(760px,88dvh);max-height:88dvh;max-width:100vw}
.video-panel-sheet::backdrop,.video-player-sheet::backdrop{background:#020b18a6;backdrop-filter:blur(8px)}
.video-sheet-grip{flex-shrink:0;width:34px;height:4px;border-radius:4px;background:#ffffff50;margin:10px auto 0}
.video-player-sheet[open]{display:flex;flex-direction:column;width:min(960px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
.video-message-player{display:block;flex:1;min-height:0;width:100%;max-height:calc(100dvh - 140px);object-fit:contain;background:#000;aspect-ratio:16/9}
.video-play-error{margin:0;padding:14px;font-size:14px;color:#ffdfbd}
@media(min-width:900px) and (orientation:landscape){
 #video-slot{display:block}#videos-open{display:none!important}
 #video-slot.video-slot-collapsed{flex-basis:52px}
 .video-slot-collapsed .video-rail{align-items:center}
 .video-slot-collapsed .video-panel-header{padding:8px 4px}
 .video-slot-collapsed .video-panel-header h2,.video-slot-collapsed .video-list{display:none}
 .video-slot-collapsed .video-collapse svg{transform:none}
 #video-slot.video-slot-leer:not(.video-slot-collapsed){flex-basis:240px}
 .video-slot-leer .video-empty p{max-width:200px}
}
@media(max-width:899px),(orientation:portrait){
 .video-sheet-grip{height:20px;width:60px;margin:0 auto -6px;background:linear-gradient(#ffffff50,#ffffff50) center/34px 4px no-repeat;border-radius:0}
 .video-sheet-grip,.video-panel-sheet .video-panel-header,.video-player-sheet .video-panel-header{touch-action:none}
 .video-panel-sheet[open]{margin:auto 0 0 auto;width:min(460px,100vw);border-radius:24px 24px 0 0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
 .video-player-sheet[open]{width:100vw;max-width:100vw;margin:auto 0 0;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:24px 24px 0 0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
}
@media(max-height:480px) and (orientation:landscape){.video-panel-sheet[open]{height:96dvh;max-height:96dvh}.video-player-sheet .video-sheet-grip{display:none}.video-player-sheet .video-panel-header{padding:4px 12px}.video-message-player{max-height:calc(100dvh - 66px)}}
@media(prefers-reduced-motion:reduce){#video-slot,.video-icon-button,.video-message-card{transition:none}.video-panel-sheet,.video-player-sheet,.video-rail{backdrop-filter:none}.video-panel-sheet::backdrop,.video-player-sheet::backdrop{backdrop-filter:none}}