:root{--bg: #0b0e11;--bg-elev: #11151a;--bg-elev-2: #151a21;--text: #e6eaf0;--muted: #9aa7b2;--brand: #7c5cff;--brand-2: #4bd3ff;--ok: #2dd4bf;--err: #ef4444;--ring: 0 0 0 2px rgba(124, 92, 255, .45);--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:radial-gradient(1200px 800px at 70% -10%,#121620 0%,transparent 60%) var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}#root{max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,32px)}.main{display:flex;flex-direction:column;align-items:center;gap:22px}.card,.value-card,.result-card{width:min(100%,780px);background:linear-gradient(180deg,var(--bg-elev),var(--bg-elev-2));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,3vw,28px)}.value-card+.value-card{margin-top:10px}h1,h2,h3{margin:0 0 6px;letter-spacing:.2px}h1{font-size:clamp(24px,4vw,34px);font-weight:800}h2{font-size:clamp(18px,2.5vw,22px);font-weight:700;color:#d9deff}h3{font-size:18px;font-weight:700}.read-the-docs,.gate-hint{color:var(--muted);font-size:.92rem}input[type=textbox],input[type=text],input[type=email],input[type=password],input:not([type]){width:min(100%,420px);background:#0f1318;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s,transform .05s}input:focus{border-color:#7c5cffb3;box-shadow:var(--ring)}label{align-self:stretch;color:#cfd6df;font-weight:600;margin:10px 0 6px}input[type=range]{-webkit-appearance:none;width:100%;cursor:pointer;background:transparent;margin-bottom:8px}input[type=range]::-webkit-slider-runnable-track{height:8px;background:linear-gradient(90deg,#7c5cff59,#4bd3ff40);border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-6px;height:20px;width:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#cfd6ff 35%,#7c5cff);border:2px solid #cfd6ff22;box-shadow:0 6px 18px #7c5cff73}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#7c5cff59,#4bd3ff40)}input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#cfd6ff 35%,#7c5cff);border:2px solid #cfd6ff22;box-shadow:0 6px 18px #7c5cff73}button,.btnPredict{appearance:none;border:none;border-radius:12px;padding:12px 16px;background:linear-gradient(180deg,#22283a,#171c27);color:var(--text);font-weight:700;letter-spacing:.2px;transition:transform .06s ease,box-shadow .2s ease,background .2s ease,opacity .2s;box-shadow:0 10px 20px #00000059,inset 0 0 0 1px #ffffff0f}button:hover,.btnPredict:hover{transform:translateY(-1px)}button:active,.btnPredict:active{transform:translateY(0);opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.btnPredict{width:170px;height:auto;background:linear-gradient(180deg,#6a55ff,#4930ff);box-shadow:0 12px 26px #6857ff73}.gate-actions button:nth-child(1){background:#141925}.gate-actions button:nth-child(2){background:#151d2a}.gate-actions button:nth-child(3){background:linear-gradient(180deg,#6a55ff,#4930ff)}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:none;box-shadow:var(--ring)}.gate-wrap{width:min(100%,520px);display:flex;flex-direction:column;gap:14px;align-items:center;padding:18px;background:linear-gradient(180deg,var(--bg-elev),var(--bg-elev-2));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow)}.gate-target{font-size:28px;font-weight:800;background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.gate-canvas{width:280px;height:280px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#fff;touch-action:none;box-shadow:0 10px 24px #00000059}.gate-actions{display:flex;gap:10px;flex-wrap:wrap}.gate-msg{margin:0;font-weight:700}.gate-msg:before{content:"• ";color:var(--brand-2)}.success-result{border-left:4px solid var(--ok);padding-left:12px}.error-result{border-left:4px solid var(--err);padding-left:12px}.crop-name{font-weight:800;background:linear-gradient(90deg,var(--ok),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.input-summary{margin-top:12px}.conditions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;color:#d2d9e2}.name{text-align:center}@media (min-width: 820px){.conditions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion: no-preference){.card,.value-card,.result-card,.gate-wrap{animation:pop .25s ease}@keyframes pop{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}}