:root{--paper: #f2efe6;--ink: #36392f;--rust: #b95b40;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:2px solid var(--rust);outline-offset:4px}button:disabled{opacity:.3;cursor:default}svg{display:block;width:22px;height:22px;pointer-events:none}[hidden]{display:none!important}#app{width:100%;height:100svh;overflow:hidden;position:relative;isolation:isolate}.paper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 50% 50%,#faf8f0,#f2efe6,#e9e5d9 120%)}.paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.095;mix-blend-mode:multiply;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.5' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#world{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;outline-offset:-6px;cursor:crosshair}.garden-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 0% 5%,#a1b08c45,transparent 43%),radial-gradient(ellipse at 100% 100%,#d1b46e28,transparent 45%),linear-gradient(125deg,#fff9d930,transparent 65%)}.garden-light:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 2s;background:radial-gradient(ellipse at 20% 15%,#777e9940,transparent 65%),linear-gradient(155deg,#263c50ed,#435966de 60%,#727783d9)}body[data-dusk=true] .garden-light:after{opacity:1}.tool-tray{--glass-x: 35%;position:absolute;z-index:10;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #ffffffa8;border-bottom-color:#ffffff50;border-radius:30px;background:linear-gradient(155deg,#ffffff85,#ffffff26 45%,#ffffff54);box-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 1px #ffffff70,inset 1px 0 1px #ffffffa0,0 12px 35px -12px #353e4550,0 3px 8px #3540480d;backdrop-filter:blur(24px) saturate(1.65);-webkit-backdrop-filter:blur(24px) saturate(1.65)}.tool-tray:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x) 0%,#ffffffa0,transparent 52%);box-shadow:inset 0 0 12px #ffffff40}.tool-group{display:flex;align-items:center;gap:3px}.icon-button{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;color:#354540;background:transparent;border-radius:50%;transition:background .22s,transform .22s,box-shadow .22s,color .22s}.icon-button svg{width:21px;height:21px;stroke-width:1.65;filter:drop-shadow(0 1px 0 #ffffff70)}.icon-button:hover:not(:disabled){background:#ffffff8a;transform:translateY(-3px);box-shadow:inset 0 1px #fff,0 4px 9px #34433915}.icon-button:active:not(:disabled){transform:translateY(0) scale(.93)}.icon-button[aria-pressed=true]{background:#65847d2a;color:#245c50;box-shadow:inset 0 1px 2px #294d4320,0 1px #ffffff9c}.icon-button.featured{background:linear-gradient(140deg,#ffffffa0,#c0d5c873);box-shadow:inset 0 1px 1px #ffffffd0,0 2px 4px #39534612;color:#3e6a5a}.icon-button:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%,5px);padding:8px 11px;border-radius:11px;background:#293b35ed;color:#fff;white-space:nowrap;font:500 11px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.015em;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:0 4px 14px #182c3020}.icon-button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}@media(hover:hover){.icon-button[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)}}body[data-dusk=true] .tool-tray{background:linear-gradient(145deg,#eef5ff36,#d7e9f012 60%,#c7e0ef20);border-color:#ffffff50}body[data-dusk=true] .icon-button{color:#edf3f2}body[data-dusk=true] .icon-button svg{filter:none}body[data-dusk=true] .icon-button:hover:not(:disabled),body[data-dusk=true] .icon-button[aria-pressed=true]{background:#ffffff30}body[data-dusk=true] .icon-button.featured{background:#b8e1c82b}body[data-dusk=true] .tool-tray:before{opacity:.45}#food-button{touch-action:none}#reset-button svg,#pause-button svg{width:18px;height:18px}#switch-button{position:relative;padding-bottom:5px}.variant-dots{position:absolute;bottom:5px;display:flex;gap:3px}.variant-dots i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.2}[data-variant="0"] .variant-dots i:nth-child(1),[data-variant="1"] .variant-dots i:nth-child(2),[data-variant="2"] .variant-dots i:nth-child(3),[data-variant="3"] .variant-dots i:nth-child(4){opacity:1}.tool-divider{width:1px;height:24px;margin:0 1px;background:#64756726;box-shadow:1px 0 #ffffff60}#food-ghost{display:none;position:fixed;top:0;left:0;pointer-events:none;z-index:20;width:44px;height:44px;transform:translate(-50%,-50%) rotate(-15deg);color:var(--rust);background:#f8f2d8;border:1px dashed var(--rust);border-radius:50%;place-items:center}#food-ghost.visible{display:grid}#fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:var(--paper)}#fallback .icon-button{border:1px solid #d4d0c2}@media(max-width:520px){.tool-tray{display:flex;flex-wrap:wrap;justify-content:center;width:252px;gap:3px;padding:8px;border-radius:28px;bottom:max(16px,env(safe-area-inset-bottom))}.tool-group{display:contents}.tool-divider{display:none}.icon-button:after{display:none}}@media(max-height:500px){.tool-tray{bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@supports not (backdrop-filter: blur(1px)){.tool-tray{background:#eeeee8f5}body[data-dusk=true] .tool-tray{background:#405765f5}}
