@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Patrick+Hand&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--background: 51 53% 95%;--foreground: 139 29% 22%;--border: 103 17% 57%;--paper: #f8f6e9;--ink: #29472e;--soft-ink: #71836d;--faint-ink: #9da997;--line: #788978;--plant: #557a51;--font-sans: "Space Grotesk", sans-serif;--font-display: "Patrick Hand", cursive;--font-mono: "DM Mono", monospace}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}button,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--plant);outline-offset:4px}.garden-page{min-height:100dvh;overflow:hidden;padding:32px clamp(22px,6.4vw,88px) 34px;position:relative}.garden-header{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:1180px;position:relative;z-index:2}.brand{text-align:center}.brand h1{font-family:var(--font-display);font-size:clamp(30px,3.1vw,44px);font-weight:400;letter-spacing:1.3px;line-height:.88;margin:0}.brand p{color:var(--soft-ink);font-family:var(--font-mono);font-size:9px;margin:10px 0 0}.plant-count{align-items:center;color:var(--soft-ink);display:flex;font-family:var(--font-mono);font-size:10px;gap:7px;position:absolute;right:0;top:8px;white-space:nowrap}.plant-count strong{color:var(--ink);font-weight:500}.garden-layout{align-items:center;display:grid;gap:clamp(38px,6.5vw,105px);grid-template-columns:minmax(480px,670px) 250px;justify-content:center;margin:clamp(43px,7vh,91px) auto 0;max-width:1130px}.garden-side{text-align:center}.garden-stage{margin:auto;max-width:670px;position:relative;width:100%;animation:garden-float 4s ease-in-out infinite;will-change:transform}.garden-art{display:block;height:auto;position:relative;width:100%;z-index:1;animation:garden-float 4s ease-in-out infinite;will-change:transform}@keyframes garden-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.planted-flowers{inset:0;pointer-events:none;position:absolute;z-index:2}.planted-flower{background:transparent;border:0;height:clamp(60px,6.5vw,82px);padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:transform .17s ease;width:clamp(60px,6.5vw,82px)}.planted-flower:hover,.planted-flower:focus-visible{transform:translate(-50%,-50%) scale(1.13) rotate(-4deg)}.planted-flower img{height:100%;object-fit:contain;width:100%}.garden-note{color:#85927b;font-family:var(--font-mono);font-size:9px;margin:-4px 0 0}.plant-panel{align-self:center;display:flex;flex-direction:column;width:250px}.panel-heading{align-items:flex-start;display:flex;font-family:var(--font-mono);font-size:10px;font-weight:500;justify-content:space-between;letter-spacing:-.3px;line-height:1.25;margin-bottom:11px}.panel-scribble{color:#6e9769;font-family:var(--font-display);font-size:27px;line-height:.4;transform:rotate(-22deg)}.drawing-wrap{background:#ffffff24;border:1px dashed var(--line);height:186px;position:relative}.drawing-wrap.has-drawing{background:#ffffff40}.drawing-wrap canvas{display:block;height:100%;touch-action:none;width:100%}.canvas-hint{color:var(--faint-ink);font-family:var(--font-mono);font-size:9px;left:0;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.control-row{align-items:center;display:flex;justify-content:space-between;margin:10px 0 12px;min-height:18px}.color-picker{display:flex;gap:10px}.color-dot{border:1px solid #425942;border-radius:50%;height:14px;padding:0;transition:transform .15s ease;width:14px}.color-dot:hover,.color-dot.is-selected{transform:scale(1.24)}.color-dot.is-selected{box-shadow:0 0 0 2px var(--paper),0 0 0 3px #425942}.clear-button{background:transparent;border:0;color:#80907d;font-family:var(--font-mono);font-size:9px;padding:0;text-decoration:underline}.plant-button{align-items:center;background:var(--paper);border:1px solid #526552;border-radius:99px;color:#345237;display:flex;font-family:var(--font-mono);font-size:10px;gap:15px;justify-content:center;letter-spacing:.2px;min-height:35px;padding:7px 15px;transition:background .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}.plant-button:not(:disabled):hover{background:#345237;color:var(--paper);transform:translateY(-1px)}.plant-button:not(:disabled):active{transform:translateY(1px)}.plant-button:disabled{cursor:not-allowed;opacity:.42}.plant-button span{font-size:15px;line-height:1}.gallery-button{background:transparent;border:1px solid #849080;border-radius:99px;color:#5b6d5c;display:block;font-family:var(--font-mono);font-size:9px;margin:clamp(35px,6vh,73px) auto 0;padding:8px 15px;transition:background .15s ease,color .15s ease}.gallery-button:hover{background:#345237;color:var(--paper)}.modal-backdrop{align-items:center;animation:fade-in .16s ease both;background:#27472c3b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10}.message-modal,.note-modal,.gallery-modal{animation:settle-in .2s ease both;background:var(--paper);border:1px solid #7d8d78;box-shadow:5px 5px #31513329;max-width:430px;padding:36px;position:relative;text-align:center;width:100%}.close-button{background:transparent;border:0;color:#607460;font-size:22px;line-height:1;padding:3px;position:absolute;right:12px;top:10px}.modal-flower{height:68px;margin:-13px auto 1px;width:68px}.modal-flower img,.note-flower{height:100%;object-fit:contain;width:100%}.modal-eyebrow,.note-caption{color:#81927b;font-family:var(--font-mono);font-size:9px;margin:0 0 7px}.message-modal h2,.gallery-modal h2{font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1;margin:0 0 20px}.message-modal textarea{background:transparent;border:1px dashed #87957e;border-radius:0;color:var(--ink);display:block;font-family:var(--font-display);font-size:19px;min-height:83px;outline:none;padding:11px;resize:vertical;width:100%}.message-modal textarea:focus{border-style:solid;border-color:#486448}.message-modal textarea::placeholder{color:#9ba493}.message-modal .modal-submit{margin:17px auto 0}.note-modal{max-width:300px;padding:42px 32px 31px}.note-flower{display:block;height:90px;margin:-10px auto 14px;width:90px}.note-message{font-family:var(--font-display);font-size:25px;line-height:1.05;margin:0 auto 16px;overflow-wrap:anywhere}.note-caption{margin:0}.gallery-modal{max-width:560px;padding:39px 30px 30px}.gallery-modal h2{margin-bottom:23px}.empty-gallery{color:#758675;font-family:var(--font-mono);font-size:10px;margin:28px 0 5px}.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));max-height:330px;overflow:auto}.gallery-flower{align-items:center;background:transparent;border:1px dashed #a0ab98;display:flex;flex-direction:column;gap:5px;min-height:115px;padding:10px}.gallery-flower:hover{background:#eef0dc}.gallery-flower img{height:68px;object-fit:contain;width:68px}.gallery-flower span{color:#637765;font-family:var(--font-mono);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes settle-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:850px){.garden-page{padding-inline:6vw}.plant-count{top:auto;right:0}.garden-layout{gap:30px;grid-template-columns:minmax(390px,1fr) 215px}.plant-panel{width:215px}.drawing-wrap{height:165px}}@media(max-width:650px){.garden-page{padding-top:22px}.garden-header{padding-bottom:24px}.brand h1{font-size:32px}.plant-count{font-size:8px;right:50%;top:71px;transform:translate(50%)}.garden-layout{display:flex;flex-direction:column;gap:28px;margin-top:20px}.garden-side{width:min(100%,480px)}.plant-panel{width:min(100%,280px)}.drawing-wrap{height:190px}.garden-note{margin-top:2px}.gallery-button{margin-top:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}