/* SEIREN Liquid Glass Dock — optical layer only, desktop only.
   No changes to Dock geometry, app SVGs, labels, or home wallpaper. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid .siren-dock-refraction{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  box-sizing:border-box!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
/* macOS 27-inspired neutral glass with a stable CSS fallback. Dock geometry unchanged. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid:not([data-siren-dock-glass="webgl"]){
  background:linear-gradient(164deg,rgba(232,234,237,.20),rgba(139,143,149,.16) 48%,rgba(58,61,67,.23))!important;
  border:1px solid rgba(240,242,245,.24)!important;
  border-top-color:rgba(255,255,255,.28)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(34,36,40,.16)!important;
  backdrop-filter:blur(18px) saturate(130%) brightness(1.02)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%) brightness(1.02)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid[data-siren-dock-glass="webgl"]{
  background:linear-gradient(172deg,rgba(246,247,249,.13),rgba(147,151,158,.11) 64%,rgba(53,56,62,.15))!important;
  border:1px solid rgba(244,245,247,.22)!important;
  border-top-color:rgba(255,255,255,.27)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(34,36,40,.17)!important;
  backdrop-filter:blur(17px) saturate(132%) brightness(1.02)!important;
  -webkit-backdrop-filter:blur(17px) saturate(132%) brightness(1.02)!important;
  isolation:isolate!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid[data-siren-dock-glass="webgl"] .siren-dock-refraction{
  opacity:1!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid > .service-card{
  position:relative!important;z-index:1!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid .siren-dock-refraction{transition:none!important;}
}
@media(forced-colors:active), (prefers-reduced-transparency:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid .siren-dock-refraction{
    display:none!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid[data-siren-dock-glass="webgl"]{
    background:rgba(48,50,54,.91)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}
/* Desktop Dock: preserve resting icon geometry; macOS proximity magnification
   fans visual icon artwork without reflowing tiles or moving running indicators. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid{
  gap:clamp(3px,.45vw,6px)!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid[data-siren-dock-magnifying="true"] > .service-card{
    z-index:var(--siren-dock-magnify-depth,1)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid[data-siren-dock-magnifying="true"] > .service-card > .siren-dock-icon-frame > :is(.home-service-icon,.home-calendar-icon){
    transform:translate3d(var(--siren-dock-magnify-x,0px),var(--siren-dock-magnify-y,0px),0) scale(var(--siren-dock-magnify-scale,1))!important;
    transform-origin:center bottom!important;
    transition:transform 185ms cubic-bezier(.18,.72,.27,1)!important;
    will-change:transform!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid[data-siren-dock-magnifying="true"] > .service-card > .siren-dock-icon-frame > .home-calendar-icon .home-service-icon{
    transform:none!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid[data-siren-dock-magnifying="true"] > .service-card > .service-copy{
    translate:var(--siren-dock-magnify-x,0px) 0!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid > .service-card > .siren-dock-icon-frame > :is(.home-service-icon,.home-calendar-icon){
    transform:none!important;transition:none!important;
  }
}