:root{--ink:#0c1625;--paper:#f4f0e5;--gold:#e4c359;--muted:#c1cddd;--body:'DM Sans',sans-serif;--display:Fraunces,serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.6 var(--body)}button,summary{font:inherit}button{min-height:44px;cursor:pointer;border:1px solid #84909d;border-radius:28px;background:transparent;color:var(--paper);padding:10px 18px}button:hover{background-color:#26384b}button:disabled{opacity:.55;cursor:default}button:focus-visible,summary:focus-visible,#soil:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2{font-family:var(--display);font-weight:500;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(34px,5vw,58px);margin:14px 0 18px}h2{font-size:clamp(29px,4vw,42px)}p{max-width:64ch;text-wrap:pretty}button{text-wrap:balance}button[aria-pressed=true]{background:var(--gold);color:#172232}.planting{max-width:880px;margin:auto;padding:86px 24px 70px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700;margin:0}.lead{max-width:40ch;font-size:19px;margin-bottom:25px}.plant-object{margin:24px 0 0;max-width:740px}.tray{display:flex;gap:15px;justify-content:center;min-height:95px;align-items:end;border-bottom:1px solid #777064;padding:0 10px 7px}.tray button{padding:0;border-radius:14px;background:#d0b18a22;border:1px solid #b597744d;width:99px;height:96px;position:relative}.tray button[aria-pressed=true]{border:2px solid var(--gold);background:#a9bb9626}.tray svg{height:93px;width:93px;max-width:100%;overflow:visible}.tray button:disabled{opacity:.3}.soil{position:relative;aspect-ratio:640/390;margin-top:15px;touch-action:pan-y;isolation:isolate}.earth{display:block;width:100%;height:100%}.bed-invitation{position:absolute;top:43%;left:8%;width:84%;text-align:center;color:#fff2d6;font-size:18px;pointer-events:none;text-shadow:0 1px 2px #1d120d}.seedling{position:absolute;padding:0;min-width:48px;min-height:64px;width:14%;height:33%;transform:translate(-50%,-77%);border:0;border-radius:40%;background:none;touch-action:none}.seedling:hover{background:none}.seedling svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(6px 10px 4px #170e0b55)}.seedling:focus-visible{outline-offset:0}.seedling.lifted{opacity:.32}#held-plant{position:absolute;width:14%;height:33%;min-width:48px;min-height:64px;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(10px 18px 5px #160f0b88)}#held-plant svg{height:100%;width:100%;overflow:visible}.plant-status{min-height:1.8em;font-size:15px;margin:4px 0 12px;color:var(--muted)}.plant-actions{display:flex;gap:9px;flex-wrap:wrap}.plant-actions button{padding:8px 15px;font-size:15px}.hand-controls{margin:28px 0;border-block:1px solid #ffffff33;padding:16px 0}.hand-controls summary{cursor:pointer;color:var(--gold);min-height:44px;align-content:center}.hand-controls p{margin:4px 0 16px}.hand-controls div{display:flex;gap:8px;flex-wrap:wrap}.hand-controls [data-move]{min-width:49px;padding:7px}.listen-invitation,.show-planting{margin-top:64px}.listen-invitation h2,.show-planting h2{margin-bottom:18px}#keep-planting,#confirm-new{background:var(--gold);color:#172232;border-color:var(--gold);font-weight:600}#first-kept,.storage-note{color:#e6cf91;font-size:15px}.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}dialog{width:min(480px,calc(100% - 32px));background:var(--ink);color:var(--paper);border:1px solid #7d8fa5;border-radius:14px;padding:28px}dialog::backdrop{background:#000b}dialog h2{margin-top:0}dialog button{margin:6px 6px 0 0}@media(max-width:420px){.planting{padding:30px 18px 60px}.lead{font-size:17px;margin-bottom:15px}h1{font-size:34px;margin:10px 0 14px}.plant-object{margin-top:14px}.tray{min-height:78px;gap:16px}.tray button{height:73px;width:76px}.tray svg{height:72px;width:72px}.soil{margin-top:7px;aspect-ratio:640/450}.earth{height:100%}.seedling{height:32%;min-height:62px}#held-plant{height:32%;min-height:62px}.bed-invitation{font-size:14px}.plant-actions{gap:7px}.plant-actions button{font-size:14px;padding:8px 12px}.hand-controls{margin-top:24px}.listen-invitation,.show-planting{margin-top:48px}}@media(prefers-reduced-motion:no-preference){.seedling svg{transition:filter .18s}button{transition:background-color .18s}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.tray button:not(:disabled){background:#c8b088;border-color:#d2c6a5}.tray button:not(:disabled):hover{background-color:#dfcaa4}.tray button[aria-pressed=true]:not(:disabled){background:#dce2b3}.tray button:disabled{opacity:.25}

.tray button:disabled:not(.empty){opacity:1;background:#c8b088;border-color:#d2c6a5}.tray button.empty{opacity:.25}