@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#eeeee3;--ink:#293f32;--muted:#738071;--line:#d3d7c7;--rust:#b56d4c;--soil:#454338;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);background-image:radial-gradient(ellipse at 85% 0%,#dbe0c766,transparent 65%);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #d99447;outline-offset:4px}button:disabled{opacity:.4;cursor:default}button{border:0}a{color:inherit;text-decoration:none}#botanical-library{position:absolute;width:0;height:0;overflow:hidden}.app{max-width:1140px;padding:0 44px;margin:auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:11px;font-weight:700;letter-spacing:2.1px;display:flex;align-items:center;gap:12px}.brand-sprig{font-size:32px;font-weight:400;line-height:1}.edition{font-size:10px;font-weight:400;color:var(--muted);letter-spacing:1px;border-left:1px solid var(--line);padding-left:12px;margin-left:4px}.top-actions{display:flex;gap:12px}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:20px}.sound-slash{position:absolute;width:20px;height:1px;background:var(--ink);transform:rotate(-45deg);left:8px;top:17px}.icon-button.on .sound-slash{display:none}main{display:grid;grid-template-columns:1fr 490px;gap:70px;align-items:center;padding:38px 0 32px}.intro{padding:6px 0 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.5}h1{font-family:var(--serif);font-size:clamp(62px,6.7vw,83px);line-height:1.02;font-weight:400;letter-spacing:-3.8px;margin:20px 0}h1 em{font-weight:400;color:#68825a}.intro-copy{font-size:14px;line-height:1.8;color:#687464;margin:24px 0 34px}.round-stats{display:flex;gap:46px}.round-stats>div{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:10px;letter-spacing:1.6px;color:#687464}.round-stats strong{font-size:33px;font-weight:500;font-family:var(--serif)}.round-stats small{font-family:var(--sans);font-size:14px;color:#84907f;font-weight:400}.progress-track{height:4px;max-width:290px;margin-top:17px;background:#d9dece;border-radius:8px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:#789364;transition:width .5s}.goal-caption{font-size:11px;color:var(--muted);margin:10px 0 29px}.garden-link{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;background:none;text-align:left;width:100%;max-width:300px}.garden-link>span:first-child{font-size:31px;color:#788663}.garden-link>span:nth-child(2){font-family:var(--serif);font-size:19px}.garden-link small{font-family:var(--sans);display:block;font-size:10px;color:#7a8475;margin-top:5px}.garden-link small b{font-weight:500}.arrow{margin-left:auto;font-size:25px;font-weight:400}.desktop-note{font-size:10px;color:var(--muted);margin-top:29px;display:flex;align-items:center;gap:9px}.tiny-sun{font-size:24px}.planter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:9px;letter-spacing:1.7px;color:#717e6b}.text-button{font-size:11px;letter-spacing:0;background:none;padding:3px 0}.text-button span{border:1px solid #a3ac97;border-radius:50%;display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;margin-left:6px}.delivery{display:flex;align-items:center;height:85px;background:#e4e6d8;border:1px solid #d8ddca;border-radius:10px 10px 0 0;padding:9px 18px;margin:0 11px}.current-label{min-width:94px}.current-label .eyebrow{font-size:8px;letter-spacing:1.5px;color:#798370}.current-label strong{display:block;font-family:var(--serif);font-size:24px;font-weight:400;margin-top:3px}.current-plant{width:60px;height:60px}.plant-art{width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 3px 2px #15271c33)}.delivery-divider{width:1px;height:38px;background:#c9cfbc;margin:0 13px}.upcoming-label{font-size:8px;letter-spacing:1.2px;width:32px;color:#78836c;line-height:1.5}.upcoming-label span{font-size:17px}.upcoming{display:flex;flex:1;justify-content:space-between;gap:4px;min-width:0}.next-plant{width:46px;height:48px;position:relative}.next-plant small{position:absolute;font-size:7px;bottom:-6px;left:0;width:100%;text-align:center;color:#6d795f}.planter-shell{filter:drop-shadow(0 15px 13px #5f4b331b)}.planter-rim{padding:13px;background:linear-gradient(115deg,#c68a67,#b36e4f 55%,#a45b42);border-radius:13px 13px 5px 5px;border-top:3px solid #d6a586;box-shadow:inset 0 0 0 1px #97543f;position:relative}.board{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:1;background:#3d3f32;border-radius:5px;padding:6px;gap:4px;box-shadow:inset 0 4px 8px #171e1933}.cell{position:relative;background:radial-gradient(ellipse at 30% 30%,#575247,#48483b);border-radius:4px;border:1px solid #63604d66;min-width:0;aspect-ratio:1;padding:4px;transition:background .15s,box-shadow .15s;overflow:visible}.cell::after{content:'';position:absolute;inset:8px;pointer-events:none;background-image:radial-gradient(circle at 11% 22%,#82705980 0 1px,transparent 1.5px),radial-gradient(circle at 77% 83%,#292e2377 0 1.5px,transparent 2px)}.cell.empty:before{content:'+';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#93877170;font-size:19px;font-weight:400}.cell.empty:hover{background:#625e47;box-shadow:inset 0 0 0 2px #b0b881}.cell.occupied{cursor:default}.cell .plant-art{position:relative;z-index:1}.cell.hinted{box-shadow:inset 0 0 0 2px #e4ca86;background:#6a6547}.cell.hinted.empty:before{color:#e7ce8a;font-size:27px}.cell.preview-match{box-shadow:inset 0 0 0 2px #b2c887}.cell.blooming{animation:bloom .5s ease both;background:#9fae68;z-index:2}.cell.new-plant .plant-art{animation:plant-in .32s cubic-bezier(.2,1.5,.5,1)}@keyframes plant-in{from{transform:scale(.2);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes bloom{0%{transform:scale(1)}40%{transform:scale(1.1);filter:brightness(1.3)}100%{transform:scale(.15);opacity:0}}.bloom-float{position:absolute;top:43%;left:15%;right:15%;text-align:center;color:#fff6ce;font-family:var(--serif);font-size:30px;text-shadow:0 2px 9px #243025;z-index:4;pointer-events:none}.bloom-float.show{animation:float 1.2s ease both}@keyframes float{0%{opacity:0;transform:translateY(12px)}20%,75%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}.planter-front{height:31px;background:linear-gradient(#ad6548,#a25a40);border-radius:0 0 15px 15px;margin:0 4px;box-shadow:inset 0 1px #d1916933;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#e5b597;font-size:7px;letter-spacing:2px}.drain{color:#793d2d;font-size:6px;letter-spacing:0}.message-line{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px}.message-line p{font-size:11px;line-height:1.45;margin:0;color:#657458}.message-leaf{font-size:22px;color:#8a996b}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}.secondary{background:transparent;border:1px solid #cbd1bf;border-radius:30px;padding:9px 14px;font-size:11px;white-space:nowrap;min-height:38px}.secondary span{font-size:16px;margin-right:5px}.settle-note{font-size:9px;color:#87907d}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0;font-size:8px;color:#8b927f;letter-spacing:1.5px}footer span:last-child{letter-spacing:.2px}.overlay{position:fixed;inset:0;background:#243a2db0;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20;padding:20px;overflow:auto}.overlay[hidden]{display:none}.dialog{width:min(100%,480px);max-height:calc(100svh - 40px);overflow:auto;background:#f2f0e3;border:1px solid #f9f8e9;border-radius:18px;padding:30px;text-align:center;box-shadow:0 24px 80px #152a3440;position:relative}.dialog:focus{outline:none}.dialog h2{font-family:var(--serif);font-size:39px;line-height:1.12;font-weight:400;letter-spacing:-1px;margin:12px 0 16px}.dialog p{font-size:13px;line-height:1.75;color:#707b65;margin:10px 0 20px}.dialog .eyebrow{font-size:9px;color:#899274}.primary{background:#344e3a;color:#f5f1dd;border-radius:30px;min-height:48px;padding:12px 25px;font-size:13px;letter-spacing:.2px;box-shadow:0 3px 0 #22382a;transition:background .15s}.primary:hover{background:#496246}.dialog .primary{width:100%;margin:8px 0}.dialog .secondary{margin:8px 3px}.welcome-art{height:164px;margin:-4px -8px 16px;overflow:hidden;border-radius:100px 100px 12px 12px;background:#dce2c8}.welcome-art svg{width:100%;height:100%}.rule-demo{display:flex;justify-content:center;align-items:center;gap:5px;margin:20px 0}.rule-demo .plant-art{width:52px;height:58px}.rule-demo>span{font-size:22px;color:#8c9b74}.rules{text-align:left;display:grid;gap:17px;margin:20px 0}.rule{display:flex;gap:12px;font-size:12px;line-height:1.65;color:#68765e}.rule b{color:var(--ink)}.rule i{font-style:normal;flex:0 0 25px;border:1px solid #c4ceb5;width:25px;height:25px;text-align:center;border-radius:50%;color:#6c8057}.result-sprig{height:88px;display:flex;justify-content:center}.result-sprig .plant-art{width:90px}.result-stats{display:flex;justify-content:center;gap:35px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.result-stats strong{font-size:30px;font-family:var(--serif);display:block;font-weight:400}.result-stats span{font-size:9px;letter-spacing:1px;color:#788367}.reward{background:#e4e7d2;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.reward b{color:#567245}.close-dialog{position:absolute;right:14px;top:10px;width:34px;height:34px;font-size:25px;background:transparent;color:#758166}.garden-dialog{width:min(100%,660px)}.balcony-scene{height:190px;background:linear-gradient(#d7e2d4,#ede4c9);border-radius:9px;position:relative;overflow:hidden;margin:15px 0}.balcony-scene svg{width:100%;height:100%}.garden-balance{font-size:12px;color:#6f7e62}.furnishings{display:flex;gap:8px;margin:16px 0}.furnishing{flex:1;background:#e8e8d9;border:1px solid #d5dac6;border-radius:8px;padding:12px 5px;font-size:11px;line-height:1.6}.furnishing small{display:block;color:#7b866c;font-size:10px}.furnishing.owned{border-color:#8eaa7c;background:#dde5ce}.collection{display:flex;justify-content:center;gap:8px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.specimen{flex:1;max-width:80px;min-width:0;font-size:10px;color:#627256}.specimen .plant-art{height:57px}.specimen.locked .plant-art{opacity:.25;filter:grayscale(1)}.specimen small{display:block;font-size:8px;line-height:1.4;color:#849175;margin-top:4px}.collection-title{font-size:9px;letter-spacing:1.6px;margin:22px 0 -8px;color:#6f7d61}.garden-dialog p{margin-bottom:8px}.garden-feedback{min-height:20px;font-size:11px;color:#688254}.mobile-garden{display:none}
.furnishing:disabled{opacity:1;color:#737f67}.furnishing:disabled small{color:#849174}.furnishing.owned:disabled{color:#4a6942}
@media(min-width:1100px) and (min-height:850px){main{padding-top:65px;padding-bottom:50px}}
@media(max-width:900px){.app{max-width:780px;padding:0 25px}main{grid-template-columns:1fr 410px;gap:26px}h1{font-size:60px}.intro-copy{font-size:12px}.round-stats{gap:24px}.delivery{padding:8px 12px}.current-label{min-width:77px}.current-plant{width:48px}.delivery-divider{margin:0 10px}.next-plant{width:39px}.settle-note{font-size:8px}.secondary{padding:8px 11px}.desktop-note{line-height:1.8}}
@media(max-width:690px){.app{max-width:490px;padding:0 19px}.topbar{height:63px}.wordmark{font-size:9px;letter-spacing:1.4px;gap:7px}.brand-sprig{font-size:27px}.edition{font-size:8px;padding-left:8px;margin-left:0}.top-actions{gap:8px}.icon-button{width:33px;height:33px;font-size:17px}.sound-slash{left:6px;top:15px}main{display:flex;flex-direction:column;gap:19px;padding:20px 0 18px;align-items:stretch}.intro{display:grid;grid-template-columns:1fr auto;position:relative;padding:0;column-gap:12px;align-items:center}.intro>.eyebrow{font-size:7px;letter-spacing:1.6px;grid-column:1/-1;margin-bottom:7px}h1{font-size:40px;letter-spacing:-1.7px;margin:0;line-height:1.05}h1 br{display:none}h1 em{display:block}.intro-copy,.desktop-note{display:none}.round-stats{gap:20px;padding-top:5px}.stat-label{font-size:7px;letter-spacing:1px}.round-stats>div{gap:5px}.round-stats strong{font-size:28px}.round-stats small{font-size:10px}.progress-track{grid-column:2;margin-top:0;width:145px;position:absolute;right:0;bottom:25px}.goal-caption{display:none}.garden-link{grid-column:1/-1;border:0;padding:0;margin-top:12px;max-width:none;justify-content:flex-start;gap:5px;min-height:22px}.garden-link>span:first-child{font-size:19px}.garden-link>span:nth-child(2){font-family:var(--sans);font-size:10px;display:flex;align-items:center;gap:7px}.garden-link small{font-size:9px;margin:0;padding-left:7px;border-left:1px solid #c6cebc}.garden-link .arrow{font-size:17px;margin-left:0}.planter-heading{font-size:8px;margin-bottom:9px}.text-button{font-size:10px}.delivery{height:71px;padding:8px 11px;margin:0 8px}.current-label{min-width:72px}.current-label strong{font-size:21px}.current-label .eyebrow{font-size:7px}.current-plant{width:46px;height:49px}.delivery-divider{margin:0 10px}.upcoming-label{font-size:7px;width:28px}.next-plant{width:36px;height:39px}.next-plant small{font-size:6px}.upcoming{gap:2px}.planter-rim{padding:10px;border-radius:11px 11px 4px 4px}.board{padding:5px;gap:3px}.cell{padding:2px}.planter-front{height:26px;font-size:6px}.message-line{min-height:45px;gap:6px}.message-line p{font-size:10px}.board-tools{gap:5px}.settle-note{font-size:8px;letter-spacing:-.1px}.secondary{font-size:10px;padding:8px 11px;min-height:37px}.secondary span{font-size:14px;margin-right:2px}footer{padding:14px 0;font-size:6px;letter-spacing:1px}.dialog{padding:25px 23px}.dialog h2{font-size:35px}.welcome-art{height:143px}.dialog p{font-size:12px}.balcony-scene{height:158px}.furnishing{font-size:10px}.collection{gap:3px}.specimen{font-size:9px}.specimen small{font-size:7px}}
@media(max-width:360px){.app{padding:0 12px}.edition{display:none}.delivery-divider{margin:0 6px}.current-label{min-width:62px}.next-plant{width:31px}.settle-note{display:none}.round-stats{gap:13px}.progress-track{width:126px}.dialog{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}.bloom-float.show{opacity:1}}