.panel-backdrop.water-preview{background:transparent;backdrop-filter:none}
.water-panel{width:354px;padding:23px;scrollbar-width:thin}
.water-panel .panel-heading h2{font-size:23px;letter-spacing:1px}
.water-panel .panel-intro{font-size:10px;line-height:1.9;margin-bottom:17px}
.water-current{display:flex;align-items:center;gap:13px;padding:19px 16px;border-radius:13px;color:#e5efdf;background:linear-gradient(120deg,#476f66,#779787);box-shadow:inset 0 1px 0 #ffffff26}
.water-current.water-sea{background:linear-gradient(120deg,#3c6975,#7ca6a2)}
.water-current.water-lake{background:linear-gradient(120deg,#4b7380,#8aa7a0)}
.water-current>span{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid #d0e2d65c}
.water-current>span svg{width:23px;height:23px}
.water-current small{font-size:7px;letter-spacing:2px;opacity:.65;display:block;margin-bottom:7px}
.water-current strong{display:block;font-size:18px;letter-spacing:1px;font-family:var(--serif);font-weight:400}
.water-current p{font-size:8px;line-height:1.8;opacity:.8;margin:7px 0 0}
.water-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0 22px}
.water-presets>button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #a3b5a166;border-radius:9px;color:#82947b;padding:12px 4px;font-size:9px;min-height:65px}
.water-presets>button svg{width:20px;height:20px}
.water-presets>button:hover{background:#e8edde}.water-presets>button.selected{background:#dfe8d9;border-color:#8aa080;color:#3e6149}
.water-control{margin:0 0 19px}.water-control>label{display:flex;justify-content:space-between;font-size:10px;color:#6d8664;margin-bottom:11px}
.water-control output{font-size:10px;font-variant-numeric:tabular-nums;color:#8a9c7f}
.water-control>div{display:flex;justify-content:space-between;font-size:8px;color:#9da88e;margin-top:7px}
.water-listen{background:#e5ebde90;border:1px solid #acb99d59;border-radius:11px;padding:14px;margin-top:21px}
.water-listen>div{display:flex;gap:9px;align-items:center}.water-listen>div>span svg{width:18px;height:18px;color:#809975}.water-listen b{font-size:11px;font-weight:400;color:#5b7551}.water-listen .switch{margin-left:auto}
.water-listen p{font-size:8px;line-height:1.8;color:#92a084;margin:9px 0 15px;min-height:15px}
.water-volume{font-size:8px;display:flex;justify-content:space-between;color:#8a9c7e;margin-bottom:10px}
.water-panel-footer{display:flex;flex-direction:column;gap:13px;margin-top:21px}.water-panel-footer .text-btn{justify-content:center;font-size:9px;color:#8b9c7f}
.water-caption{font-size:8px;line-height:1.8;color:#a1ad96;text-align:center;margin:17px 0 0}
.water-motion-note{display:block;width:100%;padding:10px;font-size:9px;color:#7b8e6c;background:#e9ecdc;border-radius:8px;margin-top:13px}
@media(max-width:1180px) and (min-width:761px){.water-panel{width:304px;padding:21px}.water-current{padding:16px 12px;gap:10px}.water-current strong{font-size:16px}.water-presets>button{font-size:8px}}
@media(max-width:760px){
 .water-panel{left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:47svh;padding:16px;border-radius:15px;box-shadow:0 -8px 45px #0c231c40}
 .water-panel .panel-heading{margin-bottom:4px}.water-panel .panel-heading h2{font-size:19px}.water-panel .panel-intro{font-size:8px;line-height:1.7;margin-bottom:12px}
 .water-current{padding:12px 14px;gap:12px}.water-current small{font-size:6px;margin-bottom:5px}.water-current strong{font-size:16px}.water-current p{font-size:7px;margin-top:5px}
 .water-presets{margin:11px 0 18px;gap:6px}.water-presets>button{min-height:49px;padding:8px 3px;gap:5px;font-size:9px}.water-presets>button svg{width:16px;height:16px}
 .water-control{margin-bottom:16px}.water-control>label{font-size:10px;margin-bottom:9px}.water-control>div{font-size:7px;margin-top:6px}
 .water-listen{padding:12px}.water-panel-footer{margin-top:16px;gap:10px}.water-panel-footer>.primary{min-height:38px}
 body:has(.water-panel:not([hidden])) .ritual-mode .activity,body:has(.water-panel:not([hidden])) .ritual-rail{visibility:hidden;pointer-events:none}
}