body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg-color,#f1f4e8) 0%,rgba(127,176,105,0.05) 100%) !important;color:var(--text-color,#2d3e2f) !important;padding:0;margin:0;min-height:100vh;display:flex;flex-direction:column;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(127,176,105,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(157,194,55,0.06) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(127,176,105,0.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.main-content{flex:1;padding:0 10px}.container{background:var(--container-bg) !important;backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:20px;max-width:1400px;margin:0 auto 30px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--highlight-color),var(--secondary-highlight))}.row{display:flex;flex-wrap:wrap;margin-bottom:15px;gap:10px}.section-title{font-weight:600;font-size:1.75rem;margin-bottom:var(--spacing-lg);color:var(--highlight-color);text-align:center;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,rgba(143,209,79,0.1),rgba(168,224,99,0.05));border-radius:16px;border:2px solid var(--card-border);position:relative;overflow:hidden;letter-spacing:-0.025em}.section-title::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(127,176,105,0.2),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}@keyframes resultPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.1)}}input[type="number"]{padding:14px 16px;font-size:16px;width:100%;border-radius:12px;border:2px solid transparent;background:var(--input-bg);backdrop-filter:blur(8px);color:var(--text-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(143,209,79,0.1)}input[type="number"]:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 4px rgba(143,209,79,0.2),0 4px 16px rgba(143,209,79,0.15);transform:translateY(-1px);background:white}input[type="range"]{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:var(--border-color);outline:none;opacity:0.8;transition:opacity 0.3s}input[type="range"]:hover{opacity:1}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--highlight-color);cursor:pointer;box-shadow:0 2px 6px rgba(127,176,105,0.3);transition:all 0.3s ease}input[type="range"]::-webkit-slider-thumb:hover{background:var(--secondary-highlight);transform:scale(1.1);box-shadow:0 4px 12px rgba(127,176,105,0.5)}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--highlight-color);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(127,176,105,0.3)}.result{font-size:3.5rem;font-weight:800;margin-top:var(--spacing-lg);color:var(--highlight-color);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.1);animation:resultPulse 2s ease-in-out infinite}input,button{background:var(--input-bg,#2e3640) !important;color:var(--text-color,#e0e0e0) !important;border:1px solid var(--border-color,#444) !important;border-radius:6px}button{font-size:16px;padding:12px 20px;border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;font-weight:600;letter-spacing:-0.01em}button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.6s}button:hover::before{left:100%}button:active{transform:scale(0.98)}button:focus-visible,input:focus-visible{outline:3px solid var(--highlight-color);outline-offset:2px}.modifier-button:focus-visible{box-shadow:0 0 0 4px rgba(143,209,79,0.3),0 4px 16px rgba(143,209,79,0.2)}.info-content{background:var(--bg-color);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-2xl)}.content-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.content-section:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.content-section h2{color:var(--highlight-color);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg);border-bottom:3px solid var(--highlight-color);padding-bottom:var(--spacing-sm)}.content-section h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.content-section p{color:var(--text-color);line-height:1.7;margin-bottom:var(--spacing-md);font-size:1rem}.content-section ul,.content-section ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.content-section li{color:var(--text-color);margin-bottom:var(--spacing-sm);line-height:1.6}.faq-section{background:rgba(143,209,79,0.05);padding:var(--spacing-lg);border-radius:12px;border-left:4px solid var(--highlight-color);margin-bottom:var(--spacing-lg)}.faq-section h3{color:var(--highlight-color);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.faq-section p{margin:0;line-height:1.6}#modifiers{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:2;justify-content:center}.fruit-button img{width:64px;height:64px;opacity:0.8;border:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);filter:brightness(1.1) contrast(1.1);object-fit:contain}.fruit-button:hover img{opacity:1;transform:scale(1.1) rotate(2deg);filter:brightness(1.2) saturate(1.1)}.fruit-button.active img{opacity:1}.fruit-button.active{box-shadow:0 0 20px rgba(143,209,79,0.4);border:2px solid var(--highlight-color);background:linear-gradient(135deg,rgba(143,209,79,0.1),rgba(168,224,99,0.1));transform:translateY(-2px)}.modifier-button{margin:6px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,var(--button-bg),var(--button-hover-bg));color:var(--text-color);border:2px solid transparent;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;min-width:90px;min-height:44px;box-shadow:0 2px 8px rgba(143,209,79,0.1);position:relative;overflow:hidden}#togglePriceRangeBtn.active{background-color:var(--button-active-bg,#3c4450);border-color:var(--highlight-color,#9dc237);box-shadow:0 0 10px 4px var(--highlight-color,#9dc237)}.modifier-button.active{background:linear-gradient(135deg,var(--highlight-color),var(--secondary-highlight));border-color:var(--highlight-color);color:white;font-weight:bold;box-shadow:0 4px 20px rgba(143,209,79,0.4);transform:translateY(-2px) scale(1.02)}.modifier-button.disabled{opacity:0.3;pointer-events:none}.category-toggle{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.category-toggle-button{font-size:16px;font-weight:600;padding:14px 24px;background:linear-gradient(135deg,var(--category-button-bg),var(--button-hover-bg));border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-align:center;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(143,209,79,0.15)}.category-toggle-button:hover{background:linear-gradient(135deg,var(--highlight-color),var(--secondary-highlight));color:white;transform:translateY(-2px);box-shadow:0 8px 24px rgba(143,209,79,0.3)}.category-toggle-button.active{transform:translateY(-2px);background:linear-gradient(135deg,var(--highlight-color),var(--secondary-highlight));border-color:var(--highlight-color);color:white;font-weight:bold;box-shadow:0 6px 24px rgba(143,209,79,0.4)}.category-toggle-button.bee-glow{box-shadow:0 0 8px 4px yellow;border-color:yellow}.fruit-button span{text-transform:capitalize}.category-wrapper{position:relative;overflow:visible;overflow-y:visible;margin-bottom:20px}.category-toggle-button.bee-default-glow{box-shadow:0 0 12px 4px yellow;border-color:yellow}.category-toggle-button.active{transform:scale(1.05);background-color:var(--category-button-active-bg,#4a5260);border-color:var(--highlight-color,#9dc237);box-shadow:0 0 10px 4px var(--highlight-color,#9dc237)}.category-toggle-button.active.bee-default-glow{box-shadow:0 0 10px 4px #bdfc9a;border-color:#bdfc9a}.category-content{position:relative;top:0;left:0;right:0;flex-wrap:wrap;gap:10px;display:none;transition:opacity 0.3s ease-in-out;z-index:0;padding-bottom:10px}.category-content.active{display:flex}.google-form{width:100%;height:500px;border:none;display:block;margin:0 auto}.desktop-ad{width:100%;max-width:320px;margin:20px auto 0;text-align:center}.form-ad-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.input-group{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:15px}.input-block{display:flex;flex-direction:column;min-width:150px;margin:0}.input-block.small{flex:0 1 100px}.input-block.large{flex:1 1 200px}.input-block input[type="number"],.input-block input[type="range"]{font-size:16px;padding:10px;background:var(--input-bg,#2e3640);color:var(--text-color,#e0e0e0);border:1px solid var(--border-color,#444);border-radius:6px;width:100%;box-sizing:border-box}.input-block label{margin-bottom:8px;font-size:14px;color:var(--text-color,#e0e0e0)}#sliderValueLabel{margin-top:6px;font-size:14px;color:var(--text-color,#e0e0e0)}#layoutContainer.layout-side-by-side{display:flex;flex-direction:row;gap:30px;align-items:flex-start}#layoutContainer.layout-side-by-side .left-panel,#layoutContainer.layout-side-by-side .right-panel{flex:1;min-width:0}#layoutContainer.layout-default .left-panel,#layoutContainer.layout-default .right-panel{width:100%;margin-bottom:30px}#layoutToggleBtn{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:14px}.ad-slot-wrapper{margin-top:30px;display:flex;justify-content:center;width:100%}@media (max-width:1079px){.category-content{justify-content:center}}.panel-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.search-container{flex:1;max-width:300px}.btn-sm{padding:8px 12px;font-size:14px}#layoutContainer.layout-side-by-side .category-toggle-button:first-child{margin-left:0}.modifier-button.active.rainbow{box-shadow:0 0 10px 3px #ff9de2}.modifier-button.active.gold{box-shadow:0 0 10px 3px #ffc826}.modifier-button.active.pollinated{box-shadow:0 0 10px 3px #ffaa1c}.modifier-button.active.celestial{box-shadow:0 0 10px 3px #f04ac3}.modifier-button.active.moonlit{box-shadow:0 0 10px 3px #999dff}.modifier-button.active.burnt{box-shadow:0 0 10px 2px #444,0 0 2px 1px white}.modifier-button.active.shocked{box-shadow:0 0 10px 3px #ffe66d}.modifier-button.active.disco{box-shadow:0 0 10px 3px #f48fd6}.modifier-button.active.choc{box-shadow:0 0 10px 3px #3d2218}.modifier-button.active.zombified{box-shadow:0 0 10px 3px #4bb973}.modifier-button.active.honeyglazed{box-shadow:0 0 10px 3px #ffc94d}.modifier-button.active.molten{box-shadow:0 0 10px 3px #e76a0b}.modifier-button.active.frozen,.modifier-button.active.wet{box-shadow:0 0 10px 3px #66b6e3}.modifier-button.active.meteoric{box-shadow:0 0 10px 3px #403483}.modifier-button.active.heavenly{box-shadow:0 0 10px 3px #F2EB99}.modifier-button.active.bloodlit{box-shadow:0 0 10px 3px #B00000}.modifier-button.active.voidtouched{box-shadow:0 0 10px 3px #D24CFF}.modifier-button.active.plasma{box-shadow:0 0 10px 3px #9D2D6F}.modifier-button.active.cooked{box-shadow:0 0 10px 3px #CC6000}.modifier-button.active.windstruck{box-shadow:0 0 10px 3px #A2B9D1}.modifier-button.active.sundried{box-shadow:0 0 10px 3px #CF5D00}.modifier-button.active.alienlike{box-shadow:0 0 10px 3px #5CC6B1}.modifier-button.active.verdant{box-shadow:0 0 10px 3px #386F28}.modifier-button.active.paradisal{box-shadow:0 0 10px 3px #9DC237}.modifier-button.active.galactic{box-shadow:0 0 10px 3px #A96CD4}.modifier-button.active.wiltproof{box-shadow:0 0 10px 3px #00DE9B}.modifier-button.active.aurora{box-shadow:0 0 10px 3px #88c9d4}.modifier-button.active.cloudtouched{box-shadow:0 0 10px 3px #d8e8f0}.modifier-button.active.drenched{box-shadow:0 0 10px 3px #4287b3}.modifier-button.active.fried{box-shadow:0 0 10px 3px #e8a230}.modifier-button.active.dawnbound{box-shadow:0 0 10px 3px #ffccff}.modifier-button.active.twisted{box-shadow:0 0 10px 3px #8b4513}@keyframes rainbowText{0%{color:#ff9de2}20%{color:#4bb973}40%{color:#66b6e3}60%{color:#f04ac3}80%{color:#ffc826}100%{color:#ff9de2}}.rainbow-animated{animation:rainbowText 3s linear infinite}#mutationBreakdown{margin-top:15px;font-size:18px;color:var(--highlight-color,#9dc237);text-align:center;padding:10px;border-radius:8px;background-color:rgba(0,0,0,0.2)}#mutationBreakdown span{margin:0 5px;display:inline-block}#owlXpInputs{display:flex;flex-direction:column;gap:10px;margin-top:15px}@keyframes pulse-glow{0%{box-shadow:0 0 5px 2px var(--highlight-color,#9dc237)}50%{box-shadow:0 0 15px 5px var(--highlight-color,#9dc237)}100%{box-shadow:0 0 5px 2px var(--highlight-color,#9dc237)}}.glow-highlight{animation:pulse-glow 2s infinite;border-color:var(--highlight-color,#9dc237) !important}.card{background-color:var(--card-bg,#232a33);border-radius:10px;border:1px solid var(--card-border,#333940);box-shadow:var(--card-shadow,0 4px 12px rgba(0,0,0,0.3));margin-bottom:20px;transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow,0 8px 24px rgba(0,0,0,0.4))}.card-header{padding:15px 20px;border-bottom:1px solid var(--card-border,#333940);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.card-title{font-size:24px;font-weight:bold;color:var(--garden-green,#85a75b);margin:0}.card-body{padding:20px}.card-footer{padding:15px 20px;border-top:1px solid var(--card-border,#333940);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.btn{background-color:var(--button-bg,#2c3440);color:var(--text-color,#e0e0e0);border:1px solid var(--border-color,#444);border-radius:8px;padding:10px 15px;font-size:16px;cursor:pointer;transition:all 0.3s ease;text-align:center;display:inline-block;text-decoration:none}.btn:hover{background-color:var(--button-active-bg,#3c4450);transform:translateY(-2px)}.btn-highlight{background-color:var(--highlight-color,#9dc237);color:#000000 !important;border-color:var(--highlight-color,#9dc237) !important}.btn-highlight:hover{background-color:var(--secondary-highlight,#85a75b) !important;border-color:var(--secondary-highlight,#85a75b) !important;color:#000000 !important}