@import "https://fonts.googleapis.com/css2?family=Archivo+Expanded:wght@600;700;800&family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root{--bg:#11131a;--bg-elevated:#181b24;--bg-elevated-2:#1f2330;--line:#2a2e3b;--line-soft:#20232e;--ink:#f4f5f7;--ink-dim:#9097a8;--ink-faint:#5c6273;--water:#3aa8c1;--water-bg:#16313a;--food:#d98e3f;--food-bg:#36281a;--health:#e2555a;--health-bg:#3a1e20;--shelter:#7baa5c;--shelter-bg:#232e1b;--ok:#5fbe7b;--ok-bg:#173023;--warn:#e0a93f;--warn-bg:#332710;--bad:#e25c5c;--bad-bg:#331818;--font-display:"Archivo Expanded", "Archivo", sans-serif;--font-body:"Archivo", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.screen{flex-direction:column;flex:1;width:100%;max-width:560px;min-height:100vh;margin:0 auto;display:flex;position:relative}.statusbar{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-dim);border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;font-size:11px;display:flex}.statusbar__pulse{align-items:center;gap:7px;display:inline-flex}.statusbar__dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 #5fbe7b99}.statusbar__dot--offline{background:var(--ink-faint);animation:none}.statusbar__dot--syncing{background:var(--warn);animation:1s ease-in-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #5fbe7b73}70%{box-shadow:0 0 0 6px #5fbe7b00}to{box-shadow:0 0 #5fbe7b00}}.statusbar__pending{color:var(--warn)}.lang-screen{flex-direction:column;flex:1;justify-content:center;gap:36px;padding:32px 28px 48px;display:flex}.lang-screen__brand{flex-direction:column;gap:6px;display:flex}.lang-screen__mark{background:linear-gradient(135deg, var(--water), var(--shelter));width:52px;height:52px;font-family:var(--font-display);color:#0a0c10;border-radius:14px;justify-content:center;align-items:center;margin-bottom:8px;font-size:22px;font-weight:800;display:flex}.lang-screen__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:38px;font-weight:800}.lang-screen__tagline{color:var(--ink-dim);margin:0;font-size:15px}.lang-list{flex-direction:column;gap:12px;display:flex}.lang-option{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);text-align:left;justify-content:space-between;align-items:center;padding:18px 20px;font-size:17px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.lang-option:active{background:var(--bg-elevated-2);border-color:var(--ink-faint)}.lang-option__arrow{color:var(--ink-faint);font-size:20px}.home{flex-direction:column;flex:1;gap:20px;padding:20px 20px 28px;display:flex}.home__header{justify-content:space-between;align-items:baseline;display:flex}.home__title{font-family:var(--font-display);margin:0;font-size:26px;font-weight:800}.home__lang-btn{color:var(--ink-faint);text-underline-offset:3px;background:0 0;border:none;padding:6px 0;font-size:13px;font-weight:600;text-decoration:underline}.search-field{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-field__icon{color:var(--ink-dim);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;font-size:16px;display:flex}.search-field input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px}.search-field input::placeholder{color:var(--ink-faint)}.search-field input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.category-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.category-btn{border-radius:var(--radius-lg);border:1px solid var(--line);height:128px;color:var(--ink);text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:18px;font-size:18px;font-weight:700;transition:transform .12s;display:flex;position:relative;overflow:hidden}.category-btn:active{transform:scale(.97)}.category-btn__icon{font-size:30px;line-height:1}.category-btn--water{background:var(--water-bg);border-color:color-mix(in srgb, var(--water) 35%, var(--line))}.category-btn--food{background:var(--food-bg);border-color:color-mix(in srgb, var(--food) 35%, var(--line))}.category-btn--health{background:var(--health-bg);border-color:color-mix(in srgb, var(--health) 35%, var(--line))}.category-btn--shelter{background:var(--shelter-bg);border-color:color-mix(in srgb, var(--shelter) 35%, var(--line))}.nearme-btn{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--bg-elevated);height:60px;color:var(--ink);justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.nearme-btn:active{background:var(--bg-elevated-2)}.report-fab-layer{pointer-events:none;z-index:20;justify-content:center;max-width:560px;margin:0 auto;display:flex;position:fixed;bottom:24px;left:0;right:0}.home__report-fab{pointer-events:auto;background:var(--ink);color:var(--bg);border:none;border-radius:999px;align-items:center;gap:10px;padding:16px 28px;font-size:16px;font-weight:800;display:flex;box-shadow:0 8px 24px #0006}.home__report-fab:active{transform:scale(.97)}.home__spacer{height:84px}.results{flex-direction:column;flex:1;display:flex}.results__header{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:16px 20px;display:flex}.icon-btn{background:var(--bg-elevated);border:1px solid var(--line);width:40px;height:40px;color:var(--ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.results__title-group{flex-direction:column;gap:2px;display:flex}.results__title{font-family:var(--font-display);margin:0;font-size:19px;font-weight:800}.results__subtitle{color:var(--ink-dim);font-size:12.5px}.results__list{flex-direction:column;flex:1;gap:10px;padding:16px 20px 100px;display:flex;overflow-y:auto}.result-card{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-elevated);flex-direction:column;gap:10px;padding:16px;display:flex}.result-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.result-card__type{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.result-card__type--water{color:var(--water);background:var(--water-bg)}.result-card__type--food{color:var(--food);background:var(--food-bg)}.result-card__type--health{color:var(--health);background:var(--health-bg)}.result-card__type--shelter{color:var(--shelter);background:var(--shelter-bg)}.result-card__distance{font-family:var(--font-mono);color:var(--ink-dim);white-space:nowrap;font-size:12.5px}.result-card__note{color:var(--ink);margin:0;font-size:15px;line-height:1.4}.result-card__bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.status-pill:before{content:"";border-radius:50%;width:7px;height:7px}.status-pill--available{color:var(--ok);background:var(--ok-bg)}.status-pill--available:before{background:var(--ok)}.status-pill--limited{color:var(--warn);background:var(--warn-bg)}.status-pill--limited:before{background:var(--warn)}.status-pill--closed{color:var(--bad);background:var(--bad-bg)}.status-pill--closed:before{background:var(--bad)}.result-card__meta{color:var(--ink-faint);font-size:12px;font-family:var(--font-mono)}.map-link{color:var(--ink-dim);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:60px 30px 120px;display:flex}.empty-state__icon{opacity:.7;margin-bottom:6px;font-size:38px}.empty-state__title{margin:0;font-size:16px;font-weight:700}.empty-state__subtitle{color:var(--ink-dim);margin:0;font-size:14px}.location-banner{border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn);justify-content:space-between;align-items:center;gap:10px;margin:14px 20px 0;padding:12px 14px;font-size:13px;display:flex}.location-banner button{background:var(--warn);color:#1a1304;white-space:nowrap;border:none;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700}.report-flow{flex-direction:column;flex:1;display:flex}.report-flow__header{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:16px 20px;display:flex}.report-flow__progress{flex:1;gap:6px;display:flex}.report-flow__progress-seg{background:var(--line);border-radius:999px;flex:1;height:4px}.report-flow__progress-seg--done{background:var(--ink)}.report-flow__body{flex-direction:column;flex:1;gap:24px;padding:28px 20px 40px;display:flex}.report-flow__step-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:12px}.report-flow__question{font-family:var(--font-display);margin:0;font-size:24px;font-weight:800}.choice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice-grid--status{grid-template-columns:1fr}.choice-card{border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--bg-elevated);color:var(--ink);text-align:left;align-items:center;gap:12px;padding:18px;font-size:16px;font-weight:700;display:flex}.choice-card__icon{font-size:24px}.choice-card--status-available{border-color:color-mix(in srgb, var(--ok) 40%, var(--line))}.choice-card--status-limited{border-color:color-mix(in srgb, var(--warn) 40%, var(--line))}.choice-card--status-closed{border-color:color-mix(in srgb, var(--bad) 40%, var(--line))}.choice-card__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.choice-card--status-available .choice-card__dot{background:var(--ok)}.choice-card--status-limited .choice-card__dot{background:var(--warn)}.choice-card--status-closed .choice-card__dot{background:var(--bad)}.note-field{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;min-height:90px;color:var(--ink);resize:none;outline:none;padding:14px;font-size:15px}.note-field::placeholder{color:var(--ink-faint)}.report-flow__location-row{color:var(--ink-dim);font-size:13px;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.report-flow__actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.btn-primary{background:var(--ink);color:var(--bg);border-radius:var(--radius-md);border:none;padding:17px;font-size:16px;font-weight:800}.btn-primary:active{transform:scale(.98)}.btn-ghost{color:var(--ink-dim);background:0 0;border:none;padding:10px;font-size:14px;font-weight:600}.confirm-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.confirm-screen__badge{background:var(--ok-bg);width:76px;height:76px;color:var(--ok);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:36px;display:flex}.confirm-screen__badge--queued{background:var(--warn-bg);color:var(--warn)}.confirm-screen__title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:800}.confirm-screen__subtitle{color:var(--ink-dim);max-width:280px;margin:0;font-size:14.5px}.map-modal-backdrop{z-index:50;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.map-modal{background:var(--bg-elevated);border-radius:20px 20px 0 0;flex-direction:column;gap:14px;width:100%;max-width:560px;max-height:80vh;margin:0 auto;padding:20px;display:flex}.map-modal__close{background:var(--bg-elevated-2);color:var(--ink);border:none;border-radius:50%;align-self:flex-end;width:32px;height:32px;font-size:16px}.map-modal__frame{border:1px solid var(--line);border-radius:14px;overflow:hidden}.map-modal__frame iframe{border:none;width:100%;height:280px;display:block}.map-modal__coords{font-family:var(--font-mono);color:var(--ink-dim);text-align:center;font-size:12.5px}.map-modal__open-link{text-align:center;border-radius:var(--radius-md);background:var(--ink);color:var(--bg);padding:14px;font-size:14.5px;font-weight:700;text-decoration:none;display:block}.emergency{flex-direction:column;height:100%;padding:0 16px 32px;display:flex;overflow-y:auto}.emergency__header{align-items:center;gap:12px;padding:12px 0 8px;display:flex}.emergency__title{font-family:var(--font-display);color:var(--bad);margin:0;font-size:18px}.emergency__subtitle{color:var(--ink-dim);margin:0 0 16px;font-size:14px}.emergency__list{flex-direction:column;gap:10px;display:flex}.emergency__card{background:var(--bg-elevated);border:1px solid var(--bad);border-radius:var(--radius-md);color:var(--ink);flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.emergency__card-label{color:var(--ink-dim);font-size:12px}.emergency__card-number{font-family:var(--font-mono);color:var(--ink);font-size:22px;font-weight:600}.emergency__card-call{color:var(--bad);font-size:13px;font-weight:600}.emergency__footer{background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--ink-dim);text-align:center;margin-top:24px;padding:16px;font-size:14px}.emergency__footer strong{color:var(--ink);margin-top:6px;font-size:15px;display:block}.home__emergency-btn{background:var(--bad-bg);border:1.5px solid var(--bad);border-radius:var(--radius-md);width:100%;color:var(--bad);font-family:var(--font-display);cursor:pointer;margin-top:12px;padding:14px;font-size:15px;font-weight:700}.home__whatsapp-btn{border-radius:var(--radius-md);color:#25d366;width:100%;font-family:var(--font-display);cursor:pointer;text-align:center;background:#1a2f1a;border:1.5px solid #25d366;margin-top:12px;padding:14px;font-size:15px;font-weight:700;text-decoration:none;display:block}.home__bottom-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.home__bottom-actions .home__emergency-btn,.home__bottom-actions .home__whatsapp-btn{margin-top:0;padding:12px 8px;font-size:13px}