/* Decorative surface currents: no layout or pointer interception. */
#codex-water-backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;contain:strict}
.water-backdrop-control{position:fixed;left:14px;bottom:14px;z-index:60;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid rgba(97,217,197,.2);border-radius:999px;background:rgba(6,30,36,.93);color:#94bbbc;font:400 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:.025em;cursor:pointer;box-shadow:0 3px 14px rgba(0,0,0,.12);transition:color .2s,border-color .2s}
.water-backdrop-control span:first-child{color:#61d9c5;font:400 20px/1 Georgia,serif}
.water-backdrop-control:hover,.water-backdrop-control:focus-visible{color:#dbefed;border-color:rgba(97,217,197,.55)}
.water-backdrop-control:focus-visible{outline:2px solid #61d9c5;outline-offset:4px}
.water-backdrop-control[hidden]{display:none}
@media(max-width:600px){.water-backdrop-control{left:8px;bottom:8px;min-height:34px;font-size:9px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.water-backdrop-control{display:none}}
@media print{#codex-water-backdrop,.water-backdrop-control{display:none}}