:root{color:#51434d;background:#f6efe0;font-family:Georgia,serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button,input{font:inherit}.aquarium{background:#f6efe0;width:100%;height:100svh;min-height:400px;position:relative;overflow:hidden}.deepsea-sketch{width:100%;height:100%;position:absolute;inset:0}.deepsea-sketch canvas{touch-action:none;cursor:grab;display:block}.deepsea-sketch canvas:active{cursor:grabbing}.aquarium-vignette{pointer-events:none;box-shadow:none;position:absolute;inset:0}.aquarium-controls{z-index:2;bottom:max(20px, env(safe-area-inset-bottom));right:max(20px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:.62;background:#f8f2e6c2;border:1px solid #664f562e;border-radius:100px;gap:8px;padding:7px;transition:opacity .25s;display:flex;position:absolute}.aquarium-controls:hover,.aquarium-controls:focus-within{opacity:1}.aquarium-controls button{color:#62515e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font:22px Georgia,serif;display:grid}.aquarium-controls button:hover{background:#ae7b871f}button:focus-visible{outline-offset:2px;outline:2px solid #9b798d}@media (max-width:600px){.aquarium-controls{bottom:max(14px, env(safe-area-inset-bottom));right:14px}.aquarium-controls button{width:44px;height:44px}}