/* Slim floating dock. Existing navigation, visibility and clearance logic remain in control. */
:root{--eyeroom-dock-height:60px;--eyeroom-dock-gap:6px;--eyeroom-dock-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
html body:not(#eyeroom-dock-specificity)>.app-bottom-nav,
html body:not(#eyeroom-dock-specificity)>#cine-social-bottom{
 position:fixed!important;top:auto!important;bottom:var(--eyeroom-dock-bottom)!important;
 height:var(--eyeroom-dock-height)!important;min-height:var(--eyeroom-dock-height)!important;
 box-sizing:border-box!important;margin:0!important;padding:6px 10px!important;
 border:1px solid #c8a85d55!important;border-radius:30px!important;
 background:linear-gradient(115deg,#080c0af5 12%,#153025f2 100%)!important;
 box-shadow:0 7px 24px #0006,inset 0 1px 0 #fff1!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 align-items:center!important;gap:4px!important;overflow:visible!important;
}
html body:not(#eyeroom-dock-specificity)>.app-bottom-nav>button,
html body:not(#eyeroom-dock-specificity)>#cine-social-bottom>button{
 position:relative;min-width:0!important;min-height:46px!important;height:46px!important;
 margin:0!important;padding:3px 4px!important;border-radius:23px!important;
 color:#dabb72!important;background:transparent!important;
 font-family:inherit!important;font-size:10px!important;line-height:1.15!important;
 align-content:center!important;align-items:center!important;justify-content:center!important;
 gap:3px!important;flex:1 1 0!important;
}
html body:not(#eyeroom-dock-specificity)>.app-bottom-nav>button.active,
html body:not(#eyeroom-dock-specificity)>#cine-social-bottom>button[aria-current=page]{background:#d7b66612!important;color:#ffe2a0!important}
html body:not(#eyeroom-dock-specificity)>.app-bottom-nav>button.active:after,
html body:not(#eyeroom-dock-specificity)>#cine-social-bottom>button[aria-current=page]:after{
 content:'';position:absolute;bottom:0;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#e4c477;
}
html body:not(#eyeroom-dock-specificity)>.app-bottom-nav>button:focus-visible,
html body:not(#eyeroom-dock-specificity)>#cine-social-bottom>button:focus-visible{outline:2px solid #e4c477;outline-offset:1px}
html body:not(#eyeroom-dock-specificity)>.app-bottom-nav>button[data-nav="Film Club"]{order:4!important;align-self:center!important}
html body:not(#eyeroom-dock-specificity)>.app-bottom-nav>button[data-nav="Film Club"]>.cine-bottom-logo{width:100%!important;max-width:94px!important;height:34px!important;object-fit:contain!important;object-position:center!important;align-self:center!important;transform:none!important;margin:0!important}
html body:not(#eyeroom-dock-specificity)>#cine-social-bottom>button svg{width:25px!important;height:25px!important}
html body:not(#eyeroom-dock-specificity)>#cine-social-bottom .cine-bottom-avatar{width:28px!important;height:28px!important;object-fit:contain!important;border-radius:50%!important}
/* Music transport remains mounted and playing; only its position changes. */
html body:not(#eyeroom-dock-specificity).has-native-music>#eyeroom-native-music{
 box-sizing:border-box!important;height:34px!important;min-height:34px!important;
 padding-bottom:0!important;border:1px solid #c8a85d40!important;border-radius:17px!important;
 background:linear-gradient(110deg,#0b110ff5,#183327f5)!important;
 box-shadow:0 3px 12px #0005!important;bottom:var(--eyeroom-dock-bottom)!important;
}
html body:not(#eyeroom-dock-specificity).has-native-music.cine-social-active>#eyeroom-native-music{bottom:calc(var(--eyeroom-dock-bottom) + var(--eyeroom-dock-height) + var(--eyeroom-dock-gap))!important}
html body:not(#eyeroom-dock-specificity)>#eyeroom-native-music .native-music-expanded{bottom:calc(100% + 8px)!important;max-height:min(65dvh,620px)!important;max-width:100%!important;box-sizing:border-box!important}
@media(max-width:650px){
 html body:not(#eyeroom-dock-specificity)>.app-bottom-nav,
 html body:not(#eyeroom-dock-specificity)>#cine-social-bottom,
 html body:not(#eyeroom-dock-specificity).has-native-music>#eyeroom-native-music{
  left:max(12px,env(safe-area-inset-left,0px))!important;right:max(12px,env(safe-area-inset-right,0px))!important;
  width:auto!important;max-width:none!important;transform:none!important;translate:none!important;
 }
 html body:not(#eyeroom-dock-specificity).has-native-music>#eyeroom-native-music{bottom:calc(var(--eyeroom-dock-bottom) + var(--eyeroom-dock-height) + var(--eyeroom-dock-gap))!important}
}
@media(min-width:651px){
 html body:not(#eyeroom-dock-specificity)>#cine-social-bottom,
 html body:not(#eyeroom-dock-specificity).has-native-music>#eyeroom-native-music{
  left:calc(50% + 32px)!important;right:auto!important;width:min(640px,calc(100% - 88px))!important;
  max-width:640px!important;transform:translateX(-50%)!important;translate:none!important;
 }
}
@media(max-height:450px) and (orientation:landscape){
 :root{--eyeroom-dock-height:52px;--eyeroom-dock-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
 html body:not(#eyeroom-dock-specificity)>.app-bottom-nav,
 html body:not(#eyeroom-dock-specificity)>#cine-social-bottom{padding:2px 10px!important}
 html body:not(#eyeroom-dock-specificity)>#eyeroom-native-music .native-music-expanded{max-height:50dvh!important}
}