/* Shared, opt-in liquid glass system. Keep existing KR law/monitoring layouts. */
@font-face{font-family:KamelUI;src:url('/shared/fonts/pretendard/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html[data-ui-glass]{
  --ui-font:KamelUI,'Noto Sans',system-ui,-apple-system,sans-serif;
  --ui-ink:#202b38;--ui-muted:#5d6b7b;--ui-line:rgba(45,68,91,.16);
  --ui-glass:rgba(255,255,255,.14);--ui-reading:rgba(255,255,255,.94);--ui-input:rgba(255,255,255,.58);
  --ui-action:rgba(66,165,245,.22);--ui-hover:rgba(66,165,245,.34);--ui-action-ink:#0b2c45;
  --ui-selection:rgba(66,165,245,.13);--ui-rim:rgba(255,255,255,.88);
  --ui-shadow:0 22px 36px -25px rgba(0,0,0,.30),0 3px 8px rgba(0,0,0,.045),inset 0 2px 2px #fff,inset 2px 0 3px rgba(255,255,255,.75),inset 0 -2px 3px rgba(0,0,0,.08);
  --ui-cloud:radial-gradient(ellipse 43% 19% at 20% 18%,rgba(255,255,255,.94),rgba(255,255,255,.56) 43%,transparent 78%),radial-gradient(ellipse 34% 22% at 73% 36%,rgba(255,255,255,.94),rgba(255,255,255,.36) 48%,transparent 80%),radial-gradient(ellipse 55% 18% at 35% 78%,rgba(255,255,255,.8),rgba(255,255,255,.3) 46%,transparent 80%),radial-gradient(ellipse 46% 31% at 91% 14%,rgba(25,118,210,.5),rgba(25,118,210,.25) 40%,transparent 78%),radial-gradient(ellipse 48% 28% at 4% 54%,rgba(25,118,210,.4),rgba(25,118,210,.18) 44%,transparent 79%),radial-gradient(ellipse 40% 32% at 86% 87%,rgba(25,118,210,.38),rgba(25,118,210,.15) 46%,transparent 80%),linear-gradient(145deg,#edf6ff,#f8fbff 42%,#e5f1fe);
}
html[data-ui-glass][data-law-theme=dark]{--ui-ink:#e2eaf5;--ui-muted:#adbed0;--ui-line:#3b5068;--ui-glass:rgba(24,38,58,.78);--ui-reading:#18263a;--ui-input:#20334b;--ui-action:rgba(66,165,245,.23);--ui-hover:rgba(66,165,245,.36);--ui-action-ink:#d8ecff;--ui-selection:rgba(66,165,245,.17);--ui-rim:rgba(178,210,243,.23);--ui-shadow:0 15px 30px -22px #000,inset 0 1px rgba(198,222,255,.15);--ui-cloud:radial-gradient(ellipse at 85% 10%,#193b5c,transparent 55%),radial-gradient(ellipse at 0 65%,#143451,transparent 65%),linear-gradient(145deg,#0e1726,#111f31)}

/* Chemical pages share a lavender canvas; controls retain the common blue. */
html[data-ui-glass][data-ui-screen=chemical]:not([data-law-theme=dark]){--ui-cloud:radial-gradient(ellipse 65% 55% at 90% 12%,rgba(164,142,194,.18),transparent 75%),#f4f1f8}