:root{--primary: #00A86B;--primary-light: #E0F7F1;--primary-glow: rgba(0, 168, 107, .3);--primary-dark: #008C5C;--accent: #0077B6;--accent-light: #4A90E2;--accent-glow: rgba(0, 119, 182, .3);--bg-cool: #F8FFFE;--text-dark: #023047;--bg-dark: oklch(12% .03 240);--bg-card: oklch(18% .04 240 / .75);--bg-soft: oklch(25% .05 240 / .5);--text-main: oklch(98% .01 240);--text-muted: oklch(75% .05 240);--danger: oklch(60% .2 25);--gold: oklch(85% .2 90);--glass-border: oklch(95% .05 240 / .2);--glass-highlight: oklch(95% .05 240 / .15);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .6);--shadow-glow: 0 0 25px var(--primary-glow);--radius-lg: 1.5rem;--radius-md: 1rem;--font-body: "Inter", system-ui, sans-serif;--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}.light{--primary: #2E7D32;--primary-light: #A5D6A7;--primary-dark: #1B5E20;--accent: #43A047;--bg-dark: var(--bg-cool);--bg-card: rgba(248, 255, 254, .9);--bg-soft: rgba(248, 255, 254, .7);--text-main: #2F4F2F;--text-muted: #1B5E20}:root[data-theme=dark]{--bg-primary: #121212;--surface: #1E1E1E;--text-primary: #E8E8E8;--text-secondary: #A0A0A0;--accent-green: #10B981;--badge-bg: #10B98110;--card-border: #059669;--bg-card: #2A2A2A;--bg-soft: #333333;--text-main: #E8E8E8;--text-muted: #A0A0A0;--glass-border: rgba(255, 255, 255, .1)}:root[data-theme=dark] body{background:var(--bg-primary);color:var(--text-primary)}:root[data-theme=dark] .card,:root[data-theme=dark] .recommendation{background:var(--surface);border:1px solid var(--card-border)}:root[data-theme=dark] .badge{background:var(--badge-bg);color:var(--accent-green)}:root[data-theme=dark] .btn-primary{background:var(--accent-green);color:#000}:root[data-theme=dark] .btn-primary:hover{opacity:.9}:root[data-theme=dark] #lang-select{background:#000;color:#fff;border-color:var(--card-border)}:root[data-theme=dark] .input,:root[data-theme=dark] .select{background:#000;color:#fff;border-color:var(--card-border)}:root[data-theme=dark] .input:focus,:root[data-theme=dark] .select:focus{background:#000c;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}:root[data-theme=dark] .input:hover,:root[data-theme=dark] .select:hover{background:#0009;border-color:#ffffff1a}:root[data-theme=dark] .input::placeholder,:root[data-theme=dark] .select::placeholder{color:#ffffff80}body:not(.light){--dark-bg: #020C0C;--dark-card: #111D1D;--dark-primary-text: #4ADE80;--dark-supporting-text: #CBD5E1;--dark-data-values: #FFFFFF}body:not(.light){background:var(--dark-bg);background-image:url(/backgroundimg.avif);background-size:cover;background-position:center;background-attachment:fixed}body:not(.light) .card,body:not(.light) .rec-card{background:var(--dark-card);border-color:var(--dark-primary-text)}body:not(.light) .rec-head{border-bottom-color:var(--dark-primary-text)}body:not(.light) .rec-title,body:not(.light) h2,body:not(.light) .badge{color:var(--dark-primary-text)}body:not(.light) .meta,body:not(.light) .detail-head,body:not(.light) .y-label{color:var(--dark-supporting-text)}body:not(.light) .meta strong,body:not(.light) .y-val,body:not(.light) .y-unit{color:var(--dark-data-values)}body:not(.light) .btn{background:var(--dark-primary-text);color:var(--dark-bg);border-color:var(--dark-primary-text)}body:not(.light) .btn.primary{background:var(--dark-primary-text);color:var(--dark-bg)}body:not(.light) .btn:hover{opacity:.9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);background-image:url(/backgroundimg.avif);background-size:cover;background-position:center;background-attachment:fixed;height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden;transition:background-color .3s ease;margin:0;display:flex;flex-direction:column}body:after{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,#06243780,#0018274d);background:linear-gradient(to bottom,#06243780,color(xyz 0.007 0.008 0.023 / 0.302));z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .3s ease}.light body:after{background:linear-gradient(#ffffffbf,#f0fff0d9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.light body{background-blend-mode:overlay}h1,h2,h3{line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.container{width:min(100% - 2rem,1200px);margin-inline:auto;padding-block:4rem 2rem;flex:1;display:flex;flex-direction:column}.card{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:var(--radius-lg);padding:clamp(.8rem,1.5vw,1.2rem);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;max-height:80vh;overflow-y:auto}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent)}.app-header{position:sticky;top:1rem;z-index:100;margin:0 auto;width:min(100% - 2rem,1100px);background:#0f162999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:100vw;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -10px #0000004d}.light .app-header{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px -10px #0000001a}.brand{display:flex;align-items:center;gap:.75rem}.logo{font-size:1.5rem;animation:bounce 3s infinite}.app-header h1{font-size:1.1rem;margin:0;background:linear-gradient(135deg,#43a047,#81c784,#fff176);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:800}.light .app-header h1{background:linear-gradient(135deg,#1b5e20,#2e7d32,#00897b,#1565c0);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:800}.header-actions{display:flex;gap:1rem;align-items:center}.lang-label{display:none}.btn{background:var(--bg-soft);color:var(--text-main);border:2px solid var(--glass-border);padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;font-weight:600;transition:all .3s var(--ease-spring);position:relative;overflow:hidden;outline:none;font-family:inherit}.btn.primary{background:var(--primary);color:#000;border-color:transparent;box-shadow:var(--shadow-glow)}.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn.primary:focus-visible{outline:3px solid var(--text-main);outline-offset:2px}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px #0000004d}.btn:active{transform:translateY(-1px);scale:.98}.btn.primary:hover{box-shadow:0 0 30px var(--primary-glow)}.input,.select{width:100%;padding:.8rem;background:#0000004d;border:2px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);transition:none;font-size:.9rem;font-family:inherit;outline:none;animation:none!important;transform:none!important}.dark .input,.dark .select{border:2px solid rgba(0,0,0,.15);color:var(--text-main)}.input:focus,.select:focus{background:#00000080;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.light .input:focus,.light .select:focus{background:#fffffff2;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input,.select{border:2px solid var(--glass-border)}.light .input,.light .select{background:#fff;border:2px solid var(--glass-border)}.input:hover,.select:hover{background:#0006;border-color:#fff3}.light .input:hover,.light .select:hover{background:#ffffffe6;border-color:#00000040}.input::placeholder,.select::placeholder{color:var(--text-muted);opacity:.7}.light .input::placeholder,.light .select::placeholder{color:var(--text-muted);opacity:.6}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.3rem}.field-inline{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero{text-align:center;padding:8vh 1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;flex:1;width:100%}.hero-title{text-shadow:0 0 40px var(--primary-glow)}.hero-sub{font-size:1.7rem;font-weight:500;color:var(--text-muted);max-width:600px}.light .hero-sub{color:var(--accent);font-weight:500}#recommendations{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.shimmer-wrapper{grid-column:span 1;position:relative}.shimmer-wrapper:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,var(--primary),transparent);border-radius:var(--radius-md);z-index:-1;opacity:.5;filter:blur(8px);animation:pulseRotate 4s linear infinite}.rec-card{background:#e3f1fbcc;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s var(--ease-spring);animation:fadeIn .5s ease backwards;display:flex;flex-direction:column;height:100%}.rec-card:hover{transform:translateY(-8px) scale(1.02);background:#ecf7ffe6;background:oklch(97% .02 240 / .9);box-shadow:var(--shadow-lg);border-color:var(--primary)}.rec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--glass-border)}.rec-title{font-size:1.25rem;font-weight:700;color:var(--primary)}.badge{font-size:.75rem;padding:.25rem .75rem;border-radius:2rem;background:var(--primary-glow);color:var(--text-main);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.yield-highlight{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#031c004d;background:oklch(20% .1 140 / .3);border-radius:.75rem;border:1px solid oklch(50% .1 140 / .3)}.yield-stat{text-align:center}.y-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:2px}.y-val{font-size:1.1rem;font-weight:700;color:#97e686}.y-unit{font-size:.8rem;font-weight:400;color:var(--text-muted)}.expand-btn{margin-top:auto;padding-top:1rem;background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.8;transition:opacity .2s;width:100%}.expand-btn:hover{opacity:1;text-decoration:underline}.arrow{display:inline-block;transition:transform .3s;font-size:.7em}.arrow.up{transform:rotate(180deg)}.details-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-spring);overflow:hidden;border-top:1px solid var(--glass-border);margin-top:.5rem}.details-panel.open{grid-template-rows:1fr;margin-top:1rem}.details-content{min-height:0;padding-top:1rem}.detail-section{margin-bottom:1rem}.detail-head{font-size:.9rem;font-weight:700;color:var(--accent);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.shimmer-wrapper:nth-child(1),.rec-card:nth-child(1){animation-delay:.1s}.shimmer-wrapper:nth-child(2),.rec-card:nth-child(2){animation-delay:.2s}.shimmer-wrapper:nth-child(3),.rec-card:nth-child(3){animation-delay:.3s}.shimmer-wrapper:nth-child(4),.rec-card:nth-child(4){animation-delay:.4s}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulseRotate{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.app-footer{text-align:center;padding:1.5rem 1rem 3rem;color:var(--text-muted);font-size:.9rem;letter-spacing:.05em;opacity:.7;display:flex;justify-content:center;align-items:center}.light .app-footer{color:var(--primary);opacity:1;font-weight:500}.light .app-footer em{color:var(--accent);font-weight:600}.hidden{display:none}.input:focus-visible,.select:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.light .input:focus-visible,.light .select:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.light .hero-content{background:#fff9;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.light .hero .hero-title{font-size:48px;font-weight:700;color:#2e7d32}.light .hero .hero-sub{color:#2f4f2f}.light .hero .btn.primary{background-color:#43a047;color:#fff;padding:12px 24px;border-radius:25px;font-weight:700;border:none;transition:.3s;box-shadow:none}.light .hero .btn.primary:hover{background-color:#1b5e20;transform:scale(1.05)}@media(prefers-contrast:high){.input,.select{border-width:3px;background:#000c}.light .input,.light .select{background:#fffffff2;border-color:#000}}@media(max-width:600px){.app-header h1{display:none}.field-inline{grid-template-columns:1fr}}