/* Glass belongs to controls, not every surface. Keep chart/text layers readable. */
body.liquid-interface{--glass-surface:rgba(24,23,32,.84);--glass-edge:rgba(238,229,255,.17);--glass-light:rgba(255,255,255,.09);--glass-shadow:0 12px 34px #0003;--ease-liquid:cubic-bezier(.22,.8,.24,1);-webkit-font-smoothing:antialiased}
.liquid-interface .topbar{background:var(--glass-surface)!important;border-bottom:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px var(--glass-light)}
.liquid-interface .btn,.liquid-interface .icon-btn{border-radius:13px;box-shadow:inset 0 1px #ffffff09;touch-action:manipulation}
.liquid-interface .btn.primary{background:linear-gradient(160deg,#decaf4,#bc9bdd);border-color:#e6d7ff65;box-shadow:inset 0 1px #ffffff55,0 3px 12px #0002;color:#241a32}
.liquid-interface .card{border-radius:20px;border-color:#ffffff12;background-color:rgba(14,15,20,.9);box-shadow:inset 0 1px #ffffff04}
.liquid-interface .nav-link{border-radius:13px}.liquid-interface .nav-link.active{background:linear-gradient(125deg,#c4abe724,#c4abe710);box-shadow:inset 0 1px #ffffff13;color:#e4d5f7}
.liquid-interface dialog{background:#15131cf7;border:1px solid var(--glass-edge);border-radius:26px;box-shadow:0 32px 100px #0008,inset 0 1px #ffffff12}
.liquid-interface dialog::backdrop{background:#0505099c}
.liquid-interface .field input,.liquid-interface .field select,.liquid-interface .field textarea{border-radius:12px;background:#07080b88;border-color:#ffffff18}
.liquid-interface #toast{border-radius:16px;box-shadow:var(--glass-shadow)}
@media(max-width:820px){
 .liquid-interface #mobile-nav{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:8px;border:1px solid var(--glass-edge);border-radius:26px;background:var(--glass-surface);-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);box-shadow:0 10px 32px #0005,inset 0 1px #ffffff12}
 .liquid-interface #mobile-nav:before{border-radius:19px;background:linear-gradient(145deg,#e9d4ff23,#d6c2f110);box-shadow:inset 0 1px #ffffff20,0 2px 8px #0002}
 .liquid-interface #mobile-nav a,.liquid-interface #mobile-nav button{border-radius:19px;color:#b9b2c6;font-weight:500}
 .liquid-interface #mobile-nav .active,.liquid-interface #mobile-nav button[aria-expanded=true]{color:#f0e6ff}
 .liquid-interface .content{padding-bottom:38px}.liquid-interface .metric{border-radius:18px}
 .liquid-interface #modal[open]{border-radius:28px 28px 0 0}
 .liquid-interface .topbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
}
@media(prefers-reduced-motion:no-preference){
 .liquid-interface .btn,.liquid-interface .icon-btn{transition:transform .18s var(--ease-liquid),background-color .18s,box-shadow .18s}
 .liquid-interface .btn:active,.liquid-interface .icon-btn:active{transform:scale(.97)}
 .liquid-interface #mobile-nav:before{transition:transform .3s var(--ease-liquid)}
 .liquid-interface dialog[open]{animation:liquid-sheet .26s var(--ease-liquid)}
 @keyframes liquid-sheet{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.liquid-interface{--glass-surface:#191720;--glass-edge:#8e839e}.liquid-interface .topbar,.liquid-interface #mobile-nav{backdrop-filter:none;-webkit-backdrop-filter:none}.liquid-interface .card{background:#111116}}
@media(prefers-reduced-motion:reduce){.liquid-interface *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}