@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500;700&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap";*{box-sizing:border-box;margin:0;padding:0}img,video,iframe,svg,canvas{max-width:100%;height:auto}table{table-layout:fixed;width:100%}:root{--bg:#020402;--s1:#0f140f8c;--s2:#141e14a6;--s3:#1e2d1ebf;--b1:#ffffff14;--b2:#ffffff26;--green:#4ade80;--g2:#22c55e;--g3:#16a34a;--gdim:#22c55e26;--amber:#fbbf24;--adim:#fbbf2426;--red:#fb7185;--rdim:#fb718526;--blue:#67e8f9;--bdim:#67e8f926;--purple:#c4b5fd;--pdim:#c4b5fd26;--text:#fffffff2;--t2:#ffffffa6;--t3:#ffffff73;--mono:"IBM Plex Mono", monospace;--sans:"IBM Plex Sans", sans-serif;--glass-blur:blur(24px) saturate(180%);--glass-shadow:0 12px 40px #0006;--glass-border:1px solid var(--b1);--glass-inner:inset 0 1px 0 #ffffff1a}html.light{--bg:#f1f5f9;--s1:#ffffffa6;--s2:#fffc;--s3:#ffffffe6;--text:#000000d9;--t2:#000000a6;--t3:#00000073;--b1:#ffffff80;--b2:#0000001a;--green:#16a34a;--g2:#15803d;--g3:#22c55e;--gdim:#16a34a26;--glass-shadow:0 8px 32px #0000000f;--glass-border:1px solid #fff9;--glass-inner:inset 0 1px 0 #fffc}html.contrast{--bg:#000;--s1:#000;--s2:#000;--s3:#111;--text:#fff;--t2:#eee;--t3:#ddd;--b1:#fff;--b2:#fff;--green:#0f0;--g2:#0c0;--g3:#0f0;--gdim:#0f03;--glass-blur:none;--glass-shadow:none;--glass-border:1px solid #fff;--glass-inner:none}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{font-family:var(--sans);background:var(--bg);color:var(--text);width:100%;max-width:100vw;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--serif)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--b1)}.bg-glow{pointer-events:none;z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.bg-glow:before{content:"";background:radial-gradient(circle,#4ade8026 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite drift1;position:absolute;top:-300px;left:-200px}.bg-glow:after{content:"";background:radial-gradient(circle,#67e8f91f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite drift2;position:absolute;bottom:-100px;right:-100px}.bg-glow-extra{content:"";background:radial-gradient(circle,#c4b5fd1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:30s ease-in-out infinite drift3;position:absolute;top:30%;left:40%}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(150px,100px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-100px,-80px)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,100px)scale(1.2)}}.header{z-index:100;background:var(--s1);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);box-shadow:var(--glass-shadow);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1500px;height:60px;margin:0 auto;padding:0 20px;display:flex}.logo{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, #166534, var(--green));border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;animation:3s ease-in-out infinite logo-pulse;display:flex;box-shadow:0 0 24px #4ade8040}@keyframes logo-pulse{0%,to{box-shadow:0 0 24px #4ade8040}50%{box-shadow:0 0 36px #4ade8073}}.logo-name{font-family:var(--serif);letter-spacing:-.01em;background:linear-gradient(135deg, var(--text), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.logo-sub{font-family:var(--mono);color:var(--t3);letter-spacing:.14em;text-transform:uppercase;margin-top:1px;font-size:9px}.header-right{align-items:center;gap:10px;display:flex}.clock{font-family:var(--mono);color:var(--t2);background:var(--s2);border:1px solid var(--b1);letter-spacing:.06em;text-align:center;border-radius:6px;min-width:90px;padding:5px 12px;font-size:12px}.badge{font-family:var(--mono);background:var(--s2);border:1px solid var(--b1);color:var(--t2);border-radius:4px;padding:4px 10px;font-size:10px}.badge-live{background:var(--gdim);border-color:var(--g3);color:var(--green);align-items:center;gap:5px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.main{z-index:1;max-width:1500px;margin:0 auto;padding:20px 16px;position:relative;overflow-x:hidden}.grid{columns:3;column-gap:16px;max-width:100%}.grid>div{break-inside:avoid;margin-bottom:16px}.card{background:var(--s1);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);box-shadow:var(--glass-shadow), var(--glass-inner);border-radius:20px;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative;overflow:hidden}.card:hover{box-shadow:0 16px 40px #00000080, var(--glass-inner);border-color:#ffffff40;transform:translateY(-3px)}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.card-hd{border-bottom:1px solid var(--b1);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t2);align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.card-body{padding:18px}.chip{font-family:var(--mono);letter-spacing:.05em;border-radius:5px;align-items:center;padding:3px 10px;font-size:10px;font-weight:500;transition:all .2s;display:inline-flex}.cg{background:var(--gdim);border:1px solid var(--g3);color:var(--green)}.ca{background:var(--adim);color:var(--amber);border:1px solid #92400e}.cr{background:var(--rdim);color:var(--red);border:1px solid #7f1d1d}.cb{background:var(--bdim);color:var(--blue);border:1px solid #1e3a5f}.cp{background:var(--pdim);color:var(--purple);border:1px solid #6b21a8}.cx{background:var(--s2);border:1px solid var(--b1);color:var(--t2)}.input{background:var(--s2);border:var(--glass-border);width:100%;font-family:var(--sans);color:var(--text);border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.input:focus{border-color:var(--g3);background:var(--s1);box-shadow:0 0 0 3px #16a34a26, var(--glass-shadow)}.input::placeholder{color:var(--t3)}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}html.light select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='rgba(0,0,0,0.4)' d='M5 6L0 0h10z'/%3E%3C/svg%3E")}select.input option{background:var(--bg)}textarea.input{resize:vertical;min-height:84px;line-height:1.6}.btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn:hover{box-shadow:var(--glass-shadow);transform:translateY(-2px)}.btn:active{transform:scale(.95);box-shadow:0 2px 8px #0003}.btn-g{background:linear-gradient(135deg, var(--g3), var(--g2));color:#fff;text-shadow:0 1px 2px #0003;padding:11px 22px;font-weight:700;box-shadow:0 8px 24px #22c55e4d,inset 0 1px 1px #ffffff4d}.btn-g:active{transform:scale(.96)}.btn-o{color:var(--green);border:1px solid var(--g3);background:0 0;padding:9px 18px}.btn-o:hover{background:var(--gdim)}.btn-r{color:var(--red);background:0 0;border:1px solid #7f1d1d;padding:9px 18px}.btn-r:hover{background:var(--rdim)}.btn-sm{padding:7px 14px;font-size:12px}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important;transform:none!important}.w100{width:100%}.ring{border:2.5px solid var(--b2);border-top-color:var(--green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.big-temp{font-family:var(--serif);letter-spacing:-.03em;background:linear-gradient(135deg, var(--text), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:900;line-height:1}.forecast-scroll{gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.forecast-scroll::-webkit-scrollbar{height:3px}.fday{background:var(--s1);border:var(--glass-border);text-align:center;cursor:pointer;min-width:64px;-webkit-backdrop-filter:var(--glass-blur);border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:10px 8px;transition:all .2s;display:flex}.fday:hover{border-color:var(--g3);background:var(--gdim);transform:translateY(-2px)}.fday.active{border-color:var(--green);background:var(--gdim);box-shadow:0 0 12px #4ade8033}.fday.today-card{border-color:var(--g2)}.day-detail{background:var(--s1);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:14px;margin-top:12px;padding:16px;animation:.25s slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.detail-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.detail-box{background:var(--s3);border:1px solid var(--b1);border-radius:10px;padding:10px 12px}.prog{background:var(--s3);border-radius:99px;height:5px;margin:5px 0;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--g3), var(--green));border-radius:99px;height:100%;transition:width .7s}.dropzone{border:2px dashed var(--b2);text-align:center;cursor:pointer;background:var(--s1);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;padding:36px 20px;transition:all .25s;position:relative;overflow:hidden}.dropzone:before{content:"";pointer-events:none;background:radial-gradient(#4ade8008 0%,#0000 70%);position:absolute;inset:0}.dropzone:hover,.dz-over{border-color:var(--g3);background:#4ade8008}.upload-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.upload-btn{background:var(--s3);border:1px solid var(--b2);cursor:pointer;font-family:var(--sans);color:var(--t2);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.upload-btn:hover{border-color:var(--g3);color:var(--green);background:var(--gdim)}.upload-btn span{font-size:24px}.res-card{border:var(--glass-border);background:var(--s1);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:16px;padding:18px;animation:.3s slide-down;position:relative;overflow:hidden}.res-card:before{content:"";background:linear-gradient(90deg, var(--g3), var(--green), transparent);height:2px;position:absolute;top:0;left:0;right:0}.res-card.sev-s:before{background:linear-gradient(90deg, var(--red), #f87171aa, transparent)}.res-card.sev-h:before{background:linear-gradient(90deg, var(--amber), #fbbf24aa, transparent)}.tx-item{border-bottom:1px solid var(--b1);color:var(--t2);gap:10px;padding:8px 0;font-size:13px;line-height:1.6;display:flex}.tx-item:last-child{border-bottom:none}.tx-num{font-family:var(--mono);color:var(--green);min-width:18px;margin-top:2px;font-size:11px;font-weight:600}.conf-wrap{flex-shrink:0;width:80px;height:80px;position:relative}.conf-wrap svg{transform:rotate(-90deg)}.conf-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.step-bars{gap:5px;margin-bottom:12px;display:flex}.step-bar{background:var(--b1);border-radius:2px;flex:1;height:3px;transition:background .3s}.step-bar.done{background:var(--g3)}.step-bar.active{background:var(--b1);position:relative;overflow:hidden}.step-bar.active:after{content:"";background:linear-gradient(90deg, transparent, var(--green), transparent);animation:1.2s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.crop-banner{background:linear-gradient(135deg, var(--gdim), #16a34a0d);border:1px solid var(--g3);border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;animation:.3s slide-down;display:flex}.crop-icon{font-size:32px;line-height:1}.fert-box{background:var(--s1);border:var(--glass-border);text-align:center;cursor:default;-webkit-backdrop-filter:var(--glass-blur);border-radius:14px;padding:16px;transition:all .2s}.fert-box:hover{border-color:var(--b2);transform:translateY(-1px)}.fert-num{font-family:var(--serif);margin:8px 0 4px;font-size:38px;font-weight:900;line-height:1}.pest-item{background:var(--s2);border:1px solid var(--b1);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;transition:all .2s;display:flex}.pest-item:hover{border-color:var(--b2);background:var(--s3)}.pest-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.post-card{background:var(--s1);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:14px;padding:16px;transition:all .2s}.post-card:hover{border-color:var(--b2);transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.post-card.new-post{border-color:var(--g3);animation:.35s slide-down}.avatar{background:var(--gdim);border:1px solid var(--g3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.like-btn{cursor:pointer;color:var(--t3);font-size:12px;font-family:var(--sans);background:0 0;border:none;border-radius:7px;align-items:center;gap:4px;padding:5px 8px;transition:all .2s;display:flex}.like-btn:hover{background:var(--rdim);color:var(--red)}.like-btn.liked{color:var(--red)}.filter-btn{cursor:pointer;font-family:var(--mono);letter-spacing:.05em;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:10px;transition:all .2s}.filter-btn.active{background:var(--gdim);border:1px solid var(--g3);color:var(--green)}.filter-btn:not(.active){background:var(--s2);border:1px solid var(--b1);color:var(--t2)}.filter-btn:hover:not(.active){border-color:var(--b2)}.modal-bg,.modal-overlay,.modal{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--s1);border:var(--glass-border);width:100%;max-width:440px;box-shadow:0 30px 80px #0009, var(--glass-inner);-webkit-backdrop-filter:var(--glass-blur);border-radius:24px;transition:transform .3s;animation:.4s cubic-bezier(.16,1,.3,1) modal-in;position:relative;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{background:var(--s2);border:1px solid var(--b1);cursor:pointer;width:32px;height:32px;color:var(--t2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.modal-close:hover{color:var(--red);border-color:#7f1d1d}label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-top:14px;margin-bottom:5px;font-size:10px;display:block}label:first-of-type{margin-top:0}.toast{z-index:300;background:var(--s1);border:var(--glass-border);box-shadow:0 10px 40px #00000080, var(--glass-inner);max-width:320px;-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;padding:13px 18px;font-size:13px;line-height:1.5;animation:.3s toast-in;position:fixed;bottom:24px;right:20px}@keyframes toast-in{0%{opacity:0}to{opacity:1}}.advisory{background:var(--gdim);border:1px solid var(--g3);border-radius:10px;padding:11px 14px;transition:all .3s}.advisory.warn{background:var(--adim);border-color:#92400e}.advisory.hot{background:var(--rdim);border-color:#7f1d1d}.advisory.wind{background:var(--bdim);border-color:#1e3a5f}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.4s fade-in}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.88)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #4ade8033}50%{box-shadow:0 0 40px #4ade8080}}.card{animation:.5s both card-enter}.card:first-child{animation-delay:50ms}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.fday{transition:all .22s cubic-bezier(.4,0,.2,1)}.fday:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.post-card{transition:all .22s cubic-bezier(.4,0,.2,1)}.post-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000059}.slider{appearance:none;background:var(--b2);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;margin:6px 0}.slider::-webkit-slider-thumb{appearance:none;background:var(--green);cursor:pointer;border:2px solid var(--s1);border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #4ade8066}.slider::-moz-range-thumb{background:var(--green);cursor:pointer;border:2px solid var(--s1);border-radius:50%;width:18px;height:18px}.btn-g{transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-g:hover{transform:translateY(-2px);box-shadow:0 8px 28px #22c55e80!important}.nav-btn{transition:all .2s}.nav-btn:hover{transform:translateY(-1px)}.upload-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.mandi-row{transition:all .18s}.mandi-row:hover{background:var(--s2);border-radius:6px;transform:translate(3px)}.pest-item{transition:all .18s}.pest-item:hover{transform:translate(4px)}.crop-banner{animation:.4s cubic-bezier(.4,0,.2,1) pop-in}.res-card{animation:.35s slide-up}.logo-icon{animation:3s ease-in-out infinite glow-pulse,5s ease-in-out infinite float!important}.fert-box{transition:all .2s cubic-bezier(.4,0,.2,1)}.fert-box:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.chip{transition:all .2s}.chip:hover{transform:translateY(-1px)}.like-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.like-btn:hover{transform:scale(1.08)}.filter-btn{transition:all .2s}.filter-btn:hover{transform:translateY(-1px)}.divider{background:var(--b1);height:1px;margin:14px 0}.ticker-wrap{width:100%;position:relative;overflow:hidden}.ticker-content{white-space:nowrap;padding-left:100%;animation:50s linear infinite ticker-scroll;display:inline-block}.ticker-content:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}html.light{--rdim:#ef444414;--adim:#fbbf2414;--bdim:#60a5fa14;--pdim:#c084fc14;--s3:#ffffffe6}.skel{background:linear-gradient(90deg, var(--s2) 25%, var(--s3) 50%, var(--s2) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skel-shine}@keyframes skel-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-line.w80{width:80%}.skel-line.w60{width:60%}.skel-line.w40{width:40%}.skel-line.w100{width:100%}.skel-box{height:48px;margin-bottom:8px}.mt1{margin-top:4px}.mt2{margin-top:8px}.mt3{margin-top:12px}.mt4{margin-top:16px}.mt5{margin-top:20px}.mb1{margin-bottom:4px}.mb2{margin-bottom:8px}.mb3{margin-bottom:12px}.flex{display:flex}.aic{align-items:center}.jcb{justify-content:space-between}.jcc{justify-content:center}.gap1{gap:4px}.gap2{gap:8px}.gap3{gap:12px}.gap4{gap:16px}.mono{font-family:var(--mono)}.bold{font-weight:600}.wrap{flex-wrap:wrap}.xs{font-size:11px}.sm{font-size:13px}.lg{font-size:17px}.tc{text-align:center}.t2{color:var(--t2)}.t3{color:var(--t3)}.tg{color:var(--green)}.ta{color:var(--amber)}.tr{color:var(--red)}.tb{color:var(--blue)}#google_translate_element,#google_translate_element_mobile{opacity:0;pointer-events:none;height:0;position:absolute;overflow:hidden}.goog-te-banner-frame{display:none!important}body{top:0!important}.skiptranslate,body>.skiptranslate{display:none!important}.lang-dropdown-btn{border:1px solid var(--b2);font-family:var(--sans);color:var(--t2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.lang-dropdown-btn:hover{background:var(--s3);color:var(--text);border-color:var(--b1)}.lang-menu{background:var(--s1);border:1px solid var(--b1);z-index:200;border-radius:10px;flex-direction:column;gap:4px;min-width:120px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000080}.lang-option{font-family:var(--sans);color:var(--t2);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.lang-option:hover{background:var(--s2);color:var(--text)}.lang-option.active{background:var(--gdim);color:var(--green);border:1px solid var(--g3)}.install-btn{padding:4px 10px;font-size:13px}.theme-toggle-btn{border:1px solid var(--b2);color:var(--t2);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:14px}.quick-nav{border-bottom:1px solid var(--b1);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(90deg,#4ade800a 0%,#0000 60%);padding:6px 8px;overflow-x:auto}.quick-nav::-webkit-scrollbar{display:none}.quick-nav-btn{background:var(--s2);border:1px solid var(--b1);cursor:pointer;color:var(--t2);font-family:var(--sans);white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.quick-nav-btn:hover{border-color:var(--b2)}@media (width>=769px){.bg-glow:before{background:radial-gradient(circle,#4ade800f 0%,#22c55e05 40%,#0000 70%);width:800px;height:800px}.bg-glow:after{background:radial-gradient(circle,#7dd3fc0a 0%,#0000 70%);width:600px;height:600px}.header{background:#050a05e0;border-bottom:1px solid #1e302099}.header-inner{height:64px;padding:0 32px}.logo-icon{background:linear-gradient(135deg, #166534, var(--green));border-radius:12px;width:42px;height:42px;font-size:22px;box-shadow:0 0 30px #4ade804d}.logo-name{font-size:24px}.main{padding:28px 32px}.grid{grid-template-columns:repeat(3,1fr);gap:20px}.card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#101a1099,#101a1066);border:1px solid #1e302080;border-radius:20px}.card:hover{border-color:#4ade804d;box-shadow:0 12px 48px #00000080,0 0 0 1px #4ade801a}.card:before{background:linear-gradient(135deg,#4ade8008 0%,#0000 50%)}.card-hd{padding:16px 20px}.card-body{padding:20px}.card-title{letter-spacing:.12em;font-size:11px}.input{border-radius:10px;padding:12px 16px}.btn-g{background:linear-gradient(135deg, var(--g3), var(--green));border-radius:10px;padding:12px 24px;box-shadow:0 4px 20px #4ade804d}.btn-g:hover{box-shadow:0 8px 32px #4ade8080!important}.btn-o{border-radius:10px;padding:10px 20px}.chip{border-radius:6px;padding:4px 12px}.modal{border:1px solid #4ade8026;border-radius:24px;padding:32px;box-shadow:0 40px 100px #000c,0 0 0 1px #4ade800d}.post-card{border-radius:16px;padding:18px}.post-card:hover{box-shadow:0 10px 36px #0006}.dropzone{border-radius:18px;padding:40px 24px}.res-card{border-radius:18px;padding:20px}.fday{border-radius:14px;min-width:72px;padding:12px 10px}.day-detail{border-radius:16px;padding:18px}.detail-box{border-radius:12px;padding:12px 14px}.toast{border-radius:14px;padding:14px 20px;box-shadow:0 12px 48px #0009}.fert-box{border-radius:16px;padding:18px}.pest-item{border-radius:12px;padding:11px 14px}.advisory{border-radius:12px;padding:13px 16px}.crop-banner{border-radius:14px;padding:14px 16px}.big-temp{font-size:72px}.forecast-scroll{gap:8px}.filter-btn{border-radius:6px;padding:5px 12px}.avatar{width:40px;height:40px;font-size:18px}.upload-btn{border-radius:12px;padding:14px}.divider{margin:16px 0}.card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#4ade8026,#0000);height:1px;position:absolute;top:0;left:0;right:0}}@media (width>=769px) and (width<=1024px){.grid{columns:2;column-gap:14px}}@media (width<=768px){.grid{flex-direction:column;display:flex;gap:16px!important}.grid>div{width:100%;margin-bottom:0}.main{max-width:100vw;padding:16px 12px;overflow-x:hidden}.card{border-radius:16px}.card-hd{flex-wrap:wrap;gap:8px;padding:12px 16px}.card-body{padding:16px;overflow-x:hidden}.card-title{letter-spacing:.06em;font-size:9px}.big-temp{font-size:52px}.detail-grid{grid-template-columns:1fr 1fr;gap:6px}.forecast-scroll{gap:4px;padding-bottom:4px}.fday{min-width:52px;padding:7px 5px}.upload-options{grid-template-columns:1fr 1fr;gap:8px}.fert-box .fert-num{font-size:22px}.modal{margin:10px;padding:20px;max-width:calc(100vw - 20px)!important}.modal-bg,.modal-overlay{padding:10px}.toast{max-width:none;bottom:16px;left:10px;right:10px}}@media (width<=600px){.hide-sm{display:none}html,body{overflow-x:hidden!important}.header-inner{height:48px;padding:0 10px}.logo-name{font-size:15px}.logo-icon{border-radius:8px;width:28px;height:28px;font-size:14px}.logo-sub{display:none}.header-right{gap:6px}.install-btn{padding:2px 6px;font-size:9px}.theme-toggle-btn{padding:3px 6px;font-size:12px}.lang-dropdown-btn{padding:3px 6px;font-size:11px}.quick-nav-btn{padding:4px 8px;font-size:10px}.big-temp{font-size:44px}.chip{padding:2px 7px;font-size:9px}.btn-g{padding:9px 14px;font-size:12px}.btn-o{padding:6px 10px;font-size:11px}.btn-sm{padding:5px 10px;font-size:11px}.input{padding:9px 10px;font-size:13px}select.input{font-size:13px}.stat-grid{grid-template-columns:1fr 1fr}.post-card{padding:12px}.advisory{padding:9px 11px}.day-detail{padding:12px}.detail-box{padding:8px 10px}.dropzone{padding:20px 12px}.res-card{padding:12px}.tx-item{padding:6px 0;font-size:12px}.fert-box{padding:10px 6px}.fert-box .fert-num{font-size:20px}.conf-wrap,.conf-wrap svg{width:60px;height:60px}.crop-banner{gap:8px;padding:10px}.crop-icon{font-size:24px}.divider{margin:10px 0}.flex.gap3{gap:8px}.flex.gap4{gap:10px}.modal{max-width:calc(100vw - 16px)!important;margin:8px!important;padding:16px!important}.modal-bg,.modal-overlay{padding:8px!important}.card-body{padding:10px}.upload-options{grid-template-columns:1fr 1fr;gap:6px}.upload-btn{padding:10px 6px;font-size:11px}.forecast-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.forecast-scroll::-webkit-scrollbar{display:none}}@media (width<=400px){.header-inner{height:44px;padding:0 8px}.logo-name{font-size:13px}.logo-icon{width:26px;height:26px;font-size:13px}.header-right .badge-live{padding:2px 5px;font-size:8px}.big-temp{font-size:36px}.card{border-radius:12px}.card-hd{padding:8px 10px}.card-body{padding:8px}.main{padding:6px 4px}.grid{gap:8px!important}.fert-box .fert-num{font-size:16px}.forecast-scroll .fday{min-width:44px;padding:5px 3px;font-size:10px}.detail-grid{gap:4px}.detail-box{padding:6px 8px;font-size:11px}.btn-g{padding:8px 12px;font-size:11px}.btn-o{padding:5px 8px;font-size:10px}.btn-sm{padding:4px 8px;font-size:10px}.main{padding-bottom:20px}.input{padding:8px;font-size:12px}.post-card{padding:10px}.conf-wrap,.conf-wrap svg{width:50px;height:50px}.upload-options{gap:6px;grid-template-columns:1fr!important}.dropzone{padding:16px 8px}}@media (width<=768px){html,body,#root{max-width:100vw;overflow-x:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.logo-icon,.live-dot,.bg-glow:before,.bg-glow:after{animation:none!important}}@media (hover:none) and (pointer:coarse){.btn,.btn-g,.btn-o,.btn-r{min-height:40px}.upload-btn{min-height:48px}}.skel{background:var(--s2);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);background-size:200% 100%;border-radius:4px;animation:1.5s linear infinite shimmer}.skel-line{height:12px;margin-bottom:8px}.skel-card{border-radius:12px;height:100px}@media (width<=600px){.quick-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--b1);background:#070d078c;justify-content:space-around;align-items:center;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000080}.quick-nav-btn{flex-direction:column;padding:6px;font-size:10px;background:0 0!important;border:none!important}.quick-nav-btn span{margin-bottom:4px;font-size:20px!important}.main{padding-bottom:80px}}