:root{--paper:#efe8d1;--ink:#24172a;--green:#284b32;--lime:#c6ff2e;--plum:#763b65;--clay:#c05c3f;--muted:#716574;--font-display:"Arial Black",Impact,sans-serif;--font-body:"Trebuchet MS",Arial,sans-serif;--font-mono:"Courier New",monospace}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-body);margin:0;overflow-x:clip}button,input,textarea{font:inherit}.pollen{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{grid-template-rows:auto minmax(600px,1fr) auto auto;grid-template-columns:260px minmax(0,1fr) 220px;min-height:100dvh;display:grid;position:relative}header{border-bottom:5px solid var(--ink);z-index:3;background:#efe8d1eb;grid-column:1/-1;align-items:flex-end;gap:32px;padding:18px 28px;display:flex}h1{font:900 29px/.78 var(--font-display);letter-spacing:-.04em;margin:0}h1 span{color:var(--green)}header p,header button,footer,.tray label{font:700 11px var(--font-mono);letter-spacing:.06em}header button{border:3px solid var(--ink);background:var(--lime);cursor:pointer;white-space:nowrap;margin-left:auto;padding:12px 15px}header button:hover,.tray button:hover{background:var(--ink);color:var(--lime)}.seeds{border-right:3px solid var(--ink);background:#efe8d1b3;grid-area:2/1;padding:22px 17px}.seeds h2{font:900 15px var(--font-display);border-bottom:10px solid var(--plum);padding-bottom:10px}.seeds article{border:2px solid var(--ink);background:#f8f3e4;margin:18px 5px;padding:16px 12px 12px;position:relative;transform:rotate(-1.5deg);box-shadow:5px 6px #24172a29}.seeds article:nth-of-type(2n){transform:rotate(1deg)}.seeds small{font:700 9px var(--font-mono);color:var(--plum)}.seeds p{font-size:13px;line-height:1.35}.bench{grid-area:2/2;place-items:center;min-width:0;padding:40px;display:grid;position:relative}.specimen{width:min(580px,90%);height:500px;position:relative}.trunk{background:var(--green);clip-path:polygon(30% 0,72% 0,100% 100%,0 100%);width:76px;height:240px;color:var(--paper);flex-direction:column;justify-content:flex-end;align-items:center;padding:22px 5px;animation:.8s trunkRise;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.trunk b{font:900 12px var(--font-display);writing-mode:vertical-rl}.trunk span{font:700 8px var(--font-mono);margin-top:8px}.crown{position:absolute;inset:20px 0 170px}.crown i{--i:0;background:var(--ink);transform-origin:0;width:130px;height:8px;transform:rotate(calc(-145deg + var(--i)*58deg)) scaleX(.2);font:700 9px var(--font-mono);color:var(--ink);white-space:nowrap;padding-left:12px;font-style:normal;transition:transform 1s cubic-bezier(.2,.8,.1,1);position:absolute;bottom:0;left:50%;overflow:visible}.crown i.grown{background:var(--green);transform:rotate(calc(-145deg + var(--i)*58deg)) scaleX(1);animation:.7s graftSnap}.crown i:after{content:"";border:3px solid var(--ink);background:var(--lime);width:42px;height:42px;transform:rotate(calc(145deg - var(--i)*58deg));border-radius:70% 20%;animation:3s ease-in-out infinite leafBreathe;position:absolute;top:-17px;right:-22px}.roots{border-top:9px solid var(--green);height:70px;box-shadow:0 -14px 0 -9px var(--green);border-radius:50%;position:absolute;bottom:45px;left:20%;right:20%}.accepted{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.accepted span{font:700 9px var(--font-mono);border-bottom:2px solid;padding:6px 8px}.accepted .yes{color:var(--green)}.accepted .no{color:var(--clay)}.dial{border-left:3px solid var(--ink);background:#efe8d1b3;flex-direction:column;grid-area:2/3;justify-content:center;align-items:center;display:flex}.dial>div{--growth:0;aspect-ratio:1;background:conic-gradient(var(--lime) calc(var(--growth)*1%),var(--plum) 0);border:7px solid var(--ink);text-align:center;width:145px;box-shadow:inset 0 0 0 16px var(--paper);border-radius:50%;place-content:center;animation:1.2s dialTurn;display:grid}.dial strong{font:900 28px var(--font-display)}.dial span,.dial p{font:700 10px var(--font-mono)}.tray{border-top:5px solid var(--ink);background:var(--green);color:var(--paper);z-index:3;grid-column:1/-1;grid-template-columns:150px 230px minmax(0,1fr) 250px;display:grid}.tray label{padding:24px}.tray input,.tray textarea{color:var(--paper);resize:none;background:0 0;border:0;border-left:1px solid #efe8d159;padding:18px}.tray input::placeholder,.tray textarea::placeholder{color:#efe8d1a1}.tray button{background:var(--lime);color:var(--ink);font:900 12px var(--font-mono);cursor:pointer;border:0}.tray button:disabled{background:var(--muted);cursor:not-allowed}.germination{background:var(--plum);width:min(410px,100vw - 50px);color:var(--paper);border:3px solid var(--ink);z-index:8;padding:18px;animation:.5s germinate;position:fixed;top:100px;right:25px}.germination b,.germination span,.germination a{font:700 10px/1.4 var(--font-mono);overflow-wrap:anywhere;display:block}.germination a{color:var(--lime);margin-top:7px}footer{background:var(--ink);color:var(--paper);z-index:3;grid-column:1/-1;justify-content:space-between;padding:11px 22px;display:flex}@keyframes trunkRise{0%{opacity:0;transform:translate(-50%,80px)}}@keyframes graftSnap{0%{filter:brightness(3);transform:rotate(calc(-145deg + var(--i)*58deg)) scaleX(.25)}70%{transform:rotate(calc(-145deg + var(--i)*58deg)) scaleX(1.08)}}@keyframes leafBreathe{50%{transform:rotate(calc(155deg - var(--i)*58deg)) scale(1.08);border-radius:20% 70%}}@keyframes dialTurn{0%{transform:rotate(-160deg)}}@keyframes germinate{0%{opacity:0;transform:translateY(-30px)rotate(2deg)}}@media (max-width:900px){main{grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr}.seeds{border-right:0;border-top:3px solid var(--ink);grid-area:3/1}.bench{grid-area:2/1;min-height:610px;padding:20px}.dial{border-left:0;border-top:3px solid var(--ink);grid-area:4/1;padding:28px}.tray{grid-area:5/1;grid-template-columns:1fr}.tray>*{min-height:58px;border-bottom:1px solid #efe8d14d!important}footer{grid-area:6/1}}@media (max-width:414px){header{gap:10px;padding:14px 12px}header p{display:none}header button{padding:10px 8px;font-size:9px}.bench{min-height:540px}.specimen{width:100%;height:470px}.crown i{width:95px}.crown i:after{width:34px;height:34px}.accepted{bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}