:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#293d32;background:#f7f6ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--forest: #293f33;--muted: #65705e;--olive: #77835d;--coral: #c97e64;--line: #e4e6da;--serif: "DM Serif Display", Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #bd795e;outline-offset:4px}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#dce5ca;color:#293f33}.app-shell{max-width:1310px;margin:auto;padding:0 42px 28px}.topbar{display:flex;align-items:center;gap:13px;min-height:109px;border-bottom:1px solid var(--line);margin-bottom:36px}.brand-mark{width:43px;height:46px;display:grid;place-items:center;color:#5c754e;background:#e9eddf;border:1px solid #dfe5d3;border-radius:15px 15px 18px 18px;font-size:24px}.brand-mark svg{width:25px;height:27px}.brand-title{margin:0;font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.15;letter-spacing:-.7px}.brand-subtitle{margin:5px 0 0;color:var(--muted);font-size:10px;letter-spacing:1.55px;text-transform:uppercase}.soundless-badge{margin-left:auto;display:flex;align-items:center;gap:7px;color:#78816c;font-size:11px;background:#eef0e5;border:1px solid #e3e7d8;border-radius:30px;padding:8px 12px}.soundless-badge svg{width:13px;height:13px}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}.garden-panel{min-width:0}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:23px}.eyebrow{margin:0 0 8px;color:#8b937a;font-size:10px;line-height:1.4;font-weight:650;letter-spacing:1.9px;text-transform:uppercase}.garden-title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(29px,3.3vw,42px);letter-spacing:-1.2px;line-height:1.15}.garden-meta{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px;white-space:nowrap;padding-bottom:4px}.garden-meta svg{height:13px;width:13px}.garden-scene{position:relative;isolation:isolate;height:530px;width:100%;touch-action:manipulation;border:1px solid #e1e6d7;border-radius:19px;background:radial-gradient(ellipse at 49% 35%,#f1f3e7,#e8eedf 52%,#dfe7d7);box-shadow:inset 0 1px #ffffffc9}.garden-scene:before{content:"";pointer-events:none;position:absolute;z-index:1;inset:36px 10% 45px;border-radius:48% 48% 11% 11%/48% 48% 9% 9%;border:1px solid #ffffffce;background:linear-gradient(110deg,#fff5,#fff1 23%,#f7fff914 54%,#f8fff536);box-shadow:inset 6px 0 12px #fff3,inset -5px 0 12px #afc8af16,0 12px 25px #5366480b}.garden-scene:after{content:"";pointer-events:none;position:absolute;z-index:6;left:10%;right:10%;bottom:42px;height:18px;border:1px solid #fbfffcc9;border-top-color:#ffffff70;border-radius:50%;background:linear-gradient(#ffffff26,#f8fff947);box-shadow:0 7px 10px #3a50351c,inset 0 -3px 4px #f4fff54d}.scene-backdrop{position:absolute;inset:36px 10% 45px;pointer-events:none;border-radius:48% 48% 11% 11%/48% 48% 9% 9%;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#aebf9026,transparent 70%)}.scene-backdrop:before,.scene-backdrop:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;filter:blur(28px);background:#a7bb8120;bottom:30px;left:-60px}.scene-backdrop:after{left:auto;right:-80px;bottom:80px;background:#f6e8b52b}.glass-shine{position:absolute;pointer-events:none;z-index:5;left:17%;top:105px;width:13px;height:160px;border-radius:100%;transform:rotate(15deg);background:linear-gradient(transparent,#fff9 30%,#fff6 70%,transparent);opacity:.55}.glass-shine:after{content:"";position:absolute;left:20px;top:-19px;height:73px;width:4px;border-radius:80%;background:#fff7}.garden-soil{position:absolute;pointer-events:none;z-index:2;left:10.1%;right:10.1%;bottom:48px;height:120px;border-radius:50% 50% 15% 15%/28% 28% 20% 20%;background:radial-gradient(ellipse at 50% 0,#9d8a64,#8d7958 48%,#756346);box-shadow:inset 0 4px 8px #d4c29d30,0 12px 18px #3c46321c}.garden-soil:after{content:"";position:absolute;inset:30px 0 0;border-radius:0 0 16% 16%;background:repeating-linear-gradient(3deg,transparent 0 7px,#5849360b 8px 9px)}.soil-speckles{position:absolute;pointer-events:none;inset:0;border-radius:inherit;opacity:.55;background-image:radial-gradient(#dac69e 1px,transparent 1.5px),radial-gradient(#544936 1px,transparent 1.6px),radial-gradient(#b8a47a 1.5px,transparent 2px);background-size:23px 17px,31px 23px,49px 37px;background-position:3px 4px,14px 10px,25px 20px}.plant-slot{position:absolute;z-index:4;width:160px;height:192px;padding:0;border:0;background:transparent;transform:translate(-50%,-100%);transform-origin:center bottom;border-radius:45%;transition:filter .2s,background .2s}.plant-slot:before{content:"";position:absolute;left:17%;right:17%;bottom:6%;height:14%;border:1px solid transparent;border-radius:50%;transition:border-color .2s,background .2s}.plant-slot:hover:before,.plant-slot.selected:before,.plant-slot[aria-pressed=true]:before,.plant-slot.is-selected:before{border-color:#f9f8caba;background:#f5f4c51a;box-shadow:0 0 0 4px #fff2}.plant-slot:hover{filter:brightness(1.05)}.plant-slot:focus-visible{outline-offset:3px;border-radius:25px}.plant-art{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(1px 3px 2px #31452c0a)}.plant-label{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);white-space:nowrap;background:#faf9edf0;color:#4a5940;border:1px solid #d7ddc9;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:550;box-shadow:0 2px 6px #34402c0a;opacity:0;transition:opacity .2s;pointer-events:none}.plant-slot:hover .plant-label,.plant-slot:focus-visible .plant-label,.plant-slot.selected .plant-label,.plant-slot[aria-pressed=true] .plant-label,.plant-slot.is-selected .plant-label{opacity:1}.plant-badge{position:absolute;top:15%;right:5%;min-width:20px;height:20px;display:grid;place-items:center;background:#faf5df;border:1px solid #e7d8b2;border-radius:50%;color:#aa7a45;font-size:11px;pointer-events:none}.empty-garden{position:absolute;z-index:3;left:18%;right:18%;top:31%;text-align:center;color:#7d8b70;pointer-events:none;font-size:12px;line-height:1.8}.empty-garden h2,.empty-garden h3,.empty-garden strong{display:block;color:#617456;font-family:var(--serif);font-weight:400;font-size:26px;margin:0 0 7px}.empty-garden svg{width:36px;height:36px;margin-bottom:9px;opacity:.65}.scene-caption{position:absolute;z-index:7;left:15px;right:15px;bottom:15px;margin:0;text-align:center;color:#78846d;font-size:10px;letter-spacing:.15px;pointer-events:none}.garden-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:13px 0;border-bottom:1px solid var(--line)}.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:9px 12px;min-height:36px;color:#78816e;background:transparent;font-size:11px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.tool-button svg{height:15px;width:15px}.tool-button:hover{background:#eef0e5;color:var(--forest)}.tool-button.active,.tool-button[aria-pressed=true]{background:#e9eddf;border-color:#dce2cd;color:#536644}.tool-button.danger{margin-left:auto;color:#a37b69}.tool-button.danger:hover{background:#f2e7df;color:#a15e47}.garden-footer{color:#8a907e;font-size:10px;display:flex;justify-content:space-between;gap:12px;padding:14px 0;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:5px}.stat-card{min-width:0;background:#f0f1e7;border:1px solid #e5e8da;border-radius:11px;padding:15px 16px}.stat-card span,.stat-card p{color:#838b77;font-size:10px;margin:0}.stat-card strong{display:block;font-family:var(--serif);font-weight:400;color:#526448;font-size:27px;line-height:1.3;margin-top:4px}.stat-card svg{height:15px;width:15px;color:#819064}.sidebar{display:flex;flex-direction:column;gap:17px}.card{background:#fdfcf7;border:1px solid #e3e6d9;border-radius:13px;padding:22px;box-shadow:0 3px 8px #30402b02}.card-title{display:flex;align-items:center;gap:8px;margin:0 0 7px;font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.3;letter-spacing:-.3px}.card-title svg{width:17px;height:17px;color:var(--olive)}.card>p{font-size:11px;color:#858b7b;line-height:1.7;margin:6px 0 16px}.plant-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.catalog-item{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:135px;background:#f7f7ee;border:1px solid #e7e9dc;border-radius:9px;padding:12px 6px;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.catalog-item:hover{border-color:#acb992;background:#f0f3e5}.catalog-item.active,.catalog-item[aria-pressed=true]{border-color:#96a57b;background:#edf1e2;box-shadow:inset 0 0 0 1px #96a57b30}.catalog-item.active:after,.catalog-item[aria-pressed=true]:after{content:"";position:absolute;top:8px;right:8px;height:5px;width:5px;border-radius:50%;background:#849969}.catalog-icon{display:grid;place-items:center;width:55px;height:64px;margin:0 0 5px;font-size:31px}.catalog-icon .plant-art{height:64px;width:54px}.catalog-name{font-size:11px;font-weight:600;color:#526246}.catalog-description{color:#929783;font-size:9px;line-height:1.5;margin-top:4px}.hint{font-size:10px;color:#8c927f;line-height:1.7;text-align:center;margin:14px 0 0}.hint svg{width:12px;height:12px;vertical-align:-2px;margin-right:4px}.selection-detail{padding-top:4px}.selection-detail h3{font-family:var(--serif);font-size:21px;font-weight:400;margin:5px 0 12px}.selection-detail>p{color:#858b78;font-size:11px;line-height:1.7}.meter-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:#7c856f;font-size:10px;margin:15px 0}.meter-row>span:first-child{display:inline-flex;align-items:center;gap:5px}.meter-row svg{width:12px;height:12px}.meter-row>strong{color:#5e6f4f;font-size:10px;font-weight:550}.meter-track{flex:0 0 100%;height:5px;overflow:hidden;background:#ebeee1;border-radius:9px}.meter-fill{display:block;height:100%;max-width:100%;border-radius:inherit;background:#9bab7c;transition:width .65s ease}.meter-fill.water{background:#91b6b0}.meter-fill.low{background:#cba075}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:39px;padding:10px 13px;border:1px solid #dce2cf;border-radius:7px;font-size:11px;font-weight:550;background:#eff2e7;color:#657652;transition:background .2s,box-shadow .2s}.action-button svg{width:14px;height:14px}.action-button+.action-button{margin-top:8px}.action-button.primary{background:#65794f;border-color:#65794f;color:#fffef4;box-shadow:0 2px 3px #3850280d}.action-button.primary:hover{background:#536941;border-color:#536941}.action-button.secondary{background:#f7f7ef;color:#7d856f}.action-button.secondary:hover{background:#edf0e3}.care-note{margin:16px 0 0;padding:12px 13px;border-radius:8px;background:#f1f3e8;color:#7a866b;font-size:10px;line-height:1.8}.care-note strong{font-weight:550;color:#647453}.activity-message{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.8;color:#818a75;margin:10px 0 0}.activity-message svg{flex-shrink:0;width:14px;height:14px;margin-top:3px;color:#98a47d}.footer-note{text-align:center;padding:31px 0 4px;margin:0;color:#a0a58f;font-size:10px;letter-spacing:.15px;line-height:1.8}.footer-note svg{height:11px;width:11px;vertical-align:-2px;margin:0 3px}.toast{position:fixed;z-index:40;bottom:25px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);width:max-content;padding:13px 20px;border-radius:11px;background:#344b39;color:#f6f7ed;box-shadow:0 7px 30px #233c3124;font-size:12px;line-height:1.6;animation:toast-in .25s ease-out}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px;background:#293a3359;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(100%,390px);max-height:calc(100dvh - 48px);overflow-y:auto;border:1px solid #e0e5d6;border-radius:18px;padding:29px;background:#faf9f2;box-shadow:0 20px 70px #20362426}.modal h2{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.2;margin:0 0 13px}.modal p{color:#7c8571;font-size:12px;line-height:1.9}.modal-actions{display:flex;gap:9px;margin-top:23px}.modal-actions .action-button{margin-top:0}.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}.garden-stones{position:absolute;left:12%;width:76%;bottom:60px;height:76px;z-index:3;pointer-events:none}.stat-card small{font-family:system-ui,sans-serif;font-size:11px;color:#78816c}.mode-plant{cursor:crosshair}.mode-move{cursor:move}.modal::backdrop{background:#293a3359;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal:not([open]){display:none}.modal{color:var(--forest)}.small-note{padding-block:12px}.small-note .activity-message{margin:0}.small-note .action-button{margin-top:12px}.card>p,.selection-detail>p{font-size:12px;color:#64715c}.catalog-name{font-size:12px}.catalog-description,.hint,.scene-caption,.garden-footer,.footer-note{color:#65715c}.catalog-description,.hint{font-size:11px}.care-note{font-size:11px;color:#65725b}.tool-button,.action-button{font-size:12px}.meter-row,.meter-row>strong{font-size:11px;color:#5e6f4f}.activity-message{font-size:12px;color:#65715c}@keyframes toast-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@media(min-width:1450px){.app-shell{padding-top:15px}.topbar{margin-bottom:43px}}@media(max-width:1050px){.app-shell{padding-inline:25px}.main-layout{gap:21px;grid-template-columns:minmax(0,1fr) 280px}.card{padding:18px}.garden-title{font-size:32px}.panel-heading{flex-wrap:wrap}.garden-meta{font-size:10px}.tool-button{padding-inline:9px}}@media(max-width:760px){.app-shell{padding:0 20px 20px}.topbar{min-height:91px;margin-bottom:25px;gap:10px}.brand-title{font-size:23px}.brand-subtitle{font-size:8px;letter-spacing:1.1px}.brand-mark{width:38px;height:41px}.soundless-badge{font-size:9px;padding:7px 9px;gap:4px}.main-layout{grid-template-columns:minmax(0,1fr);gap:23px}.panel-heading{margin-bottom:18px;flex-wrap:nowrap}.garden-title{font-size:34px}.garden-scene{height:400px;border-radius:14px}.garden-scene:before,.scene-backdrop{inset:28px 8% 42px}.garden-scene:after{left:8%;right:8%;bottom:39px}.garden-soil{left:8.1%;right:8.1%;bottom:45px;height:96px}.glass-shine{top:84px;left:15%;height:116px;width:10px}.plant-slot{width:108px;height:130px}.plant-label{font-size:8px;padding:3px 7px;bottom:-13px}.plant-badge{height:17px;min-width:17px;font-size:9px}.scene-caption{font-size:9px;bottom:13px}.empty-garden{top:28%}.empty-garden h2,.empty-garden h3,.empty-garden strong{font-size:23px}.tool-button{min-height:42px;padding-inline:10px}.stats-grid{gap:9px}.stat-card{padding:13px 14px}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start}.sidebar>.card:first-child{grid-row:span 2}.catalog-item{min-height:123px}.card{padding:18px}.footer-note{padding-top:24px}}@media(max-width:520px){.app-shell{padding-inline:16px}.sidebar{display:flex}.card{padding:21px}.plant-catalog{gap:10px}.catalog-item{min-height:131px}.catalog-icon{height:63px}.catalog-name{font-size:12px}.catalog-description{font-size:10px}.garden-title{font-size:31px}.garden-meta{font-size:9px}.soundless-badge{max-width:100px;line-height:1.4}.garden-footer{font-size:9px;gap:8px}.tool-button{font-size:10px;padding-inline:8px;gap:5px}.tool-button.danger{margin-left:0}.stats-grid{gap:7px}.stat-card{padding:12px 10px}.stat-card strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}