:root{color-scheme:dark;background:#0c0d0e}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c0d0e}body{-webkit-font-smoothing:antialiased}.study{position:relative;isolation:isolate;width:100%;height:100%;height:100dvh;overflow:hidden;background:#0c0d0e}#garden{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#garden:active{cursor:grabbing}#garden:focus-visible{outline:1px solid #b2aa9277;outline-offset:-5px}.studio{position:absolute;inset:0;pointer-events:none;z-index:1;background:none}.grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fallback{position:absolute;z-index:4;top:44%;left:15%;right:15%;color:#b7b6a4;font:16px/1.8 Georgia,serif;text-align:center}