/* The three selected navigation compositions keep the existing profile themes. */
body[data-presentation='overview'] { --bg:#030f18; --surface:#101b26; --raised:#192b3c; --line:#293b4d; --muted:#b5c1d2; --active:#008cff; --focus:#31c4ff; }
body[data-presentation='overview'][data-variant='spotlight'] { --active:#f22649; }
body[data-presentation='overview'][data-variant='spotlight'] :is(.primary,[aria-pressed='true']) { color:white; }
body[data-presentation='overview'][data-variant='spotlight'] .primary .ui-icon { filter:brightness(0) invert(1); }
body[data-presentation='overview'][data-variant='aurora'] { --bg:#091326; --surface:#121e33; --active:#287df1; }
body[data-presentation='overview'] .sidebar { padding:8px 2.7vw; gap:26px; min-height:64px; }
body[data-presentation='overview'][data-variant] .sidebar { padding:6px 2.7vw; min-height:64px; }
body[data-presentation='overview'] #connection-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
body[data-presentation='overview'] .brand { font-size:27px; }
body[data-presentation='overview'] #navigation button { min-height:48px; height:48px; padding:10px 18px; }
body[data-presentation='overview'] #open-account { background:transparent; border:0; margin-left:auto; }
body[data-presentation='overview'] .topbar { background:transparent; position:relative; top:0; }
body[data-presentation='overview'][data-view='home'] main { padding:0 0 130px; }
body[data-presentation='overview'][data-view='home'] .topbar { display:none; }
body[data-presentation='overview'][data-view='home'] .overview-sourcebar { position:absolute; right:3vw; top:80px; z-index:5; background:transparent; }
body[data-view='home'] .overview-sourcebar .overview-manage { display:none; }
body[data-presentation='overview'] .stream-hero { min-height:540px; border-radius:0; background:var(--bg); }
body[data-presentation='overview'] .stream-hero::after { background:linear-gradient(90deg,rgba(2,12,20,.4),transparent 75%),linear-gradient(0deg,var(--bg),transparent 60%); }
body[data-presentation='overview'] .stream-hero-copy { padding:40px 3.4vw 48px; max-width:650px; }
body[data-presentation='overview'] .stream-hero h1 { font-size:clamp(34px,4.5vw,64px); line-height:1.06; letter-spacing:-.035em; }
body[data-presentation='overview'] .stream-actions button { min-width:190px; border:1px solid var(--line); }
body[data-presentation='overview'] .stream-shortcuts { display:none; }
body[data-presentation='overview'][data-view='home'] .stream-row { margin:0 3.4vw 26px; }
body[data-presentation='overview'] .stream-rail { grid-auto-columns:calc((100% - 64px)/5); }
body[data-presentation='overview'] .stream-rail .overview-card { border:1px solid var(--line); border-radius:6px; overflow:hidden; background:var(--surface); }
body[data-presentation='overview'] .stream-rail .overview-card-art { border-radius:0; aspect-ratio:16/8; }
body[data-presentation='overview'] .stream-rail :is(strong,small) { padding:0 12px; }
body[data-presentation='overview'] .stream-rail strong { padding-top:12px; }
body[data-presentation='overview'] .stream-rail small:last-child { padding-bottom:12px; }
body[data-presentation='overview'] #mobile-menu { background:#0b141f; border:1px solid var(--line); border-radius:8px; width:280px; margin:0; inset:64px 22px auto auto; max-height:calc(100dvh - 82px); padding:18px 20px; }
#mobile-menu::backdrop { background:#0001; }
#mobile-menu .dialog-head h2 { font-size:18px; }
#mobile-menu .dialog-head { margin-bottom:10px; }
.menu-group { border-bottom:1px solid var(--line); padding:8px 0 12px; }
.menu-group:last-child { border-bottom:0; }
.menu-group h3 { color:#91a7be; text-transform:uppercase; font-size:11px; letter-spacing:.14em; margin:0 0 10px; }
body .menu-group button { display:flex; gap:16px; background:transparent; border:0; padding:10px 0; min-height:44px; width:100%; justify-content:start; font-size:14px; }
.menu-group .ui-icon { width:22px; height:22px; }
.menu-group button:hover { color:var(--focus); }
.selected-library .library-tabs { display:flex; background:transparent; border-bottom:1px solid var(--line); padding:0; gap:20px; position:relative; z-index:1; }
.selected-library .library-tabs button { background:transparent; border:0; border-radius:0; padding:12px 2px; color:var(--muted); font-size:18px; }
.selected-library .library-tabs [aria-pressed='true'] { color:white; border-bottom:3px solid var(--focus); }
body[data-presentation='overview'] .library-hero { min-height:390px; margin-inline:-4vw; }
body[data-presentation='overview']:is([data-view='library'],[data-view='series']) .topbar h1 { font-size:36px; }
body[data-presentation='overview']:is([data-view='library'],[data-view='series']) .topbar :is(#global-search,#open-settings) { display:none; }
body[data-presentation='overview']:is([data-view='library'],[data-view='series']) .overview-sourcebar { position:absolute; top:36px; right:4vw; width:320px; background:transparent; }
body[data-presentation='overview']:is([data-view='library'],[data-view='series']) .overview-sourcebar .overview-manage { display:none; }
body[data-presentation='overview'] .library-hero h1 { font-size:42px; }
body[data-presentation='overview'] .library-hero .stream-hero-copy { padding:45px 4vw 36px; max-width:580px; }
body[data-presentation='overview'] .poster-collection .cards { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; }
body[data-presentation='overview'] .poster-collection .card { padding:0; background:transparent; overflow:hidden; }
body[data-presentation='overview'] .poster-collection .card { align-content:start; }
.poster-collection .card strong { font-size:14px; line-height:1.35; }
.poster-collection .card :is(.card-art,.playlist-artwork) { aspect-ratio:2/3; height:auto; width:100%; display:block; overflow:hidden; border-radius:6px; }
.poster-collection .card img { width:100%; height:100%; object-fit:cover; }
.poster-collection .card > img { aspect-ratio:2/3; height:auto; }
.poster-collection .card .eyebrow { display:none; }
.poster-collection .card :is(strong,small,p),.poster-collection .card > span:not(.playlist-artwork) { padding-inline:8px; }
.poster-collection .card .card-art { position:relative; }
.poster-collection .card h3 { font-size:14px; margin:10px 0; }
body[data-presentation='overview'] #details[data-surface] { background:var(--bg); position:fixed; inset:64px 0 0; margin:0; width:100%; max-width:none; height:calc(100dvh - 64px); max-height:none; padding:20px 3.4vw 40px; border:0; border-radius:0; overflow-y:auto; z-index:42; }
#details[data-surface='page'] .dialog-head { justify-content:start; gap:14px; height:28px; min-height:28px; margin-bottom:0; position:relative; }
#details[data-surface='page'] .dialog-head > button { min-height:28px; margin:0; padding-block:0; }
#details[data-surface='page'] .dialog-head .player-minimize { position:absolute; right:0; top:0; min-height:36px; }
#details[data-surface='page'] #detail-kind { display:none; }
#details[data-surface='page'] #close-details { background:transparent; border:0; padding-inline:0; order:-1; }
#details[data-surface='page'] #detail-title { font-size:30px; margin:10px 0 14px; }
#details[data-surface] #detail-art { display:none; }
#details[data-surface] #real-playback { display:flex; flex-direction:column; }
#details[data-surface] .priva-video-frame { order:-1; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
#details[data-surface] #design-video { width:100%; height:auto; margin:0; aspect-ratio:16/9; max-height:calc(100dvh - 345px); object-fit:contain; background:#000; }
#details[data-surface] #design-video:not([src]) { object-fit:cover; aspect-ratio:2.15; max-height:calc(100dvh - 400px); }
#details[data-surface] #real-playback > :is(label,#play-content,#restart-content,#stop-playback) { display:none; }
#details[data-surface] #play-trailer { align-self:start; margin:8px 0; }
#details[data-surface] #playback-status { font-size:13px; color:var(--muted); min-height:22px; }
body[data-player-surface='page'] { overflow:hidden; }
body[data-player-surface='page'] #mobile-navigation { display:none; }
#details[data-surface] .priva-fullscreen-button { display:none; }
.player-controls { display:flex; align-items:center; gap:14px; padding:12px 20px; color:#fff; background:#07121b; }
.player-controls-page { flex-wrap:wrap; padding:8px 16px; gap:8px; }
#details .player-controls button { margin:0; }
.player-controls button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; border:0; background:transparent; padding:8px; flex-shrink:0; }
.player-controls .ui-icon { width:24px; height:24px; }
.player-controls input[type='range'] { padding:0; border:0; border-radius:0; min-height:24px; width:90px; accent-color:#22b8f6; background:transparent; cursor:pointer; }
.player-controls input[aria-label='Wiedergabeposition'] { flex:1 1 100%; width:100%; order:-1; }
.player-controls input.player-timeline { appearance:none; -webkit-appearance:none; opacity:1; --played-percent:0%; --buffered-percent:0%; }
.player-controls input.player-timeline::-webkit-slider-runnable-track { height:5px; border-radius:5px; background:linear-gradient(to right,#22b8f6 0%,#22b8f6 var(--played-percent),#64778b var(--played-percent),#64778b var(--buffered-percent),#273746 var(--buffered-percent),#273746 100%); }
.player-controls input.player-timeline::-moz-range-track { height:5px; border-radius:5px; background:linear-gradient(to right,#22b8f6 0%,#22b8f6 var(--played-percent),#64778b var(--played-percent),#64778b var(--buffered-percent),#273746 var(--buffered-percent),#273746 100%); }
.player-controls input.player-timeline::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:14px; height:14px; margin-top:-4.5px; background:#22b8f6; border:0; border-radius:50%; }
.player-controls input.player-timeline::-moz-range-thumb { width:14px; height:14px; background:#22b8f6; border:0; border-radius:50%; }
.player-controls input.player-timeline:disabled { cursor:default; }
.player-controls input.player-timeline:disabled::-webkit-slider-thumb { opacity:0; }
.player-controls input.player-timeline:disabled::-moz-range-thumb { opacity:0; }
.player-controls input.player-timeline:focus-visible { outline:2px solid #bceeff; outline-offset:3px; }
.player-time { font-size:12px; white-space:nowrap; margin-right:auto; color:#becbdc; }
.player-controls .player-language,.player-controls .player-settings { border:1px solid var(--line); border-radius:6px; font-size:12px; padding:8px 14px; }
.player-dock { position:fixed; inset:auto 0 0; z-index:44; padding:12px 20px; display:flex; align-items:center; gap:20px; background:#070f18f5; border-top:1px solid var(--line); }
.player-dock[hidden] { display:none; }
.player-dock-title { width:210px; font-size:13px; text-align:left; background:transparent; border:0; }
.player-dock-title { display:flex; gap:14px; align-items:center; }
.player-dock-title img { width:56px; height:56px; object-fit:cover; border-radius:4px; }
.player-dock-title strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.player-controls-dock { flex:1; min-width:0; padding:0; gap:8px; background:transparent; }
.player-controls-dock input[aria-label='Wiedergabeposition'] { order:0; width:auto; flex:1; min-width:60px; }
body[data-presentation='overview'] #details[data-surface='dock'] { inset:auto 20px 90px auto; width:280px; height:auto; padding:0; overflow:hidden; box-shadow:0 8px 36px #000a; border:1px solid var(--line); border-radius:8px; }
#details[data-surface='dock'] > :not(#real-playback),#details[data-surface='dock'] #real-playback > :not(.priva-video-frame),#details[data-surface='dock'] .player-controls { display:none; }
#details[data-surface='dock'] #design-video { max-height:none; }
.player-panel { width:300px; max-width:none; background:#0d1722; color:white; border:1px solid var(--line); border-radius:12px; padding:20px; position:fixed; margin:0; inset:auto 24px 90px auto; max-height:calc(100dvh - 100px); overflow-y:auto; z-index:70; }
.player-panel p { font-size:14px; line-height:1.45; }
#details[data-surface] .priva-video-frame:fullscreen { display:flex; flex-direction:column; padding:0; width:100vw; height:100vh; max-width:none; box-sizing:border-box; }
#details[data-surface] .priva-video-frame:-webkit-full-screen { display:flex; flex-direction:column; padding:0; width:100vw; height:100vh; max-width:none; box-sizing:border-box; }
#details[data-surface] .priva-video-frame:fullscreen #design-video { flex:1; min-height:0; height:0; max-height:none; aspect-ratio:auto; }
#details[data-surface] .priva-video-frame:-webkit-full-screen #design-video { flex:1; min-height:0; height:0; max-height:none; aspect-ratio:auto; }
.priva-video-frame:fullscreen .player-controls-page,.priva-video-frame:-webkit-full-screen .player-controls-page { flex:none; }
.player-panel::backdrop { background:#0002; }
.player-panel h2 { font-size:18px; }
.player-panel .dialog-head button { border:0; background:transparent; padding:8px; }
.player-panel > button,.player-panel #playback-tracks button { width:100%; text-align:left; justify-content:start; background:transparent; border:1px solid var(--line); padding:12px; min-height:44px; margin:6px 0; }
.player-panel > button { display:block; }
body .player-panel > button[aria-pressed='true'] { background:#123047; border-color:var(--focus); }
.player-panel small { display:block; margin-top:4px; color:var(--muted); font-size:12px; }
.player-panel [aria-pressed='true'] { border-color:var(--focus); background:#123047; }
.player-panel label { display:block; margin:20px 0 8px; }
.player-panel fieldset { margin-bottom:20px; }
.player-panel legend { margin-bottom:10px; font-size:15px; }
.player-panel select { width:100%; margin:8px 0; min-height:44px; }
.player-minimize { background:transparent; border:1px solid var(--line); }
@media(min-width:961px) {
  body[data-navigation-layout='sidebar'][data-presentation='overview'] .shell { display:block; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] .sidebar { display:flex; flex-direction:column; align-items:stretch; position:fixed; inset:0 auto 0 0; width:240px; height:100dvh; padding:22px 12px; border-right:1px solid var(--line); }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] .brand { font-size:24px; padding:0 14px 20px; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] #navigation { display:flex; flex-direction:column; align-items:stretch; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] #navigation button { display:flex; gap:20px; justify-content:start; border:0; text-align:left; min-height:56px; font-size:16px; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] #navigation .ui-icon { display:block; width:26px; height:26px; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] #navigation [aria-current] { background:#103550; border:0; border-radius:6px; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] #open-account { margin: auto 0 0; width:100%; justify-content:start; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] main { margin-left:240px; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] #mobile-menu { inset:auto auto 95px 18px; }
  body[data-navigation-layout='sidebar'][data-presentation='overview'] #details[data-surface='page'] { left:240px; top:0; width:calc(100% - 240px); height:100dvh; }
  body[data-navigation-layout='sidebar'] .player-dock { left:240px; }
  body[data-navigation-layout='player-focus'] #details[data-surface='page'] #design-video { max-height:calc(100dvh - 345px); }
  body[data-navigation-layout='player-focus'] #details[data-surface='page'] #design-video:not([src]) { max-height:calc(100dvh - 400px); }
}
@media(max-width:1100px) {
  .player-controls :is(.player-language,.player-settings) span { display:none; }
  .player-dock-title { width:130px; }
  body[data-presentation='overview'] .poster-collection .cards { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:960px) {
  body[data-presentation='overview'] .sidebar { min-height:64px; padding:8px 18px; }
  body[data-presentation='overview'] .brand { font-size:23px; }
  body[data-presentation='overview'] .stream-hero { min-height:490px; }
  body[data-presentation='overview'] .stream-hero-copy { padding:220px 20px 24px; max-width:none; width:100%; }
  body[data-presentation='overview'] .stream-hero-image { object-position:64% top; }
  body[data-presentation='overview'] .stream-hero h1 { font-size:32px; }
  body[data-presentation='overview'] .stream-actions { flex-direction:column; }
  body[data-presentation='overview'] .stream-actions button { width:100%; justify-content:center; }
  body[data-presentation='overview'][data-view='home'] .overview-sourcebar { display:none; }
  body[data-presentation='overview'][data-view='home'] .stream-row { margin:0 18px 24px; }
  body[data-presentation='overview'] .stream-rail { grid-auto-columns:calc((100% - 12px)/2); gap:12px; }
  body[data-presentation='overview'] #mobile-menu { inset:auto 0 calc(76px + env(safe-area-inset-bottom)) 0; margin:0; width:100%; max-width:none; max-height:calc(100dvh - 160px); padding:20px; border-radius:18px 18px 0 0; }
  body #mobile-menu-items { display:block; }
  body[data-presentation='overview'] .poster-collection .cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  body[data-presentation='overview']:is([data-view='library'],[data-view='series']) .overview-sourcebar { display:none; }
  body[data-presentation='overview']:is([data-view='library'],[data-view='series']) .topbar h1 { font-size:26px; }
  body[data-presentation='overview']:is([data-view='library'],[data-view='series']) .topbar { margin-bottom:8px; }
  .selected-library .library-tabs button { padding:8px 2px; }
  body[data-presentation='overview'] .library-hero { min-height:340px; margin-inline:-18px; }
  body[data-presentation='overview'] .library-hero .stream-hero-copy { padding:135px 18px 24px; width:100%; max-width:none; }
  body[data-presentation='overview'] .library-hero .stream-actions { margin-top:16px; }
  body[data-presentation='overview'] .library-hero h1 { font-size:28px; }
  body[data-presentation='overview'] #details[data-surface='page'] { inset:0; height:100dvh; padding:16px 0 28px; }
  #details[data-surface='page'] :is(.dialog-head,#detail-title,#detail-description,#detail-favorite,#playback-status,#film-progress-status,#play-trailer) { margin-inline:20px; }
  #details[data-surface='page'] #detail-title { font-size:26px; }
  #details[data-surface='page'] .priva-video-frame { border-radius:0; border-inline:0; }
  #details[data-surface='page'] #design-video { max-height:none; aspect-ratio:4/3; }
  #details[data-surface='page'] #design-video:not([src]) { aspect-ratio:7/6; max-height:none; }
  .player-controls-page { position:relative; }
  .player-controls-page .player-toggle { position:absolute; left:50%; top:-110px; transform:translateX(-50%); height:70px; width:70px; border:1px solid #708394; border-radius:50%; background:#07121be0; }
  .player-controls-page .player-seek-back,.player-controls-page .player-seek-forward { position:absolute; top:-97px; height:44px; width:44px; border:1px solid #708394; border-radius:50%; background:#07121be0; }
  .player-controls-page .player-seek-back { left:calc(50% - 112px); }
  .player-controls-page .player-seek-forward { right:calc(50% - 112px); }
  .player-controls { gap:10px; padding:10px 16px; }
  .player-controls-page .player-time { flex:1 1 100%; order:-1; }
  .player-controls-page .player-toggle { width:70px; }
  .player-controls-page .player-language { margin-left:auto; }
  .player-controls input[aria-label='Lautstärke'] { display:none; }
  .player-controls :is(.player-language,.player-settings) { padding:8px; }
  .player-panel { inset:auto 0 0; width:100%; max-width:none; border-radius:20px 20px 0 0; padding:24px; max-height:75dvh; }
  .player-panel > button { min-height:50px; }
  .player-dock { bottom:calc(74px + env(safe-area-inset-bottom)); padding:8px 12px; flex-wrap:wrap; gap:4px; }
  .player-dock-title { width:100%; padding:4px 0; }
  .player-dock-title img { width:32px; height:32px; }
  .player-controls-dock { gap:3px; }
  .player-controls-dock :is(.player-time,.player-language) { display:none; }
  .player-controls-dock .ui-icon { width:20px; height:20px; }
  .player-controls-dock button { min-height:40px; padding:7px; }
  body[data-presentation='overview'] #details[data-surface='dock'] { bottom:190px; right:12px; width:190px; }
}