/* V180 shell: exact regional structure: top header, left content, red Vie locale rail,
   single bottom dock combining page navigation and social/footer. No cloned controls. */
html body.fil180-rebirth #app-root{height:100dvh!important;min-height:0!important;max-height:100dvh!important;background:#09051c;overflow:hidden!important;display:flex!important;flex-direction:column!important}
html body.fil180-rebirth #app-root>header{
 flex:0 0 92px!important;min-height:92px!important;height:92px!important;width:100%;max-width:100%;
 border:0!important;border-bottom:2px solid #da55ed!important;
 background:linear-gradient(115deg,#2e1258 0%,#240e4a 52%,#39115c 82%,#14072e 100%)!important;
 box-shadow:inset 0 1px #f9b8ff55,0 2px 12px #a72de676!important;
 isolation:isolate;z-index:40!important;
}
html body.fil180-rebirth #app-root>header:before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.20;
 background:linear-gradient(135deg,transparent 0 25%,#e952e630 25% 29%,transparent 29% 60%,#df39c443 60% 65%,transparent 65%);
}
html body.fil180-rebirth #app-root>header .fil-v41-header-inner{width:100%!important;max-width:none!important;padding:8px 17px!important;gap:12px!important;height:100%!important;min-height:0!important}
html body.fil180-rebirth #app-root>header .fil-v41-brand{min-width:0!important;gap:13px!important}
html body.fil180-rebirth #app-root>header .fil-header-logo-clean{flex:none!important;filter:drop-shadow(0 0 9px #e940ce8c)}
html body.fil180-rebirth #app-root>header .fil-v41-brand h2{font-family:Outfit,Inter,system-ui,sans-serif!important;font-size:clamp(15px,1.5vw,25px)!important;font-weight:850!important;letter-spacing:-.025em!important;color:#fff!important;text-shadow:0 1px 8px #da63e275}
html body.fil180-rebirth #app-root>header .fil-v41-brand span{color:#ecd4fb!important;letter-spacing:.09em!important;font-size:clamp(8px,.76vw,11px)!important}
html body.fil180-rebirth #app-root>header .fil-v41-actions{min-width:0;max-width:62%;gap:7px!important}
html body.fil180-rebirth #app-root>header .fil-v41-actions :is(button,a,.fil-clock,.fil-header-weather){border-color:#ab67e1!important;box-shadow:inset 0 1px #ffffff29,0 0 8px #c139d540!important}
html body.fil180-rebirth #app-root .fil-workspace{flex:1 1 auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;background:#10092b!important;position:relative}
html body.fil180-rebirth #app-root .fil-site-pane{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%!important;max-height:100%!important;overflow:hidden!important}
html body.fil180-rebirth #app-root #main-view{height:100%!important;min-height:0!important;max-height:100%!important;padding:15px 15px 28px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8841c5 transparent;background:radial-gradient(circle at 75% 0%,#5120754b 0%,transparent 32%),radial-gradient(circle at 0% 70%,#293a9940 0%,transparent 44%),linear-gradient(145deg,#110b32,#0a082b 70%,#100b30)!important}
html body.fil180-rebirth #app-root #fil-desktop-ads{
 flex:0 0 clamp(350px,26vw,420px)!important;width:clamp(350px,26vw,420px)!important;max-width:420px!important;
 height:100%!important;max-height:100%!important;min-width:0!important;
 border-left:1px solid #dc426b!important;background:linear-gradient(160deg,#21070f,#420614 57%,#210710)!important;
 overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#af3d55 transparent!important;
 gap:6px!important;padding:6px 8px!important;
}
html body.fil180-rebirth #app-root #fil-desktop-ads>.fil-rail-heading{background:linear-gradient(100deg,#3c071b,#671226)!important;min-height:30px!important;border-bottom:1px solid #d92d54!important}
html body.fil180-rebirth #app-root #fil-desktop-ads>.fil-rail-heading h2{color:#ffd4e0!important}
html body.fil180-rebirth #app-root #fil-desktop-ads .fil-ad-card{border-color:#ee4262!important;background-color:#330811!important}
html body.fil180-rebirth #app-root #fil-desktop-ads .fil-ad-cta{box-shadow:0 0 9px #fb546355!important}
html body.fil180-rebirth #app-root #fil-music-dock{flex:none!important;min-height:0!important;max-width:100%!important}
html body.fil180-rebirth #app-root #bottom-navigation{
 position:relative!important;inset:auto!important;margin:0!important;bottom:auto!important;left:auto!important;right:auto!important;
 flex:0 0 112px!important;width:100%!important;height:112px!important;min-height:112px!important;
 border:0!important;border-top:2px solid #e978f4!important;border-radius:0!important;
 background:linear-gradient(98deg,#250e4b 0%,#170b38 59%,#310d4e 100%)!important;
 box-shadow:0 -3px 13px #c02ae56a,inset 0 1px #ffd9ff55!important;
 display:grid!important;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)!important;align-items:center!important;
 gap:8px!important;padding:5px 10px!important;overflow:hidden!important;z-index:45!important;
}
html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip{min-width:0!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important}
html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip .nav-item{min-width:0!important;max-width:none!important;min-height:84px!important;height:84px!important;padding:8px 3px!important;border:1px solid #b765fa!important;border-radius:9px!important;background:linear-gradient(145deg,#492474,#1a0c38)!important;color:#fff!important;box-shadow:inset 0 1px #ffc8ff35,0 0 8px #b63cf43a!important;overflow:hidden}
html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip .nav-item:is(.active,[aria-current='page'],.is-active){background:linear-gradient(135deg,#c922f1,#f73ecb 63%,#ff9461)!important;border-color:#ffd0f8!important;box-shadow:0 0 15px #f13cffaa,inset 0 1px #fff8!important}
html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip .nav-item i{font-size:clamp(17px,1.7vw,27px)!important;filter:drop-shadow(0 0 6px #d649fb99)}
html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip .nav-item span{font-size:clamp(9px,.8vw,13px)!important;line-height:1.15!important;font-weight:850!important}
html body.fil180-rebirth #app-root #bottom-navigation .nav-footer{width:100%!important;height:100%!important;min-width:0!important;align-content:stretch!important;gap:5px!important;border:0!important;box-shadow:none!important}
html body.fil180-rebirth #app-root #bottom-navigation .nav-footer :is(a,button,.fil-visitor-count){min-width:0!important}
html body.fil180-rebirth #app-root #bottom-navigation .nav-footer .fil-footer-identity{min-width:0!important}
html body.fil180-rebirth #app-root #bottom-navigation :is(.site-footer-link,.fil-visitor-count,#cookie-status){border-color:#bb69ec!important}
/* Avoid original right-hand vertical hairlines on header/footer. */
html body.fil180-rebirth #app-root>header,html body.fil180-rebirth #app-root #bottom-navigation{border-right:0!important}
@media(max-width:950px){
 html body.fil180-rebirth #app-root>header{flex-basis:64px!important;min-height:64px!important;height:64px!important}
 html body.fil180-rebirth #app-root #fil-desktop-ads{flex-basis:clamp(205px,27vw,270px)!important;width:clamp(205px,27vw,270px)!important}
 html body.fil180-rebirth #app-root #bottom-navigation{flex-basis:92px!important;min-height:92px!important;height:92px!important;grid-template-columns:minmax(0,1.65fr) minmax(0,.9fr)!important}
 html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip .nav-item{height:74px!important;min-height:74px!important}
}
@media(max-width:700px){
 html body.fil180-rebirth #app-root>header{flex-basis:58px!important;min-height:58px!important;height:58px!important}
 html body.fil180-rebirth #app-root>header .fil-v41-header-inner{padding:5px 9px!important}
 html body.fil180-rebirth #app-root>header .fil-v41-brand h2{font-size:12px!important;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body.fil180-rebirth #app-root>header .fil-v41-brand span{font-size:7px!important;letter-spacing:0!important}
 html body.fil180-rebirth #app-root>header .fil-v41-actions{gap:4px!important;max-width:62%}
 html body.fil180-rebirth #app-root #main-view{padding:9px 9px 18px!important}
 /* Retain the historical Vie locale rail controls: allow it to open only via its original mobile trigger. */
 html body.fil180-rebirth #app-root #fil-desktop-ads{max-width:100vw!important}
 html body.fil180-rebirth #app-root #bottom-navigation{grid-template-columns:minmax(0,1fr)!important;height:calc(101px + env(safe-area-inset-bottom,0px))!important;min-height:calc(101px + env(safe-area-inset-bottom,0px))!important;flex-basis:calc(101px + env(safe-area-inset-bottom,0px))!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px))!important;gap:3px!important}
 html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip{gap:3px!important}
 html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip .nav-item{height:59px!important;min-height:59px!important;padding:4px 1px!important;border-radius:6px!important}
 html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip .nav-item i{font-size:17px!important}
 html body.fil180-rebirth #app-root #bottom-navigation .fil143-nav-strip .nav-item span{font-size:9px!important}
 html body.fil180-rebirth #app-root #bottom-navigation .nav-footer{min-height:24px!important;max-height:30px!important;overflow:hidden!important}
}
/* Mobile Vie locale / ADS / SoundCloud is an accessible, internally scrollable
   drawer. Prevent the old fixed rail's height from exceeding the phone screen. */
@media(max-width:700px){
 html body.fil180-rebirth #app-root#app-root #fil-desktop-ads#fil-desktop-ads[data-open="true"]{
  display:flex!important;position:fixed!important;top:58px!important;right:0!important;left:auto!important;
  bottom:calc(71px + env(safe-area-inset-bottom,0px))!important;
  width:min(100vw,390px)!important;max-width:100vw!important;min-width:0!important;
  height:auto!important;max-height:calc(100dvh - 129px - env(safe-area-inset-bottom,0px))!important;
  min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  z-index:90!important;padding:7px 10px!important;border-left:2px solid #fb638c!important;
  box-shadow:-8px 0 30px #050013b3!important;
 }
 html body.fil180-rebirth #app-root #fil-desktop-ads[data-open="true"]>.fil-rail-heading{position:sticky!important;top:0!important;z-index:5!important}
}
@media(max-width:700px){
 html body.fil180-rebirth #app-root#app-root #fil-desktop-ads#fil-desktop-ads[data-open="true"]>.fil-rail-apps{
  display:grid!important;flex:0 0 auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  height:62px!important;min-height:62px!important;max-height:62px!important;
  gap:5px!important;align-content:center!important;align-items:stretch!important;
 }
 html body.fil180-rebirth #app-root#app-root #fil-desktop-ads#fil-desktop-ads[data-open="true"] .fil-rail-link{
  height:60px!important;min-height:58px!important;max-height:60px!important;
  padding:5px 1px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  font-size:10px!important;gap:3px!important;
 }
 html body.fil180-rebirth #app-root#app-root #fil-desktop-ads#fil-desktop-ads[data-open="true"]>.fil-ad-slot{
  display:block!important;flex:0 0 auto!important;min-height:0!important;height:auto!important;
 }
}
/* Desktop slot width matches the approved layout's original ~20% red column.
   Historical CSS set max-width:340px with higher specificity; override only PC. */
@media(min-width:1101px){
 html body.fil180-rebirth #app-root#app-root #fil-desktop-ads#fil-desktop-ads:not([data-open="true"]){
  flex:0 0 clamp(355px,26vw,420px)!important;
  width:clamp(355px,26vw,420px)!important;
  max-width:420px!important;
 }
}