*{margin:0;padding:0;box-sizing:border-box}.garden-spacing-container{max-width:1200px;margin:0 auto;background:rgb(255 255 255 / .95);border-radius:20px;box-shadow:0 20px 40px rgb(0 0 0 / .1);backdrop-filter:blur(10px);overflow:hidden}.garden-spacing-header{background:linear-gradient(135deg,#4CAF50,#2E7D32);color:#fff;padding:40px;text-align:center;position:relative;overflow:hidden}.garden-spacing-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgb(255 255 255 / .1) 10px,rgb(255 255 255 / .1) 20px);animation:slide 20s linear infinite}@keyframes slide{0%{transform:translateX(-50px) translateY(-50px)}100%{transform:translateX(50px) translateY(50px)}}.garden-spacing-header h1{font-size:3rem;margin-bottom:10px;position:relative;z-index:1;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}.garden-spacing-header p{font-size:1.2rem;opacity:.9;position:relative;z-index:1}.garden-spacing-main-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}.garden-spacing-calculator-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .1);border:2px solid #e8f5e8}.garden-spacing-visualization-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .1);border:2px solid #e8f5e8}.garden-spacing-section-title{font-size:1.5rem;color:#2E7D32;margin-bottom:20px;display:flex;align-items:center;gap:10px}.garden-spacing-input-group{margin-bottom:20px}.garden-spacing-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.garden-spacing-input-row{display:flex;gap:10px}.garden-spacing-input-group input,.garden-spacing-input-group select{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all 0.3s ease}.garden-spacing-input-group input:focus,.garden-spacing-input-group select:focus{outline:none;border-color:#4CAF50;box-shadow:0 0 0 3px rgb(76 175 80 / .2)}.garden-spacing-calculate-btn{width:100%;padding:15px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 5px 15px rgb(76 175 80 / .3)}.garden-spacing-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgb(76 175 80 / .4)}.garden-spacing-results{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8fff8,#e8f5e8);border-radius:10px;border-left:5px solid #4CAF50}.garden-spacing-result-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ddd}.garden-spacing-result-item:last-child{border-bottom:none}.garden-spacing-result-label{font-weight:600;color:#333}.garden-spacing-result-value{font-weight:700;color:#2E7D32;font-size:1.1rem}.garden-spacing-garden-grid{width:100%;height:400px;border:2px solid #ddd;border-radius:10px;position:relative;background:linear-gradient(45deg,#f0f8f0 25%,transparent 25%),linear-gradient(-45deg,#f0f8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f8f0 75%),linear-gradient(-45deg,transparent 75%,#f0f8f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;overflow:hidden}.garden-spacing-plant-dot{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#4CAF50,#2E7D32);border-radius:50%;border:2px solid #fff;box-shadow:0 2px 5px rgb(0 0 0 / .2);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.garden-spacing-tips-section{grid-column:1 / -1;background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .1);border:2px solid #e8f5e8;margin-top:20px}.garden-spacing-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.garden-spacing-tip-card{padding:20px;background:linear-gradient(135deg,#f8fff8,#e8f5e8);border-radius:10px;border-left:5px solid #4CAF50;transition:transform 0.3s ease}.garden-spacing-tip-card:hover{transform:translateY(-3px)}.garden-spacing-tip-title{font-weight:600;color:#2E7D32;margin-bottom:10px}.garden-spacing-plant-database{margin-top:20px;padding:20px;background:linear-gradient(135deg,#fff8e1,#f3e5ab);border-radius:10px;border-left:5px solid #FF9800}.garden-spacing-plant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.garden-spacing-plant-item{padding:15px;background:#fff;border-radius:8px;text-align:center;box-shadow:0 3px 10px rgb(0 0 0 / .1);cursor:pointer;transition:all 0.3s ease;border:2px solid #fff0}.garden-spacing-plant-item:hover{transform:translateY(-3px);border-color:#4CAF50}.garden-spacing-plant-item.selected{border-color:#4CAF50;background:#f8fff8}@media (max-width:768px){.garden-spacing-container{max-width:100%;margin:0;border-radius:0;box-shadow:none}.garden-spacing-main-content{grid-template-columns:1fr;gap:15px;padding:10px}.garden-spacing-header{padding:20px 10px}.garden-spacing-header h1{font-size:2rem}.garden-spacing-calculator-section,.garden-spacing-visualization-section{padding:15px 10px;border-radius:8px}.garden-spacing-tips-grid{grid-template-columns:1fr}.garden-spacing-input-group{margin-bottom:10px}.garden-spacing-input-group input,.garden-spacing-input-group select{padding:10px}}.garden-spacing-loading{display:none;text-align:center;padding:20px}.garden-spacing-spinner{border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.garden-spacing-fade-in{animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.garden-spacing-viz-controls{margin-top:20px;padding:15px;background:rgb(21 101 192 / .05);border-radius:8px;border:1px solid rgb(21 101 192 / .2)}.garden-spacing-viz-toggles{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.garden-spacing-viz-toggle{display:flex;align-items:center}.garden-spacing-toggle-input{margin-right:5px}.garden-spacing-toggle-label{font-size:.9rem;cursor:pointer}.garden-spacing-season-selector{display:flex;gap:10px;margin:15px 0}.garden-spacing-season-btn{padding:5px 15px;border:none;border-radius:20px;background:#f0f0f0;cursor:pointer;transition:all 0.3s ease}.garden-spacing-season-btn.active{background:#1565C0;color:#fff}.garden-spacing-slider-container{margin:15px 0}.garden-spacing-slider{width:100%;margin:10px 0}.garden-spacing-growth-timeline{margin-top:20px;padding:15px;background:rgb(76 175 80 / .05);border-radius:8px;border:1px solid rgb(76 175 80 / .2)}.garden-spacing-growth-container{display:flex;flex-direction:column;align-items:center}.garden-spacing-growth-visualization{width:100px;height:150px;position:relative;margin-bottom:20px;background:#f9f9f9;border-radius:5px;overflow:hidden}.garden-spacing-growth-slider-container{width:100%;position:relative}.garden-spacing-growth-labels{display:flex;justify-content:space-between;width:100%;font-size:.8rem;color:#666;margin-top:5px}.garden-spacing-growth-info{margin-top:10px;text-align:center;font-weight:700;color:#4CAF50}.garden-spacing-garden-grid.view-3d{perspective:1200px;transform-style:preserve-3d;transition:transform 0.8s ease;box-shadow:0 20px 50px rgb(0 0 0 / .2);border:1px solid rgb(0 0 0 / .1)}.garden-spacing-garden-grid.view-3d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .2) 0%,#fff0 50%);pointer-events:none;z-index:1}.garden-spacing-garden-grid.view-3d .garden-spacing-plant-dot{transform:translateZ(20px);box-shadow:0 10px 25px rgb(0 0 0 / .4);transition:all 0.3s ease}.garden-spacing-garden-grid.view-3d .garden-spacing-plant-dot::after{content:'';position:absolute;bottom:-10px;left:50%;width:80%;height:10px;background:rgb(0 0 0 / .2);border-radius:50%;transform:translateX(-50%) rotateX(90deg) scale(1,.3);filter:blur(2px)}.garden-spacing-3d-controls{display:none;margin-top:10px;padding:10px;background:rgb(21 101 192 / .05);border-radius:8px;border:1px solid rgb(21 101 192 / .1)}.garden-spacing-3d-controls.active{display:block}.garden-spacing-3d-sliders{display:flex;gap:15px;margin-top:10px}.garden-spacing-3d-slider-container{flex:1}.garden-spacing-3d-slider-container label{display:block;font-size:.8rem;margin-bottom:5px;color:#555}.garden-spacing-plant-growth{position:absolute;bottom:0;left:0;width:100%;transition:height 0.5s ease}.garden-spacing-plant-soil{position:absolute;bottom:0;left:0;width:100%;height:20%;background:#8B4513;border-top-left-radius:50%;border-top-right-radius:50%}.garden-spacing-plant-stem{position:absolute;bottom:20%;left:50%;width:10%;height:80%;background:#4CAF50;transform:translateX(-50%)}.garden-spacing-plant-leaves{position:absolute;bottom:50%;left:50%;width:60%;height:30%;background:#81C784;border-radius:50%;transform:translateX(-50%)}.garden-spacing-plant-flower{position:absolute;bottom:70%;left:50%;width:30%;height:20%;background:#FFF59D;border-radius:50%;transform:translateX(-50%)}.garden-spacing-plant-fruit{position:absolute;bottom:60%;left:50%;width:25%;height:25%;background:#FF5722;border-radius:50%;transform:translateX(-50%)}.garden-spacing-garden-grid.season-spring{background-color:rgb(144 238 144 / .2)}.garden-spacing-garden-grid.season-summer{background-color:rgb(255 235 59 / .2)}.garden-spacing-garden-grid.season-fall{background-color:rgb(255 152 0 / .2)}.garden-spacing-garden-grid.season-winter{background-color:rgb(176 224 230 / .2)}.garden-spacing-sun-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to right,rgb(0 0 0 / .2),rgb(255 255 0 / .2),rgb(0 0 0 / .2));opacity:.7;transition:all 0.5s ease}.garden-spacing-plant-icon{position:absolute;font-size:1.2rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite;transform-origin:center bottom;transition:all 0.3s ease;z-index:2}.garden-spacing-garden-grid.view-3d .garden-spacing-plant-icon{box-shadow:0 10px 25px rgb(0 0 0 / .4);transition:all 0.3s ease}.garden-spacing-garden-grid.view-3d .garden-spacing-plant-icon::after{content:'';position:absolute;bottom:-10px;left:50%;width:80%;height:10px;background:rgb(0 0 0 / .2);border-radius:50%;transform:translateX(-50%) rotateX(90deg) scale(1,.3);filter:blur(2px)}