:root{--bg:#f4f7f5;--card:#fff;--text:#14231b;--muted:#6d7d73;--green:#1f7a4d;--green2:#e8f5ee;--amber:#a96b00;--amberbg:#fff5dc;--red:#a83b3b;--redbg:#fdeaea;--blue:#2d6ea3;--border:#dfe8e2;--shadow:0 8px 24px rgba(20,55,35,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{max-width:920px;margin:0 auto;min-height:100vh;padding-bottom:90px}.topbar{position:sticky;top:0;z-index:20;background:rgba(244,247,245,.94);backdrop-filter:blur(12px);padding:18px 18px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(223,232,226,.7)}.topbar h1{margin:2px 0 0;font-size:24px}.eyebrow{font-size:12px;color:var(--green);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.icon-btn,.dialog-close{border:0;background:var(--card);border-radius:50%;width:42px;height:42px;box-shadow:var(--shadow);cursor:pointer}.screen{display:none;padding:18px}.screen.active{display:block}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.hero{background:linear-gradient(135deg,#ffffff 20%,#eaf7ef)}.hero-row,.section-title,.split,.coord-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.section-title{margin:16px 2px 10px}.section-title h2,.section-title h3{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.primary,.secondary,.feedback-buttons button,.chips button{border:0;border-radius:14px;padding:13px 16px;cursor:pointer;font-weight:700}.primary{background:var(--green);color:white;width:100%}.secondary{background:var(--green2);color:var(--green)}.link-btn{border:0;background:none;color:var(--green);font-weight:700}.forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.forecast-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.forecast-card h4{margin:0 0 8px}.temp{font-size:24px;font-weight:800}.weather-line{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:13px}.confidence{font-size:11px;padding:6px 9px;border-radius:999px;font-weight:800}.confidence.high{background:#e5f5ea;color:#22663e}.confidence.medium{background:var(--amberbg);color:var(--amber)}.confidence.low{background:var(--redbg);color:var(--red)}.decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.decision-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:15px;box-shadow:var(--shadow)}.decision-card h4{margin:0 0 6px}.decision-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.measure-fab{position:fixed;right:max(18px,calc((100vw - 920px)/2 + 18px));bottom:88px;background:var(--green);color:#fff;border:0;border-radius:999px;padding:14px 18px;font-weight:800;box-shadow:0 12px 28px rgba(31,122,77,.3)}.form-card{display:grid;gap:14px}.form-card label{display:grid;gap:7px;font-weight:700;font-size:14px}.form-card input,.form-card select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:#fbfdfc}.coord-row>label{flex:1}.split>*{flex:1}.map{height:300px;border-radius:16px;overflow:hidden;border:1px solid var(--border)}.hidden{display:none!important}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:14px;overflow:hidden}.segmented input{display:none}.segmented label{padding:12px;text-align:center;background:#fff;cursor:pointer}.segmented input:checked+label{background:var(--green2);color:var(--green)}.warning{background:var(--amberbg);color:var(--amber);padding:12px;border-radius:12px}.result-card{border-left:5px solid var(--green)}.feedback-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.feedback-buttons button{background:#f0f4f1}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{background:#f2f5f3;padding:9px 12px}.chips button.selected{background:var(--green2);color:var(--green)}details summary{font-weight:800;cursor:pointer}details p{line-height:1.55;color:#46564d}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(920px,100%);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:30}.bottom-nav button{border:0;background:none;color:var(--muted);display:grid;gap:3px;justify-items:center;font-size:18px}.bottom-nav button span{font-size:10px}.bottom-nav button.active{color:var(--green);font-weight:800}dialog{border:0;border-radius:20px;max-width:520px;width:calc(100% - 36px);padding:0;box-shadow:0 24px 70px rgba(0,0,0,.2)}dialog::backdrop{background:rgba(0,0,0,.35)}.dialog-body{position:relative;padding:24px}.dialog-close{position:absolute;right:12px;top:12px;box-shadow:none;background:#f1f4f2;font-size:22px}@media(max-width:640px){.forecast-grid{grid-template-columns:1fr}.decision-grid{grid-template-columns:1fr}.hero-row{align-items:flex-start}.split{flex-direction:column;align-items:stretch}.coord-row{align-items:stretch}.section-title{align-items:flex-start}.measure-fab{right:16px}.topbar{padding-top:calc(14px + env(safe-area-inset-top))}}

.source-box{font-size:13px;line-height:1.5;background:#f8fbf9;border-style:dashed}.source-box strong{color:var(--green)}
.top-actions{display:flex;gap:8px;align-items:center}.lang-select{border:1px solid var(--border);background:#fff;border-radius:12px;padding:9px 10px;font-weight:800;color:var(--green)}.current-card{padding:18px}.current-main{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.current-icon{font-size:48px;line-height:1}.current-desc{font-weight:800;font-size:15px}.current-temp{font-size:40px;font-weight:900;letter-spacing:-1px}.live-pill{background:#e7f7ed;color:#17623b;border-radius:999px;padding:7px 10px;font-weight:800;font-size:11px}.current-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.current-metrics>div{background:#f7faf8;border:1px solid var(--border);border-radius:14px;padding:11px;display:grid;gap:2px}.current-metrics b{font-size:16px}.current-metrics span{font-size:10px;color:var(--muted)}.sun-row{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}@media(max-width:640px){.current-metrics{grid-template-columns:repeat(2,1fr)}.current-main{grid-template-columns:auto 1fr}.live-pill{grid-column:1/-1;justify-self:start}.sun-row{flex-direction:column;gap:5px}}

.critical-alert{border:1px solid #efb4b4;background:#fff5f5;border-radius:18px;padding:15px 16px;margin-bottom:10px;box-shadow:var(--shadow)}
.critical-alert.severe{border-left:6px solid #b42318}.critical-alert.watch{border-left:6px solid #d97706;background:#fffaf0}.critical-alert h4{margin:0 0 6px;font-size:15px}.critical-alert p{margin:0;color:#5b4b4b;font-size:13px;line-height:1.45}.critical-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;font-size:11px}.critical-badge{background:#b42318;color:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.05em}.critical-tag{background:#fff;border:1px solid #eccaca;border-radius:999px;padding:4px 7px;font-weight:700}

.title-with-icon{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.crop-badge{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffffff;border:1px solid var(--border);box-shadow:var(--shadow);font-size:24px;line-height:1}
.gauge-block{margin-top:16px;border:1px solid var(--border);border-radius:16px;padding:14px;background:#f8fbf9}.gauge-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.gauge-head span{font-weight:800}.gauge-head strong{font-size:15px}.gauge-track{height:12px;border-radius:999px;background:#e7ece8;overflow:hidden}.gauge-fill{height:100%;border-radius:999px}.gauge-block.low .gauge-fill{background:#41a85f}.gauge-block.medium .gauge-fill{background:#d5a100}.gauge-block.high .gauge-fill{background:#e57f22}.gauge-block.very-high .gauge-fill{background:#cf3b30}.gauge-note{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.45}.current-metrics{grid-template-columns:repeat(3,1fr)}@media(max-width:640px){.current-metrics{grid-template-columns:1fr 1fr 1fr}.gauge-head{align-items:flex-start}}
.metric-card{background:#f7faf8;border:1px solid var(--border);border-radius:14px;padding:11px;display:grid;gap:2px}.metric-title{font-size:12px;font-weight:800;color:var(--text)}.metric-card b{font-size:28px;line-height:1.1}.metric-card span{font-size:12px;color:var(--muted)}.mini-gauge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mini-gauge-card{border:1px solid var(--border);border-radius:16px;padding:13px;background:#fff}.mini-gauge-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.mini-gauge-title{font-size:12px;font-weight:800;line-height:1.25}.mini-gauge-level{margin-top:6px;font-weight:800;font-size:14px}.mini-gauge-track{height:8px;border-radius:999px;background:#e7ece8;overflow:hidden;margin-top:8px}.mini-gauge-fill{height:100%;border-radius:999px}.mini-gauge-card.low .mini-gauge-fill{background:#41a85f}.mini-gauge-card.medium .mini-gauge-fill{background:#d5a100}.mini-gauge-card.high .mini-gauge-fill{background:#e57f22}.mini-gauge-card.very-high .mini-gauge-fill{background:#cf3b30}.mini-gauge-card p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.4}@media(max-width:760px){.mini-gauge-grid{grid-template-columns:1fr}}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.info-inline{border:0;background:#eef4f0;color:var(--green);width:22px;height:22px;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer;display:inline-grid;place-items:center;flex:0 0 auto}.metric-title{display:flex;align-items:center;justify-content:space-between;gap:6px}.current-metrics{grid-template-columns:repeat(4,1fr)}.mini-gauge-top strong{font-size:15px}@media(max-width:860px){.current-metrics{grid-template-columns:repeat(2,1fr)}}
.quick-feedback{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 16px}.quick-feedback-copy{display:grid;gap:3px}.quick-feedback-actions{display:flex;gap:8px}.quick-feedback-actions button{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:#f7faf8;cursor:pointer;font-size:18px}.quick-feedback-actions button.selected{background:var(--green2);border-color:#9dcdb4}.quick-feedback-status{grid-column:1/-1}.info-modal-hero{display:flex;align-items:center;gap:12px;padding-right:36px}.info-modal-hero h2{margin:2px 0 0}.info-modal-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--green2);color:var(--green);font-weight:900;font-size:20px}.info-modal-section{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#f8fbf9;display:grid;gap:6px}.info-modal-section>span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.info-modal-section p{margin:0;line-height:1.55;color:#46564d}.source-layer-head{margin-bottom:8px}.source-layer-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:8px}.source-layer-detail{font-size:12px;color:var(--muted);padding:4px 0 8px}.source-state{font-size:10px;padding:4px 7px;border-radius:999px}.source-state.active{background:#e5f5ea;color:#22663e}.source-state.pending{background:var(--amberbg);color:var(--amber)}@media(max-width:640px){.quick-feedback{grid-template-columns:1fr}.quick-feedback-actions{justify-content:flex-start}}
.period-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.period-badge,.sunset-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.period-badge.day{background:#fff4cf;color:#8b6500}.period-badge.night{background:#ecebff;color:#4e4a9a}.sunset-chip{background:#f4f7f5;color:var(--muted);border:1px solid var(--border)}
.disease-risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.disease-detail-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:15px;box-shadow:var(--shadow)}.disease-detail-card h4{margin:0;font-size:14px}.disease-level-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:10px 0 8px}.disease-level-row strong{font-size:15px}.disease-level-row span{font-size:11px;color:var(--muted)}.disease-detail-card .mini-gauge-fill{height:100%;border-radius:999px}.disease-detail-card.low .mini-gauge-fill{background:#41a85f}.disease-detail-card.medium .mini-gauge-fill{background:#d5a100}.disease-detail-card.high .mini-gauge-fill{background:#e57f22}.disease-detail-card.very-high .mini-gauge-fill{background:#cf3b30}.disease-detail-card p{color:var(--muted);font-size:12px;line-height:1.45;min-height:50px}.disease-basis{border-top:1px solid var(--border);padding-top:9px;display:grid;gap:3px}.disease-basis span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.disease-basis b{font-size:11px}@media(max-width:760px){.disease-risk-grid{grid-template-columns:1fr}}

.garden-switcher-wrap{margin-top:12px;display:grid;gap:6px;max-width:300px}.garden-switcher-label{font-size:12px;color:var(--muted);font-weight:700}.garden-switcher{appearance:none;-webkit-appearance:none;background:#f7faf8;border:1px solid var(--border);border-radius:12px;padding:10px 38px 10px 12px;font:inherit;color:var(--text);background-image:linear-gradient(45deg,transparent 50%, var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.garden-dropdown-hint{font-size:18px;color:var(--muted);margin-left:6px}.hidden{display:none !important;}
.section-title-with-info{display:flex;align-items:center;gap:8px}
.advice-mini{margin-top:10px;padding:9px 10px;border-radius:12px;background:#f7faf8;border:1px solid var(--border);font-size:13px;line-height:1.35}.advice-mini strong{display:block;margin-bottom:2px}.advice-mini.foliar{background:#f6fbf7}.advice-mini.soil{background:#f7fbfa}
.advice-mini-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.advice-mini-head strong{margin:0}.advice-level{font-weight:800;margin:4px 0 2px 0;color:var(--text)}
.foliar-compact{margin-top:10px;padding:9px 10px;border-radius:12px;background:#f7faf8;border:1px solid var(--border)}
.foliar-compact-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}
.foliar-label{font-size:13px;font-weight:800;color:var(--text)}
.foliar-compact-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.foliar-answer{font-weight:800;font-size:14px;white-space:nowrap}
.foliar-answer.yes{color:#1f7a3f}.foliar-answer.limited{color:#a36f00}.foliar-answer.no{color:#b73c33}
.foliar-gauge{height:8px;border-radius:999px;background:#e8ece9;overflow:hidden}
.foliar-gauge-fill{height:100%;border-radius:999px}.foliar-gauge-fill.yes{background:#41a85f}.foliar-gauge-fill.limited{background:#d5a100}.foliar-gauge-fill.no{background:#cf3b30}
.foliar-reason{font-size:12px;color:var(--muted);white-space:nowrap}
.foliar-note{margin-top:6px;line-height:1.35}.tiny{font-size:11px}
@media(max-width:760px){.foliar-compact-main{grid-template-columns:auto 1fr;grid-template-areas:'a b' 'c c';}.foliar-answer{grid-area:a}.foliar-gauge{grid-area:b}.foliar-reason{grid-area:c}}
.hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:640px){.hero-actions{width:100%}.hero-actions .secondary{flex:1}}
.sun-duo{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sunrise-chip,.sunset-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f6f8f6;border:1px solid var(--border);font-size:12px;color:var(--muted);font-weight:700}.dryness-line strong{color:var(--text)}@media(max-width:760px){.period-line{flex-direction:column;align-items:flex-start}.sun-duo{width:100%}}