:root{--slate-0: #ffffff;--slate-25: #f9fafc;--slate-50: #f2f5f8;--slate-100: #eaeef4;--slate-150: #dfe4ec;--slate-200: #ccd3dd;--slate-400: #a9b2be;--slate-500: #838d9a;--slate-600: #5f6a77;--slate-700: #424e5e;--navy-700: #234069;--navy-800: #183054;--navy-900: #0e213e;--navy-950: #061428;--navy-990: #030b1a;--sky-50: #e9f7fe;--sky-200: #b2dff4;--sky-300: #93d2ee;--blue-50: #e7f1ff;--blue-100: #d2e4ff;--blue-200: #b2d0fc;--blue-400: #6ea0e8;--blue-500: #3d7ede;--blue-700: #0f4ea3;--amber-50: #fff3e7;--amber-100: #ffe4c9;--amber-200: #ffc98e;--amber-400: #f2a548;--amber-700: #8b5500;--amber-800: #6d4204;--red-50: #fff4f2;--red-100: #ffddd8;--red-200: #f9c2b9;--red-500: #da4339;--red-600: #ef675a;--red-700: #af2b25;--red-800: #7f211b;--green-100: #dcf7e1;--green-500: #37bb62;--green-800: #195c2e;--sky-wash: linear-gradient(170deg, #ece4ff 0%, #e0e7ff 32%, #d3ebfc 68%, #c6e6fa 100%);--brand: #0874b8;--brand-bright: #0c86cf;--brand-soft: #e3f3fd;--brand-line: #b9e0f8;--sun: #ffc93c;--bg: #eef0fc;--card: var(--slate-0);--ink: var(--navy-900);--muted: #525e6d;--dim: var(--slate-400);--line: var(--slate-150);--soft: var(--slate-50);--field: var(--slate-25);--border: var(--slate-200);--border-strong: var(--slate-500);--chip-ink: var(--slate-700);--accent: var(--sky-300);--accent-soft: var(--sky-50);--accent-line: var(--sky-200);--dark: var(--navy-800);--dark2: var(--navy-700);--page: var(--navy-950);--page-glow: var(--navy-800);--bezel: var(--navy-990);--blue: var(--blue-500);--water: var(--blue-400);--info-bg: var(--blue-50);--info-ink: var(--blue-700);--bar: var(--blue-50);--bar-mid: var(--blue-100);--rain-text: var(--blue-200);--amber: var(--amber-400);--warning-soft: var(--amber-50);--warning-bg: var(--amber-100);--warning-line: var(--amber-200);--warning-ink: var(--amber-800);--warning-icon: var(--amber-700);--red: var(--red-500);--danger-soft: var(--red-50);--danger-bg: var(--red-100);--danger-line: var(--red-200);--danger-text: var(--red-700);--danger-ink: var(--red-800);--spill: var(--red-600);--green: var(--green-800);--green-bg: var(--green-100);--green-bright: var(--green-500);--map-bg: var(--blue-50);--map-ink: var(--blue-700);--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font: var(--font-system);--nav-h: calc(88px + max(16px, env(safe-area-inset-bottom))) }*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.lang-si{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Noto Sans Sinhala", system-ui, sans-serif}.lang-ta{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Noto Sans Tamil", system-ui, sans-serif}.lang-si,.lang-ta{font-family:var(--font)}.lang-si .h1,.lang-ta .h1{letter-spacing:0;line-height:1.25}.lang-si .h1.xl,.lang-ta .h1.xl{font-size:28px}.font-si{font-family:"Noto Sans Sinhala",var(--font)}.font-ta{font-family:"Noto Sans Tamil",var(--font)}.stage{min-height:100%;display:flex;align-items:center;justify-content:center}.device{position:relative;width:100%;height:100dvh;background:var(--bg);background-image:var(--sky-wash);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 520px){.stage{padding:24px;background:linear-gradient(135deg,#dccbff,#c4d6ff 45%,#a8dcfa)}.device{width:400px;height:min(860px,calc(100dvh - 48px));border-radius:48px;box-shadow:0 0 0 1.5px #ffffffd9,0 30px 80px #3c509640}}.viewport{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;animation:pageIn .28s ease both;scrollbar-width:none}.viewport::-webkit-scrollbar{display:none}.viewport.has-nav{padding-bottom:var(--nav-h)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen{min-height:100%;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.center-screen{justify-content:flex-start}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.gap16{gap:16px}.between{justify-content:space-between}.end{align-items:flex-end}.start{align-items:flex-start}.wrap{flex-wrap:wrap}.grow{flex:1}.min0{min-width:0}.w100{width:100%}.center{text-align:center;justify-content:center;align-items:center}.right{text-align:right}.block{display:block}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowrap{white-space:nowrap}.ink{color:var(--ink)}.muted{color:var(--muted)}.dim{color:var(--dim)}.amber{color:var(--amber)}.accent-text{color:var(--accent)}.fw500{font-weight:500}.fw600{font-weight:600}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f28{font-size:28px}.f32{font-size:32px}.f40{font-size:40px;letter-spacing:.02em;line-height:1.05}.lh{line-height:1.45}.lh-tight{line-height:1.15}.tight{letter-spacing:-.02em}.underline{text-decoration:underline}.caps{text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.hr{height:1px;background:var(--line)}.hr.dark{background:#ffffff1f}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.h1{margin:0;font-size:32px;font-weight:500;letter-spacing:-.02em;line-height:1.1}.h1.xl{font-size:34px;line-height:1.08}.h1.sm{font-size:28px}.h2{margin:0;font-size:22px;font-weight:500}.eyebrow{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:4px}.logo{border-radius:26%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#f7f8f1;overflow:hidden;box-shadow:0 0 0 1px #0e213e14}.logo img{display:block;width:100%;height:100%;padding:9%;object-fit:contain}.icon-btn{position:relative;flex:none;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .12s}.icon-btn:active{transform:scale(.94)}.icon-btn.light{background:var(--card);color:var(--ink)}.icon-btn.dark{background:var(--brand);color:#fff}.icon-btn.glass{background:#0e213eb8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:48px;height:48px}.icon-btn.accent{background:var(--accent);color:var(--ink);width:48px;height:48px}.icon-btn.soft{background:var(--soft);color:var(--ink)}.icon-btn.plain{background:transparent;color:var(--ink)}.icon-btn.plain .dot-badge{border-color:var(--bg)}.icon-btn.outline{background:#fff;border:1px solid var(--border);color:var(--ink)}.icon-btn.sm{width:32px!important;height:32px!important}.icon-btn.sm:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.dot-badge{position:absolute;top:10px;right:11px;width:10px;height:10px;border-radius:5px;background:var(--amber);border:2px solid var(--ink)}.primary-btn{min-height:60px;border-radius:30px;border:0;background:var(--brand);color:#fff;text-decoration:none;font-weight:600;font-size:17px;display:flex;align-items:center;justify-content:space-between;padding:7px 7px 7px 24px;gap:12px;transition:transform .12s,opacity .2s;flex:none;text-align:left;box-shadow:0 10px 24px #0874b847}.primary-btn:active{transform:scale(.98)}.primary-btn .pb-circle{width:46px;height:46px;border-radius:50%;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}.primary-btn.disabled,.primary-btn:disabled{opacity:.4;cursor:not-allowed}.pill-btn{border:0;text-decoration:none;height:44px;padding:0 16px;border-radius:22px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex:none}.pill-btn.dark{background:var(--brand);color:#fff}.pill-btn.white{background:#fff;color:var(--ink)}.pill-btn.accent{background:var(--accent);color:var(--ink)}.pill-btn.outline{background:#fff;border:1px solid var(--border);color:var(--ink)}.pill-btn.danger{color:var(--danger-text);border-color:var(--danger-line)}.pill-btn.big{height:56px;border-radius:28px;font-size:16px;justify-content:space-between;padding:0 8px 0 20px;width:100%}.pill-btn.big:not(:has(.round-arrow)){justify-content:center;padding:0 20px}.pill-btn.big-inline{height:56px;border-radius:28px;font-size:16px;padding:0 7px 0 20px;gap:10px}.pill-btn.sm{height:44px}.round-arrow{width:40px;height:40px;border-radius:50%;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;flex:none}.text-btn{border:0;background:none;font-weight:600;font-size:15px;padding:10px;text-decoration:none;color:var(--ink)}.link-btn{border:0;background:none;padding:0;font-weight:600;text-decoration:underline;color:var(--ink)}.chip-dark{height:36px;padding:0 14px;border-radius:18px;background:var(--brand);color:#fff;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:0;flex:none}.chip-white{height:36px;padding:0 14px;border-radius:18px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:0;text-decoration:none}.chip-soft{height:28px;padding:0 10px;border-radius:14px;background:var(--soft);font-size:12px;font-weight:600;color:var(--chip-ink);display:inline-flex;align-items:center}.spinning svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-pill{height:28px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none}.sp-dot{width:8px;height:8px;border-radius:4px;background:currentColor}.s-safe{background:var(--green-bg);color:var(--green)}.s-low{background:var(--warning-soft);color:var(--warning-ink)}.s-accent{background:var(--accent);color:var(--ink)}.status-label{display:inline-flex;align-items:center;gap:5px;min-height:28px;font-size:14px;font-weight:600;white-space:nowrap;flex:none}.status-label svg{flex:none}.sl-ok{color:var(--green)}.sl-warn{color:#b8460b}.sl-danger{color:var(--danger-text)}.sl-info{color:var(--brand)}.lang-chip{height:48px;padding:0 12px;border-radius:24px;border:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:14px}.lang-chip span{color:var(--muted);font-weight:500}.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:22px;padding:5px}.seg-white{background:#fff;border-radius:24px}.seg-soft{background:var(--soft);border-radius:18px}.seg>button,.seg>span{min-height:44px;border:0;border-radius:16px;background:transparent;font-weight:600;font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 4px}.seg-white>button{border-radius:20px;font-size:15px;color:var(--ink)}.seg>.on{background:var(--brand);color:#fff}.seg>.on-accent{background:var(--accent);color:var(--ink)}.seg-mini{display:inline-flex;background:var(--soft);border-radius:16px;padding:3px;gap:2px;min-width:0}.seg-mini button{border:0;background:transparent;height:30px;padding:0 10px;border-radius:13px;font-size:13px;font-weight:600;color:var(--muted)}.seg-mini button.on{background:var(--brand);color:#fff}.seg-mini.dark{background:var(--dark2)}.seg-mini.dark button{color:var(--dim)}.seg-mini.dark button.on{background:#fff;color:var(--ink)}.progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pg{height:6px;border-radius:3px;background:var(--border);transition:background .3s}.pg.done{background:var(--brand)}.pg.half{background:linear-gradient(90deg,var(--brand) 50%,var(--border) 50%)}.card{background:var(--card);border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;border:0;box-shadow:0 10px 30px #5468aa1a}.card.tight{padding:14px 16px;gap:10px;border-radius:22px}.card-dark{background:var(--dark);color:#fff}.card.editing{border:2px solid var(--ink);padding:18px}.link-card{transition:transform .12s}.link-card:active{transform:scale(.99)}.row-card{flex-direction:row;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;width:100%;text-align:left}.icon-tile{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--soft);color:var(--ink)}.icon-tile.accent{background:var(--accent)}.icon-tile.green{background:var(--green-bg);color:var(--green)}.icon-tile.blue{background:var(--info-bg);color:var(--info-ink)}.icon-tile.amber{background:var(--warning-bg);color:var(--warning-ink)}.icon-tile.mint{background:var(--map-bg)}.icon-tile.big{width:72px;height:72px;border-radius:24px}.soft-tile{background:var(--soft);border-radius:14px;padding:10px 12px}.kv-list{margin:0;border-top:1px solid var(--line)}.kv{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid var(--line);font-size:15px}.kv:last-child{border-bottom:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;text-align:right}.fc-foot .status-label{min-height:22px;margin-top:4px;font-size:13px}.dark-tile{background:var(--dark2);border-radius:16px;padding:12px}.note-box{display:flex;gap:10px;align-items:flex-start;border-radius:18px;padding:12px 14px;font-size:14px;line-height:1.4}.note-box.accent{background:var(--accent-soft);border:1px solid var(--accent-line)}.note-box.amber{background:var(--warning-soft);border:1px solid var(--warning-line);color:var(--warning-ink)}.aerial{position:relative;overflow:hidden;flex:none}.aer-a{background-color:#5c7a2f;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 2px,transparent 2px 10px),linear-gradient(140deg,#7a9a3c,#4a6624)}.aer-b{background-color:#6d8f3a;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 14px),linear-gradient(160deg,#8fb24a,#557a2a)}.aer-hero{background-color:#4f6c27;background-image:repeating-linear-gradient(72deg,rgba(0,0,0,.16) 0 2px,transparent 2px 12px),repeating-linear-gradient(-18deg,rgba(255,255,255,.07) 0 1px,transparent 1px 20px),linear-gradient(150deg,#86a843,#3e5a1f)}.aer-dark{background-color:#2c3f16;background-image:repeating-linear-gradient(64deg,rgba(0,0,0,.2) 0 2px,transparent 2px 11px),linear-gradient(170deg,#4d6a26,#22310f)}.aer-dry{background-color:#9c8a5a;background-image:repeating-linear-gradient(80deg,rgba(0,0,0,.1) 0 2px,transparent 2px 12px),linear-gradient(150deg,#b8a46b,#7d6c43)}.aer-photo{background-color:#3e5a1f;background-size:cover;background-position:center}.aer-plot{position:absolute;left:32%;top:22%;width:38%;height:52%;border-radius:6px}.plot-accent{border:2px solid var(--accent);background:repeating-linear-gradient(90deg,#93d2ee8c 0,#93d2ee8c 2px,#93d2ee2e 2px,#93d2ee2e 7px)}.plot-amber{border:2px solid #fff;background:#f2a54859}.plot-white{border:2px dashed rgba(255,255,255,.85);background:#ffffff14}.aer-tag{position:absolute;left:8px;top:8px;height:24px;padding:0 10px;border-radius:12px;background:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;color:var(--ink)}.aer-tag.amber{background:var(--amber)}.art-river{position:absolute;left:-40px;top:58%;width:140%;height:10px;background:var(--water);opacity:.8;transform:rotate(-18deg)}.art-tank{position:absolute;right:-40px;top:-30px;width:220px;height:170px;border-radius:50% 45% 55% 50%;background:var(--blue);opacity:.9}.art-float{position:absolute;background:#0e213ec7;border-radius:22px;padding:14px 16px;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.warn-badge{height:30px;padding:0 12px;border-radius:15px;background:var(--amber);color:var(--ink);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.date-tile{width:64px;height:64px;border-radius:20px;background:var(--accent);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;flex:none}.date-tile small{font-size:12px;font-weight:700}.date-tile b{font-size:26px;font-weight:600;margin-top:2px}.mini-bars{display:flex;align-items:flex-end;gap:5px;height:50px;margin-top:12px}.mini-bars span{flex:1;border-radius:5px 5px 2px 2px;background:#ffffff2e;border-top:3px solid var(--accent)}.mini-bars span:last-child{background:var(--blue)}.ok-circle{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex:none}.splash{height:100%;background:#f7f8f1;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;padding:24px;text-align:center}.splash-mark{position:relative;width:min(64%,260px);aspect-ratio:720 / 624;animation:pop .7s cubic-bezier(.2,1.3,.4,1) both}.splash-mark img{position:relative;display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;mix-blend-mode:multiply}.splash-rings{position:absolute;left:50%;top:36%;width:0;height:0}.splash-rings span{position:absolute;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:2px solid rgba(12,134,207,.28);animation:ring 2.4s ease-out infinite}.splash-rings span:nth-child(2){animation-delay:.8s}.splash-rings span:nth-child(3){animation-delay:1.6s}.splash-sub{color:var(--muted);font-size:14px;margin-top:6px;animation:rise .5s .45s both;font-family:"Noto Sans Sinhala","Noto Sans Tamil",var(--font)}.splash-loader{width:140px;height:4px;border-radius:2px;background:#0e213e1a;overflow:hidden;margin-top:18px;animation:rise .4s .6s both}.splash-loader i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#0c86cf,#3bb54a);animation:load var(--splash-ms, 2.2s) cubic-bezier(.3,.6,.4,1) both}.splash-foot{position:absolute;bottom:32px;left:24px;right:24px;font-size:12px;color:var(--muted)}@keyframes load{0%{width:6%}to{width:100%}}@keyframes ring{0%{transform:scale(.7);opacity:1}to{transform:scale(3);opacity:0}}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.onboard{gap:18px}.ob-art{flex:1;min-height:300px;max-height:440px;display:flex;animation:pageIn .35s both}.ob-art>.aerial{flex:1;height:auto!important}.ob-copy{display:flex;flex-direction:column;gap:8px;animation:rise .35s .05s both}.ob-copy p{margin:0}.dots{display:flex;gap:6px}.dot{position:relative;width:10px;height:10px;border-radius:5px;border:0;background:var(--border-strong);padding:0;transition:width .25s,background .25s}.dot:before{content:"";position:absolute;top:-17px;right:-3px;bottom:-17px;left:-3px}.dot.on{width:28px;background:var(--brand)}.lang-option{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid transparent;border-radius:24px;padding:14px 16px;text-align:left}.lang-option.on{border-color:var(--brand)}.lo-short{width:48px;height:48px;border-radius:16px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex:none;font-family:"Noto Sans Sinhala","Noto Sans Tamil",var(--font)}.lang-option.on .lo-short{background:var(--accent)}.radio-dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none}.lang-option.on .radio-dot{background:var(--brand);border-color:var(--brand);color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:13px;color:var(--muted);font-weight:600}.input{height:56px;border-radius:18px;border:1px solid var(--border-strong);background:var(--field);padding:0 16px;font-size:17px;font-weight:500;width:100%;outline:none;transition:border-color .15s,background .15s}.input:focus{border:2px solid var(--ink);background:#fff;padding:0 15px}.input.strong{font-weight:600;font-size:19px}.input.mono{letter-spacing:.06em}.input.big{font-size:20px;font-weight:600}.input.error{border:2px solid var(--red);background:var(--danger-soft)}.input.locked{display:flex;align-items:center;gap:10px;padding:0 8px 0 16px}.hint{font-size:12px;color:var(--muted)}.err-text{font-size:13px;color:var(--danger-text);font-weight:600}.phone-input{display:flex;align-items:center;height:64px;border-radius:20px;background:#fff;border:2px solid var(--ink);overflow:hidden}.phone-input.error{border-color:var(--red)}.phone-input .cc{height:100%;display:flex;align-items:center;padding:0 14px;background:var(--soft);font-weight:700;font-size:16px;white-space:nowrap}.phone-input input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;padding:0 14px;font-size:22px;font-weight:600;letter-spacing:.03em}.otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.otp-box{height:62px;border-radius:18px;border:1px solid var(--border-strong);background:#fff;text-align:center;font-size:26px;font-weight:600;width:100%;outline:none;padding:0}.otp-box:focus{border:2px solid var(--blue);background:var(--accent-soft)}.otp-box.filled{border:2px solid var(--ink)}.otp-box.error{border:2px solid var(--red)}.shake{animation:shake .35s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.hint-box{border:1px dashed var(--border);background:transparent;border-radius:16px;padding:12px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;justify-content:center}.textarea{border:0;outline:none;resize:none;font-size:16px;line-height:1.4;background:transparent;padding:0;width:100%}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:56px;border-radius:18px;border:1px solid var(--border-strong);background:var(--field);padding:0 36px 0 14px;font-size:15px;font-weight:600;outline:none}.select-wrap select:focus{border:2px solid var(--ink)}.select-wrap select.error{border:2px solid var(--red);background:var(--danger-soft)}.select-wrap svg{position:absolute;right:14px;top:20px;pointer-events:none}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--border);background:#fff;font-weight:600;font-size:14px}.pill.on{background:var(--accent);border-color:var(--accent)}.round-step{width:56px;height:56px;border-radius:50%;border:0;font-size:26px;font-weight:500;flex:none}.round-step.soft{background:var(--soft)}.round-step.dark{background:var(--brand);color:#fff}.acre-box{flex:1;height:56px;border-radius:18px;background:var(--field);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.acre-box input{width:70px;border:0;outline:none;background:transparent;text-align:right;font-size:24px;font-weight:600}.acre-box span{font-size:14px;color:var(--muted);font-weight:500}.dashed-btn{height:56px;border-radius:24px;border:2px dashed var(--border-strong);background:transparent;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;flex:none}.total-bar{background:var(--dark);color:#fff;border-radius:28px;padding:8px 8px 8px 22px;display:flex;align-items:center;gap:12px;position:sticky;bottom:12px;box-shadow:0 10px 30px #0003}.check-row{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:500}.check-row input,.consent input{width:24px;height:24px;accent-color:var(--ink);margin:0;flex:none}.consent{display:flex;gap:12px;align-items:flex-start;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:22px;padding:14px 16px;font-size:14px;line-height:1.45}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:32px;border-radius:16px;background:var(--border-strong);position:relative;transition:background .2s;flex:none;margin:0;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.switch:checked{background:var(--brand)}.switch:checked:after{transform:translate(20px);background:var(--accent)}.avatar{width:48px;height:48px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;text-decoration:none;color:var(--ink);flex:none}.avatar.lg{width:60px;height:60px;font-size:20px;background:var(--accent)}.flood-card{gap:12px;background:linear-gradient(160deg,#f1edff,#e2f1fd);box-shadow:inset 0 0 0 1px var(--brand-line),0 10px 30px #5468aa1f}.flood-card .num-badge{background:var(--brand);color:#fff}.flood-card .pill-btn.white{box-shadow:0 6px 16px #5468aa24}.warning-text{color:var(--danger-text)}.forecast-row{display:flex;align-items:center;gap:12px;min-height:60px;margin:0 -6px -6px;padding:8px 10px;border-radius:18px;background:var(--info-bg);text-decoration:none;color:var(--ink)}.forecast-row>svg{color:var(--info-ink);flex:none}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.35}.steps li{display:flex;gap:10px}.num-badge{flex:none;width:22px;height:22px;border-radius:11px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.steps.light .num-badge{background:var(--ink);color:var(--accent)}.big-num{font-size:64px;font-weight:500;line-height:.95;letter-spacing:-.04em}.big-num span{font-size:32px}.bars{flex:1;height:86px;display:flex;align-items:flex-end;gap:5px}.bars span{flex:1;border-radius:6px;background:var(--bar);transition:height .4s}.bars span.mid{background:var(--bar-mid)}.bars span.now{background:var(--blue);border-top:4px solid var(--accent)}.fc-tile{background:var(--soft);border-radius:20px;padding:14px 12px}.fc-tile .f13{color:var(--muted)}.fc-tile.heavy{background:var(--info-bg);color:var(--info-ink);box-shadow:inset 0 0 0 2px var(--blue-200)}.fc-tile.heavy .f13{color:var(--info-ink)}.weather-card{background:linear-gradient(180deg,#fff,#f1f8fe)}.weather-hero{padding:4px 0 2px}.wx{display:inline-flex;flex:none}.wx-sun{color:#e89a00}.wx-cloud{color:#6b8db3}.wx-rain{color:var(--brand)}.day-chip.on .wx{color:#fff}.weather-num{font-size:64px;font-weight:600;line-height:.95;letter-spacing:-.03em;color:var(--brand-bright);font-variant-numeric:tabular-nums}.weather-num span{font-size:22px;font-weight:600;margin-left:4px;letter-spacing:0}.brand-text{color:var(--brand)}.day-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.day-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 12px;border-radius:22px;border:1px solid var(--brand-line);background:#fff;color:var(--ink);transition:background .2s,color .2s,transform .12s}.day-chip:active{transform:scale(.97)}.day-chip.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px #0874b84d}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-card{background:#fff;border-radius:24px;padding:8px;text-decoration:none;color:inherit}.fc-foot{padding:10px 6px 6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.field-card .round-arrow{width:32px;height:32px}.register-cta{gap:12px}.sms-card{flex-direction:row;align-items:center;gap:14px;padding:16px 16px 16px 18px}.level-meter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.level-meter span{height:10px;border-radius:5px;background:var(--soft)}.level-meter .l1{background:var(--warning-line)}.level-meter .l2{background:var(--amber)}.level-meter .l3{background:var(--spill)}.level-meter .l4{background:var(--red)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e213e73;z-index:40;display:flex;align-items:flex-end;animation:fade .2s both}.sheet{width:100%;max-height:85%;overflow-y:auto;background:var(--bg);border-radius:32px 32px 0 0;padding:10px 20px 28px;display:flex;flex-direction:column;gap:14px;animation:up .28s cubic-bezier(.2,.9,.3,1) both}.sheet-handle{width:44px;height:5px;border-radius:3px;background:var(--border);margin:0 auto 4px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(100%)}}.option-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border-radius:18px;background:#fff;border:2px solid transparent;font-size:15px;font-weight:500;text-align:left;width:100%}.option-row.on{border-color:var(--brand);font-weight:600}.option-row.static{cursor:default;padding:12px 16px}.option-row.tank-row{padding:10px 16px;font-weight:500}.toast{position:absolute;left:50%;bottom:calc(var(--nav-h) + 12px);transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;padding:12px 16px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 40px);box-shadow:0 10px 30px #00000040;animation:toastIn .3s both}.toast svg{color:var(--accent);flex:none}.toast.t-error svg{color:var(--amber)}.device:not(:has(.bottom-nav)) .toast{bottom:auto;top:16px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}.offline-banner{background:var(--amber);color:var(--ink);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;padding:10px 16px;justify-content:center;text-align:center}.bottom-nav{position:absolute;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));height:68px;border-radius:34px;background:#f9fafccc;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 8px 28px #0e213e2e,inset 0 0 0 1px #ffffffb3,0 0 0 1px #0e213e0f;display:flex;align-items:center;gap:2px;padding:0 6px;z-index:30}.bn-item{flex:1;min-width:0;height:56px;padding:0 4px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--chip-ink);text-decoration:none;transition:background .2s,color .2s}.bn-label{font-size:11px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-item.active{background:var(--accent-soft);color:var(--info-ink);box-shadow:inset 0 0 0 1px var(--accent-line)}@media (prefers-reduced-transparency: reduce){.bottom-nav{background:var(--slate-25);-webkit-backdrop-filter:none;backdrop-filter:none}}.water-screen{position:relative;min-height:100%;padding-top:400px;background:var(--dark);overflow:hidden}.water-map{position:absolute;left:0;right:0;top:0;height:440px;background:#2c3f16;isolation:isolate}.water-map .leaflet-control-attribution{margin-bottom:44px}.map-top{position:absolute;left:16px;right:16px;top:20px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;z-index:1001}.map-title{font-size:22px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}.map-tools{position:absolute;right:16px;top:150px;z-index:1001;display:flex;flex-direction:column;gap:8px}.water-sheet{position:relative;margin:0 10px;background:#183054f5;color:#fff;border-radius:30px;padding:18px;display:flex;flex-direction:column;gap:14px}.chart{height:120px;display:flex;align-items:flex-end;gap:6px;position:relative;margin-top:18px}.chart-line{position:absolute;left:0;right:0;border-top:1px dashed rgba(255,255,255,.3)}.chart-line span{position:absolute;right:0;top:-16px;font-size:11px;color:var(--dim)}.chart-bar{flex:1;border-radius:8px 8px 4px 4px;background:#ffffff24;border-top:3px solid var(--accent);position:relative;transition:height .4s}.chart-bar.now{background:var(--blue)}.chart-tip{position:absolute;top:-30px;left:50%;transform:translate(-50%);height:24px;padding:0 8px;border-radius:12px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;display:flex;align-items:center;white-space:nowrap}.chart-x{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));font-size:11px;color:var(--dim);text-align:center;margin-top:-6px}.chart-x .on{color:#fff;font-weight:600}.sched-row{display:flex;align-items:center;gap:10px;background:var(--dark2);border-radius:16px;padding:12px;font-size:14px}.sd{width:8px;height:8px;border-radius:4px;flex:none}.issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.issue-tile{height:120px;border-radius:24px;border:2px solid transparent;background:#fff;padding:16px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;font-weight:600;font-size:16px;transition:transform .12s,background .15s}.issue-tile:active{transform:scale(.97)}.issue-tile.on{background:var(--accent);border-color:var(--brand)}.tick{width:24px;height:24px;border-radius:12px;background:var(--brand);display:flex;align-items:center;justify-content:center}.photo-prev{position:relative;width:120px;height:90px;border-radius:14px;overflow:hidden}.photo-prev img{width:100%;height:100%;object-fit:cover}.photo-prev button{position:absolute;top:6px;right:6px}.confirm-card{flex-direction:row;align-items:flex-start;gap:12px;padding:16px;animation:pageIn .3s both}.report-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:12px}.alert-row{display:flex;align-items:flex-start;gap:12px;background:#fff;border:0;border-radius:22px;padding:14px;position:relative;width:100%}.alert-row.unread{box-shadow:inset 0 0 0 2px var(--ink)}.unread-dot{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:5px;background:var(--amber)}.alert-row.unread .row.between{padding-right:16px}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0}.list-card{padding:6px;gap:0}.list-row{display:flex;align-items:center;gap:14px;min-height:60px;padding:0 14px;border-radius:20px;text-decoration:none;color:inherit;background:transparent;border:0;width:100%}.list-row+.list-row{border-top:1px solid var(--line);border-radius:0}.farm-hero,.farm-id-card{padding:8px;gap:6px}.cdot{width:10px;height:10px;border-radius:5px;flex:none}.search-wrap{position:relative;z-index:5}.search{height:52px;border-radius:26px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 10px 0 16px}.search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:16px;font-weight:500}.search-menu{position:absolute;left:0;right:0;top:58px;background:var(--bg);border-radius:20px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 14px 34px #0000002e}.gmap-wrap{position:relative;border-radius:28px;overflow:hidden;flex:none;background:var(--map-bg);height:380px;isolation:isolate}.gmap{position:absolute;top:0;right:0;bottom:0;left:0}.gmap-wrap>.tap-hint,.gmap-wrap>.gps-btn,.gmap-wrap>.map-base{z-index:1001}.gmap .leaflet-container,.gmap.leaflet-container{font-family:var(--font);background:var(--map-bg)}.map-base{position:absolute;left:12px;top:12px;box-shadow:0 4px 14px #0003;background:#f9fafceb}.map-base button{height:36px}.lf-pin{cursor:grab}.lf-tank .gm-tank-label{position:absolute;transform:translate(-50%,-50%)}.lf-tank .gm-tank-label.mine{background:var(--accent);color:var(--ink);font-size:13px;padding:7px 12px}.gmap-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:var(--map-ink)}.gmap-wrap .tap-hint{top:40%}.gps-btn{position:absolute;left:12px;bottom:12px;height:44px;padding:0 16px;border-radius:22px;border:0;background:var(--accent);color:var(--ink);font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #00000040}.gps-btn:disabled{opacity:.7}.gm-farm-pin{transform:translateY(4px);cursor:grab}.gm-tank-label{background:var(--info-ink);color:#fff;font:700 12px/1 var(--font-system);padding:6px 10px;border-radius:12px;border:2px solid #fff;white-space:nowrap}.dist-chip.static{position:static;height:auto;min-height:36px;padding:8px 14px;max-width:none;align-self:flex-start}.dist-chip{position:absolute;left:12px;bottom:12px;height:36px;padding:0 14px;border-radius:18px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;max-width:calc(100% - 24px)}.tap-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0e213ecc;color:#fff;padding:10px 14px;border-radius:18px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;pointer-events:none;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.05)}}.offline-map{gap:14px;padding:32px 20px}.success-hero{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:28px}.success-check{width:112px;height:112px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 14px #93d2ee4d;animation:pop .6s cubic-bezier(.2,1.4,.4,1) both;margin-bottom:12px}.big-404{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:700;color:#fff;letter-spacing:-.04em;text-shadow:0 4px 20px rgba(0,0,0,.25)}.err-art{display:flex;justify-content:center;padding:40px 0 10px}.err-ring{width:128px;height:128px;border-radius:50%;background:var(--warning-bg);color:var(--warning-icon);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 16px #f2a5482e}.err-code{display:block;background:#fff;border-radius:14px;padding:10px 12px;font-size:12px;color:var(--muted);word-break:break-word;margin-top:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tank-picker{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:2px}.tank-picker::-webkit-scrollbar{display:none}.tank-picker.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}.tank-picker.fade-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px);mask-image:linear-gradient(90deg,transparent,#000 40px)}.tank-picker.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.tank-picker button{flex:none;height:44px;padding:0 16px;border-radius:20px;border:1px solid var(--border);background:#fff;font-weight:600;font-size:14px;color:var(--ink)}.tank-picker button.on{background:var(--brand);border-color:var(--brand);color:#fff}.tank-picker.dark button{background:var(--dark2);border-color:transparent;color:var(--dim)}.tank-picker.dark button.on{background:#fff;color:var(--ink)}.card .tank-picker button{background:var(--soft);border-color:transparent}.card .tank-picker button.on{background:var(--brand);color:#fff}.source-chip{height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;background:var(--info-bg);color:var(--info-ink)}.source-chip.sample{background:var(--soft);color:var(--muted)}.trend{margin-left:auto;margin-bottom:8px;height:32px;padding:0 12px;border-radius:16px;font-weight:700;font-size:15px;display:inline-flex;align-items:center}.trend.up{background:var(--info-bg);color:var(--info-ink)}.trend.down{background:var(--warning-bg);color:var(--warning-ink)}.chart-card{padding:18px 14px;gap:10px}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--dim);padding:0 4px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{display:inline-block;width:18px;height:3px;border-radius:2px}.lg-obs{background:#fff}.lg-pred{background:repeating-linear-gradient(90deg,var(--accent) 0 6px,transparent 6px 9px)}.lg-band{height:10px!important;background:#93d2ee40}.fc-chart{display:block;width:100%;height:auto;touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none}.fc-chart.compact{cursor:inherit}.rain-strip{display:grid;grid-template-columns:repeat(21,minmax(0,1fr));gap:3px;height:40px;align-items:end;padding:0 2.86% 0 8.57%}.rs{height:100%;border:0;padding:0;background:transparent;display:flex;align-items:flex-end;border-radius:3px}.rs span{display:block;width:100%;min-height:2px;border-radius:3px 3px 1px 1px;background:var(--water);opacity:.75}.rs.on span{opacity:1;background:var(--rain-text);box-shadow:0 0 0 2px var(--accent)}.rs.empty{pointer-events:none}.day-detail{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;background:var(--dark2);border-radius:18px;padding:14px 16px}.day-list{display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:6px}.day-row{display:grid;grid-template-columns:64px minmax(0,1fr) 44px 44px 46px;align-items:center;gap:8px;min-height:48px;padding:0 10px;border:0;background:transparent;border-radius:16px;text-align:left;font-variant-numeric:tabular-nums}.day-row+.day-row{box-shadow:inset 0 1px 0 var(--line)}.day-row.on{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--ink)}.day-row.on+.day-row{box-shadow:none}.dr-date{font-size:12px;color:var(--muted);display:flex;flex-direction:column;line-height:1.2}.dr-date b{font-size:14px;color:var(--ink)}.dr-bar{height:8px;border-radius:4px;background:var(--soft);overflow:hidden}.dr-bar span{display:block;height:100%;background:var(--blue);border-radius:4px}.dr-lvl{font-weight:700;font-size:15px;text-align:right}.dr-diff{font-size:12px;font-weight:600;text-align:right}.dr-diff.up{color:var(--info-ink)}.dr-diff.down{color:var(--warning-icon)}.dr-rain{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:3px;justify-content:flex-end}.forecast-mini{gap:10px}.spin{animation:spin .9s linear infinite}.icon-tile.sm-tile{width:36px;height:36px;border-radius:12px}