/* v2.110 preview: glass treatment. Loaded after the page styles and site-chrome.css.
   Remove this one link from a page and it returns to the solid look. */
:root{--glass:color-mix(in srgb,var(--surface) 58%,transparent);--glass-edge:color-mix(in srgb,#fff 55%,transparent);--glass-blur:blur(18px) saturate(1.35)}
:root[data-theme="dark"],:root[data-theme="lhd"]{--glass:color-mix(in srgb,var(--surface) 52%,transparent);--glass-edge:color-mix(in srgb,#fff 12%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--glass:color-mix(in srgb,var(--surface) 52%,transparent);--glass-edge:color-mix(in srgb,#fff 12%,transparent)}}

/* the page colour moves to the window itself so the light can sit between it and the content */
html{background-color:var(--ground)}
body{background-color:transparent!important}

/* light behind the glass: two slow pools of teal and brass, fixed to the window */
body::before{content:"";position:fixed;inset:-15%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 32% at 18% 22%,color-mix(in srgb,var(--accent,#2A5F62) 34%,transparent),transparent 70%),
    radial-gradient(34% 30% at 84% 38%,color-mix(in srgb,var(--brass-line,var(--urgent,var(--brass,#B08D57))) 30%,transparent),transparent 70%),
    radial-gradient(40% 34% at 52% 88%,color-mix(in srgb,var(--accent,#2A5F62) 22%,transparent),transparent 72%);
  will-change:transform;animation:lh-drift 38s ease-in-out infinite alternate}
@keyframes lh-drift{to{transform:translate3d(3%,-4%,0) scale(1.06)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}

/* panels and cards become frosted glass */
:is(.card,.drawer,.founding,.fx-pair,.fx-upkeep,.gintro,.inst,.kc,.la-why,.lead,.ledger,.line,.lw-panel,.method,.next,.offer,.panel,.plate,.price,.pt-card,.pt-founding,.qs,.quiet,.rf-loop,.role,.stage,.step,.syncbar,.tile,.tm-screen,.cal,.bk-mail){
  background-color:var(--glass)!important;
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border-color:color-mix(in srgb,var(--rule) 70%,transparent);
  box-shadow:inset 0 1px 0 var(--glass-edge),0 10px 30px -18px rgba(20,40,32,.35)}

/* the top bar frosts over the page as it scrolls beneath */
html,body{overflow-x:clip}
.lhd-bar{background:transparent!important;box-shadow:none!important}
.lhd-bar::before{content:"";position:absolute;inset:0 -100vw;z-index:-1;pointer-events:none;
  background:color-mix(in srgb,var(--ground) 86%,transparent);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border-bottom:1px solid color-mix(in srgb,var(--rule) 60%,transparent)}