*{box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;color:#615b50;background:#f4efe3;font-synthesis:none;color-scheme:light}body{margin:0;min-width:300px;min-height:100svh}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible,#garden:focus-visible,.custom-color:focus-within{outline:2px solid #a66a39;outline-offset:5px}::selection{background:#dec9a8;color:#453b30}header{position:absolute;top:28px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}header a{font-size:25px;letter-spacing:-1px;font-weight:700;text-decoration:none;color:#615b50;display:flex;align-items:center;gap:5px;pointer-events:auto}header>span{font-size:11px;color:#797164}.brand-pixel{display:block;width:6px;height:6px;background:#ab7cba;margin-top:12px}main{min-height:100svh;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:48px 20px 38px}#garden{width:min(610px,94vw);height:min(560px,65svh);min-height:290px;position:relative;cursor:pointer;touch-action:manipulation;outline-offset:-12px}#scene,#scene canvas{width:100%;height:100%;display:block}#qr{position:absolute;width:min(72%,410px);height:auto;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated;opacity:0;pointer-events:none;transition:opacity .2s}#loading{position:absolute;inset:0;display:grid;place-content:center;font-size:12px;gap:8px;text-align:center}#loading span{letter-spacing:5px}.hint{font-size:11px;min-height:30px;padding:7px 14px;border:1px solid #e6dfd1;border-radius:20px;margin:0 0 19px;background:#f4efe380;transition:background .2s}.hint:hover{background:#e9e1d3}.controls{width:min(500px,100%)}form{display:flex;gap:8px}#link{min-width:0;flex:1;border:1.5px solid #aaa294;background:#f7f3eb;height:43px;border-radius:10px;padding:0 13px;font-size:13px;color:#4b453d;box-shadow:inset 0 1px 3px #6b574d08;outline:none;caret-color:#ac662f}#link:focus{border-color:#a66a39;box-shadow:0 0 0 3px #a66a3917}#link[aria-invalid=true]{border-color:#b34837}#export{height:43px;width:43px;background:#ad652e;color:#fff6e9;border-radius:10px;display:grid;place-items:center;transition:background .2s,transform .2s}#export:hover{background:#955123;transform:translateY(-1px)}#export:disabled{opacity:.5;cursor:wait}svg{width:16px;height:16px;stroke-width:1.7}#export svg{width:18px;height:18px}.toolbar{display:flex;gap:8px;margin-top:9px}.seasons{display:flex;flex:1;gap:3px}.seasons button{height:38px;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;border-radius:7px;transition:background .2s}.seasons button:hover{background:#eae3d6}.seasons button[aria-pressed=true]{background:#e7dfd0;color:#4f4638}.icon-button{width:43px;height:38px;display:grid;place-items:center;border-radius:7px}.icon-button:hover,.icon-button[aria-pressed=true]{background:#e7dfd0}.palette{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px}.palette>button{width:24px;height:24px;border-radius:50%;background:var(--swatch);position:relative;transition:transform .2s}.palette>button:before{content:"";position:absolute;inset:-5px}.palette>button[aria-pressed=true]:after{content:"";position:absolute;inset:-4px;border:1px solid #8e8373;border-radius:50%}.palette>button:hover{transform:translateY(-2px)}.custom-color{width:26px;height:26px;display:grid;place-items:center;border:1px solid #c7bdac;border-radius:50%;position:relative;cursor:pointer}.custom-color input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.custom-color svg{width:13px;height:13px}#error{font-size:12px;color:#9c392b;margin:9px 0 0}.status{font-size:11px;height:15px;margin:15px 0 0;color:#776b5c}footer{position:fixed;bottom:17px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.2px;color:#82796a;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){header{top:19px;left:23px;right:23px}header a{font-size:22px}header>span{font-size:10px}main{padding:55px 22px 35px;justify-content:center}#garden{width:calc(100vw - 12px);height:min(117vw,61svh);min-height:280px}.hint{margin-bottom:17px}.palette{margin-top:20px}footer{position:static;margin:-22px 0 12px;font-size:9px}.seasons button{height:40px}.palette>button{width:23px;height:23px}.custom-color{width:25px;height:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}