*{box-sizing:border-box;margin:0;padding:0}html,body{background:#f4f1eb;width:100%;height:100%;overflow:hidden}canvas{width:100%;height:100%;display:block}#ui{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.5;background:#f4f1ebd9;border:1px solid #0000000f;border-radius:24px;flex-direction:column;gap:10px;padding:10px 20px;transition:opacity .4s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 2px 12px #0000000a}#ui:hover{opacity:1}#ui label{color:#3c322880;letter-spacing:.5px;align-items:center;gap:8px;font:11px/1 EB Garamond,serif;display:flex}#ui input[type=range]{accent-color:#3c32284d;width:64px}