.navbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:50;transition:box-shadow .2s ease}.navbar-scrolled{box-shadow:0 2px 12px #00000014}.navbar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.5rem;max-width:1600px;margin:0 auto}.navbar-brand{display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;font-weight:600}.navbar-brand:hover{color:var(--accent)}.navbar-icon{font-size:1.5rem}.navbar-title{font-size:1.2rem}.navbar-links{display:flex;align-items:center;gap:.5rem 1rem}.navbar-link{color:var(--textMuted);text-decoration:none;font-size:.95rem;padding:.4rem .6rem;border-radius:var(--radiusSm)}.navbar-link:hover{color:var(--accent)}.navbar-link-active{color:var(--accent);font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:.2rem}.navbar-link-cta{background:var(--accent);color:#fff!important;padding:.5rem 1rem}.navbar-link-cta:hover{background:var(--accentHover)}.navbar-actions{display:flex;align-items:center;gap:.5rem}.navbar-icon-btn{position:relative;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:var(--radiusSm);background:var(--surface2);font-size:1.2rem;cursor:pointer}.navbar-badge{position:absolute;top:-2px;right:-2px;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:#b91c1c;color:#fff;font-size:.7rem;font-weight:600;border-radius:999px;display:flex;align-items:center;justify-content:center}.navbar-profile-wrap{position:relative}.navbar-avatar-btn{width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--surface2)}.navbar-avatar-img{width:100%;height:100%;object-fit:cover}.navbar-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.navbar-menu{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:180px;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radiusSm);box-shadow:0 4px 12px #0000001a;z-index:100}.navbar-menu-header{padding:.5rem .75rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.navbar-menu-name{font-weight:600;color:var(--text)}.navbar-menu-item{display:block;width:100%;padding:.5rem .75rem;border:none;border-radius:4px;background:none;color:var(--text);font-size:.95rem;text-align:left;cursor:pointer;text-decoration:none}.navbar-menu-item:hover{background:var(--surface2)}.navbar-notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48}.navbar-notif-dropdown{position:absolute;top:100%;right:1rem;margin-top:.25rem;width:360px;max-height:400px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radiusSm);box-shadow:0 4px 12px #00000026;z-index:51}.navbar-notif-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600}.navbar-notif-loading,.navbar-notif-error,.navbar-notif-empty{padding:1rem;margin:0;font-size:.9rem;color:var(--textMuted)}.navbar-notif-error{color:#b91c1c}.navbar-notif-list{list-style:none;margin:0;padding:0}.navbar-notif-item{display:block;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--border);background:none;text-align:left;cursor:pointer;font-size:.9rem}.navbar-notif-item:last-child{border-bottom:none}.navbar-notif-item:hover{background:var(--surface2)}.navbar-notif-unread{background:#6b4e9e14}.navbar-notif-item strong{display:block;margin-bottom:.25rem}.ai-chatbot-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 16px #6b4e9e66;z-index:999;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.ai-chatbot-fab:hover{transform:scale(1.05);box-shadow:0 6px 20px #6b4e9e80}.ai-chatbot-panel{position:fixed;bottom:5rem;right:1.5rem;width:380px;max-width:calc(100vw - 2rem);max-height:520px;background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 32px #00000026;border:1px solid var(--border);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.ai-chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.ai-chatbot-header h2{margin:0;font-size:1.15rem;color:var(--text)}.ai-chatbot-close{background:none;border:none;font-size:1.35rem;cursor:pointer;color:var(--textMuted);padding:.25rem;line-height:1}.ai-chatbot-close:hover{color:var(--text)}.ai-chatbot-desc{margin:0;padding:.5rem 1rem;font-size:.85rem;color:var(--textMuted);border-bottom:1px solid var(--border)}.ai-chatbot-messages{flex:1;overflow-y:auto;padding:.75rem 1rem;min-height:140px;max-height:280px}.ai-chatbot-suggestions{margin-bottom:.5rem}.ai-chatbot-suggest-label{margin:0 0 .5rem;font-size:.85rem;color:var(--textMuted)}.ai-chatbot-chip{display:block;width:100%;margin-bottom:.4rem;padding:.5rem .75rem;text-align:left;font-size:.9rem;color:var(--accent);background:#6b4e9e14;border:1px solid var(--border);border-radius:var(--radiusSm);cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}.ai-chatbot-chip:hover{background:#6b4e9e1f;border-color:var(--accent)}.ai-chatbot-msg{margin-bottom:.75rem;padding:.6rem .85rem;border-radius:var(--radiusSm);font-size:.9rem;line-height:1.45}.ai-chatbot-msg-user{background:var(--accent);color:#fff;margin-left:2rem}.ai-chatbot-msg-assistant{background:var(--surface2);color:var(--text);margin-right:.5rem;white-space:pre-wrap}.ai-chatbot-typing{opacity:.9}.ai-chatbot-dots{display:inline-flex;gap:2px}.ai-chatbot-dots span{animation:ai-chatbot-blink 1.2s ease-in-out infinite}.ai-chatbot-dots span:nth-child(2){animation-delay:.2s}.ai-chatbot-dots span:nth-child(3){animation-delay:.4s}@keyframes ai-chatbot-blink{0%,80%,to{opacity:.3}40%{opacity:1}}.ai-chatbot-error{margin:0 1rem .5rem;font-size:.85rem;color:var(--error, #c00)}.ai-chatbot-form{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.ai-chatbot-form input{flex:1;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radiusSm);font-size:.9rem}.ai-chatbot-send{flex-shrink:0}@media (max-width: 400px){.ai-chatbot-panel{right:.5rem;left:.5rem;width:auto}}.route-fade{animation:routeFade .25s ease-out}@keyframes routeFade{0%{opacity:0}to{opacity:1}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:2}.header-brand{display:flex;align-items:center;gap:.5rem}.header-icon{font-size:1.5rem}.header-title{margin:0;font-size:1.35rem;color:var(--text)}.header-legend{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--textMuted)}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-open{background:var(--accent)}.legend-closed{background:var(--border)}.app-layout{display:flex;flex:1;min-height:0;position:relative}.left-panel{width:420px;min-width:320px;max-width:calc(100vw - 380px);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;z-index:1}.left-panel-inner{padding:1.25rem;max-width:400px;display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.panel-title{margin:0 0 .25em;font-size:1.5rem;color:var(--text);flex-shrink:0}.panel-subtitle{margin:0 0 1rem;font-size:.95rem;color:var(--textMuted);flex-shrink:0}.discover-weekly-scroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.week-section{margin-bottom:1rem;flex-shrink:0}.week-strip{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem;max-height:4rem}.week-strip-inner{display:flex;gap:.5rem;padding:.25rem 0;min-width:min-content}.week-day{flex-shrink:0;min-width:3.5rem;padding:.6rem .5rem;border:1px solid var(--border);border-radius:var(--radiusSm);background:var(--surface2);color:var(--text);font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s}.week-day:hover{background:var(--surface2);border-color:var(--accent)}.week-day.selected{background:var(--accent);border-color:var(--accent);color:#fff}.day-label{margin:.5rem 0 0;font-size:1rem;font-weight:600}.open-now-banner{padding:.6rem .75rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;margin-bottom:.75rem}.open-now-banner-green{background:#dcfce7;color:#166534;border:1px solid #22c55e}.open-now-banner-grey{background:var(--surface1);color:var(--text);border:1px solid var(--border)}.shelters-list-wrap{flex:1;min-height:0;overflow:visible}.shelters-list{display:flex;flex-direction:column;gap:1rem}.panel-footer{padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--textMuted);flex-shrink:0}.panel-footer p{margin:0}.panel-footer-app{margin-top:.5rem;font-size:.8rem}.panel-footer a{color:var(--accent);text-decoration:none}.panel-footer a:hover{text-decoration:underline}.right-panel{position:fixed;top:0;right:0;bottom:0;left:420px;width:auto;min-width:320px;z-index:0}.map-panel{position:absolute;top:0;right:0;bottom:0;left:0}.map-panel .leaflet-container{background:var(--surface2)}.map-container{width:100%;height:100%;min-height:400px}.map-locked .leaflet-control-container{display:none}.shelter-card{background:var(--surface2);border:1px solid var(--border);border-left-width:4px;border-left-color:var(--border);border-radius:var(--radius);padding:.75rem 1rem;position:relative}.shelter-card.open-today{border-color:var(--accent);border-left-color:#22c55e;box-shadow:0 0 0 1px var(--accent)}.shelter-card-save-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius);background:transparent;color:var(--textMuted);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.shelter-card-save-btn:hover{color:var(--accent)}.shelter-card-hours-inline{font-size:.85rem;color:var(--textMuted);margin:.2rem 0 0}.shelter-card-food-types{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.shelter-card-food-type{padding:.15rem .4rem;font-size:.7rem;border-radius:4px;background:var(--surface1);color:var(--textMuted);border:1px solid var(--border)}.shelter-card-summary{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem .5rem}.shelter-card-summary .shelter-card-header{flex:1;min-width:0;margin-bottom:0}.shelter-card-about{width:100%;margin:0;font-size:.85rem;color:var(--textMuted);line-height:1.3}.shelter-card-expand-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius);background:var(--surface1);color:var(--textMuted);cursor:pointer;font-size:.75rem;transition:background .15s,color .15s}.shelter-card-expand-btn:hover{background:var(--border);color:var(--text)}.shelter-card-expand-icon{line-height:1}.shelter-card-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.badge-open{display:inline-block;padding:.2rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--accent);color:#fff;border-radius:4px}.badge.staff{background:#22c55e;color:#fff}.badge.community{background:#8b5cf6;color:#fff}.shelter-card-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.35em}.shelter-name{margin:0;font-size:1.1rem;color:var(--text)}.shelter-distance{font-size:.8rem;color:var(--accent);font-weight:600}.shelter-address,.shelter-card-details .shelter-address{margin:0 0 .25em;font-size:.9rem;color:var(--textMuted)}.shelter-card-view-hint{margin:0 0 .5rem;font-size:.8rem;color:var(--accent);font-weight:500}.shelter-card-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.5rem}.shelter-website,.shelter-contact a{color:var(--accent);text-decoration:none;font-size:.9rem}.shelter-card[role=button]{cursor:pointer;text-align:left}.shelter-contact a:hover,.shelter-website:hover{text-decoration:underline}.shelter-section{margin-top:.75rem}.shelter-section h4{margin:0 0 .35em;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--textMuted)}.shelter-section p,.shelter-section ul{margin:0;font-size:.9rem;color:var(--text)}.hours-list{list-style:none;padding:0}.hours-list li{padding:.1em 0}.hours-note{font-size:.85rem;color:var(--textMuted);font-style:italic}.closed-today{color:var(--textMuted);font-style:italic}.shelter-notes{margin-top:.5rem;font-size:.85rem;color:var(--textMuted)}.shelter-contact{margin:0;font-size:.9rem}.shelter-photos{padding-top:.5rem}.photo-hint{font-size:.85rem;color:var(--textMuted);margin-bottom:.5rem!important}.file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.btn-upload{display:inline-block;padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radiusSm);font-size:.9rem;font-weight:600}.btn-upload:hover{background:var(--accentHover)}.photo-gallery{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.photo-thumb{position:relative;width:120px;height:120px;border-radius:var(--radiusSm);overflow:hidden;background:var(--border)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;font-size:.7rem;background:#0009;color:#fff}.photo-analyzing{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;font-size:.7rem;background:#000000bf;color:var(--accent)}.photo-food-list{position:absolute;bottom:0;left:0;right:0;padding:.35rem .5rem;font-size:.65rem;background:#000c;color:#fff;max-height:60%;overflow-y:auto}.photo-food-title{display:block;font-weight:600;margin-bottom:.2rem;color:#c4b5fd}.photo-food-list ul{margin:0;padding-left:1rem;list-style:none}.photo-food-list li{margin:.1rem 0}.btn-remove-photo{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:50%;background:#0009;color:#fff;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center}.btn-remove-photo:hover{background:#c00}.sms-signup{padding:1rem 0;border-top:1px solid var(--border);flex-shrink:0}.sms-signup h2{margin:0 0 .35em;font-size:1.1rem;color:var(--text)}.sms-signup-desc{margin:0 0 .75rem;font-size:.9rem;color:var(--textMuted)}.sms-toggles{margin-bottom:1rem;display:flex;flex-direction:column;gap:.6rem}.sms-toggle-row{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-size:.9rem;color:var(--text)}.sms-toggle-input{margin:.25rem 0 0;width:1.1rem;height:1.1rem;accent-color:var(--accent);flex-shrink:0}.sms-toggle-text{line-height:1.4}.sms-toggle-text strong{font-weight:600}.sms-signup-demo{margin:0 0 .75rem;font-size:.85rem;color:var(--accent);font-weight:500}.sms-signup-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sms-input{flex:1;min-width:140px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radiusSm);background:var(--surface);color:var(--text);font-size:1rem}.sms-input::placeholder{color:var(--textMuted)}.sms-input:focus{outline:none;border-color:var(--accent)}.btn-sms-submit{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radiusSm);font-size:.95rem;font-weight:600}.btn-sms-submit:hover:not(:disabled){background:var(--accentHover)}.btn-sms-submit:disabled{opacity:.7;cursor:not-allowed}.sms-status{margin:.5rem 0 0;font-size:.9rem}.sms-status-success{color:var(--accent)}.sms-status-error{color:#b91c1c}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:stretch;justify-content:center;padding:1rem}.detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.detail-panel{position:relative;width:100%;max-width:520px;max-height:90vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #6b4e9e26}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.detail-name{margin:0;font-size:1.2rem;color:var(--text)}.detail-close{flex-shrink:0;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radiusSm);background:var(--surface2);color:var(--text);font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.detail-close:hover{background:var(--border)}.detail-body{overflow-y:auto;padding:1rem 1.25rem 1.5rem}.detail-section{margin-top:1rem}.detail-section:first-child{margin-top:0}.detail-section h3{margin:0 0 .5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--textMuted)}.detail-bus-section{padding:.75rem;background:var(--surface2);border-radius:var(--radiusSm);border:1px solid var(--border)}.detail-bus-hint{margin:0 0 .5rem;font-size:.85rem;color:var(--textMuted)}.detail-bus-links{display:flex;flex-wrap:wrap;gap:.5rem}.btn{display:inline-block;padding:.5rem 1rem;border-radius:var(--radiusSm);font-size:.9rem;font-weight:600;text-decoration:none;border:none;cursor:pointer}.btn-bus{background:var(--accent);color:#fff}.btn-bus:hover{background:var(--accentHover)}.btn-bus-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-bus-secondary:hover{border-color:var(--accent);color:var(--accent)}.detail-meta{margin-top:.75rem}.detail-address{margin:0 0 .2em;font-size:.95rem;color:var(--text)}.detail-distance{margin:0;font-size:.9rem;color:var(--accent);font-weight:600}.detail-map-section{margin-top:1rem}.detail-map-link{display:inline-block;margin-bottom:.5rem;font-size:.9rem;color:var(--accent);text-decoration:none}.detail-map-link:hover{text-decoration:underline}.detail-map-embed{border-radius:var(--radiusSm);overflow:hidden;background:var(--surface2)}.detail-map-embed iframe{display:block}.detail-website{color:var(--accent);text-decoration:none;font-size:.9rem;word-break:break-all}.detail-website:hover{text-decoration:underline}.detail-contact{margin:.75rem 0 0;font-size:.9rem}.detail-contact a{color:var(--accent);text-decoration:none}.detail-contact a:hover{text-decoration:underline}.detail-notes{margin-top:.75rem;font-size:.85rem;color:var(--textMuted)}.detail-photos .photo-gallery{margin-top:.5rem}.detail-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.detail-photo-thumb{width:100%;height:140px}.detail-food-list{font-size:.75rem;max-height:70%}@media (max-width: 768px){.app-layout{flex-direction:column}.left-panel{width:100%;max-width:none}.right-panel{min-height:350px}}@media (max-width: 390px){.app-main,.left-panel-inner{overflow-x:hidden;min-width:0}.shelter-card-summary,.shelter-card-header{min-width:0}.open-now-banner{font-size:.85rem}}.app-main{flex:1;min-height:0;display:flex;flex-direction:column}.page-loading{padding:2rem;text-align:center;color:var(--textMuted)}.login-page{padding:2rem;text-align:center}.login-page-checking{color:var(--textMuted);margin:2rem 0}.login-page-hint{margin:1rem 0 0;color:var(--textMuted)}.login-page-reopen{margin-top:1rem}.home-page{padding-bottom:0}.home-hero,.home-stats,.home-how,.home-finder,.home-sms,.home-rescue-preview,.home-community-preview,.home-footer{padding-top:4rem;padding-bottom:4rem}@media (min-width: 768px){.home-hero,.home-stats,.home-how,.home-finder,.home-sms,.home-rescue-preview,.home-community-preview{padding-top:5rem;padding-bottom:5rem}}.home-hero{background:linear-gradient(180deg,#faf9fc,#f3f0f8)}.home-hero-inner{max-width:720px;margin:0 auto;padding:0 1.5rem;text-align:center}.home-hero-headline{font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 1rem;color:var(--text)}@media (min-width: 640px){.home-hero-headline{font-size:2.5rem}}@media (min-width: 768px){.home-hero-headline{font-size:2.75rem}}.home-hero-subheadline{font-size:1.1rem;color:var(--textMuted);margin:0 0 2rem;line-height:1.6}.home-hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.home-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer;border:2px solid transparent;font-family:inherit}.home-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.home-btn-primary:hover{background:var(--accentHover);border-color:var(--accentHover);box-shadow:0 4px 12px #6b4e9e59}.home-btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.home-btn-secondary:hover{background:#6b4e9e14}.home-btn-tertiary{background:transparent;color:var(--textMuted);border:none}.home-btn-tertiary:hover{color:var(--accent)}.home-stats{background:#e8e4ef}.home-stats-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.home-stats-inner{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.home-stats-inner{grid-template-columns:repeat(4,1fr);gap:2rem}}.home-stat{display:flex;align-items:center;gap:.75rem}.home-stat-icon{font-size:1.5rem}.home-stat-text{font-size:.95rem;font-weight:600;color:var(--text)}.home-how-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 640px){.home-how-inner.home-how-four{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.home-how-inner{grid-template-columns:repeat(3,1fr)}.home-how-inner.home-how-four{grid-template-columns:repeat(4,1fr)}}.home-how-col{text-align:center;padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.home-how-icon{font-size:2rem;display:block;margin-bottom:.75rem}.home-how-title{font-size:1.15rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.home-how-desc{font-size:.9rem;color:var(--textMuted);margin:0;line-height:1.5}.home-section-title{font-size:1.5rem;font-weight:600;margin:0 0 .35rem;color:var(--text)}.home-section-subtitle{font-size:.95rem;color:var(--textMuted);margin:0 0 1.5rem}.home-finder{background:var(--surface2)}.home-finder-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem}.home-finder-two-col{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 900px){.home-finder-two-col{grid-template-columns:40% 1fr;gap:2rem}}.home-finder-left{display:flex;flex-direction:column;min-height:0}.home-finder-week{margin-bottom:1rem}.home-finder-day-label{font-size:.9rem;color:var(--textMuted);margin:.5rem 0 0}.home-finder .week-strip{border-radius:.5rem;overflow:hidden;background:var(--surface);padding:.35rem;border:1px solid var(--border)}.home-finder .week-day{padding:.5rem .4rem;font-size:.8rem;border-radius:.35rem}.home-finder .week-day.selected{background:var(--accent);color:#fff}.home-open-now{padding:.6rem 1rem;border-radius:.5rem;font-size:.9rem;margin-bottom:1rem}.home-open-now-green{background:#dcfce7;color:#166534}.home-open-now-grey{background:#f3f4f6;color:var(--textMuted)}.home-shelter-list-scroll{flex:1;min-height:280px;max-height:420px;overflow-y:auto;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:.5rem}.home-shelter-list{display:flex;flex-direction:column;gap:.5rem}.home-shelter-list .shelter-card-compact{display:block;padding:.65rem .85rem;border-radius:.5rem;border:1px solid var(--border);border-left-width:4px;background:var(--surface);text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.home-shelter-list .shelter-card-compact:hover{box-shadow:0 2px 8px #00000014}.home-shelter-list .shelter-card-compact.open-today{border-left-color:#22c55e}.home-shelter-list .shelter-card-compact:not(.open-today){border-left-color:var(--border)}.shelter-card-compact .compact-row1{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.shelter-card-compact .compact-name{font-weight:600;font-size:.95rem;flex:1;min-width:0}.shelter-card-compact .compact-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:.25rem;background:#dcfce7;color:#166534}.shelter-card-compact .compact-distance{font-size:.8rem;color:var(--textMuted)}.shelter-card-compact .compact-address{font-size:.8rem;color:var(--textMuted);margin:0 0 .25rem}.shelter-card-compact .compact-meta{font-size:.75rem;color:var(--textMuted);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.shelter-card-compact .compact-food-tag{padding:.1rem .35rem;border-radius:.2rem;background:var(--surface2)}.home-finder-right{display:flex;flex-direction:column;gap:.75rem}.home-map-wrap{position:relative;height:320px;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px #00000014;border:1px solid var(--border)}@media (min-width: 900px){.home-map-wrap{height:400px}}.home-map-wrap .map-panel{position:relative;height:100%}.home-map-wrap .map-container{height:100%;min-height:320px}.home-map-legend{display:flex;gap:1rem;font-size:.85rem;color:var(--textMuted)}.home-legend-item{display:inline-flex;align-items:center;gap:.35rem}.home-legend-dot{width:8px;height:8px;border-radius:50%}.home-legend-open{background:#22c55e}.home-legend-closed{background:var(--border)}.home-sms{background:var(--surface)}.home-sms-inner{max-width:480px;margin:0 auto;padding:0 1.5rem}.home-sms .sms-signup{border-top:none;padding:0}.home-sms .sms-signup h2{font-size:1.35rem}.home-rescue-preview{background:var(--surface)}.home-rescue-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem}.home-rescue-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.home-rescue-card{flex:0 0 280px;background:var(--surface2);border-radius:.75rem;border:1px solid var(--border);overflow:hidden;box-shadow:0 1px 3px #0000000d}.home-rescue-card-img{height:140px;background:var(--border);overflow:hidden}.home-rescue-card-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(.98)}.home-rescue-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.home-rescue-card-body{padding:.85rem}.home-rescue-card-title{font-size:.95rem;font-weight:600;margin:0 0 .35rem;color:var(--text);line-height:1.3}.home-rescue-card-countdown{font-size:.8rem;color:var(--textMuted);margin:0 0 .5rem}.home-rescue-card-claim{display:inline-block;padding:.35rem .75rem;font-size:.85rem;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:.35rem;text-decoration:none;transition:background .2s,color .2s}.home-rescue-card-claim:hover{background:var(--accent);color:#fff}.home-see-all{font-weight:600;color:var(--accent);text-decoration:none}.home-see-all:hover{text-decoration:underline}.home-community-preview{background:var(--surface2)}.home-community-inner{max-width:900px;margin:0 auto;padding:0 1.5rem}.home-quotes{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 640px){.home-quotes{grid-template-columns:repeat(3,1fr)}}.home-quote-card{margin:0;padding:1.25rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);font-size:.9rem;color:var(--text);font-style:italic;line-height:1.5}.home-footer{background:var(--text);color:#e0dce8;padding-top:2.5rem;padding-bottom:2.5rem}.home-footer-inner{max-width:600px;margin:0 auto;padding:0 1.5rem;text-align:center}.home-footer-tagline{font-weight:600;margin:0 0 1rem;font-size:.95rem}.home-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem}.home-footer-links a{color:#c4bdd4;text-decoration:none}.home-footer-links a:hover{color:#fff}.home-footer-contact,.home-footer-built{font-size:.85rem;color:#9c94a8;margin:.5rem 0 0}.home-hero,.home-stats,.home-how,.home-finder,.home-sms,.home-rescue-preview,.home-community-preview{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out,transform .5s ease-out}.home-section-visible{opacity:1;transform:translateY(0)}.profile-page{max-width:800px;margin:0 auto;padding:1.5rem}.profile-retry-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin-bottom:1rem;background:#6b4e9e1f;border:1px solid var(--border);border-radius:var(--radiusSm);font-size:.9rem;color:var(--text)}.profile-retry-banner .btn{flex-shrink:0}.profile-header{display:flex;gap:1.5rem;margin-bottom:2rem}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;background:var(--surface2)}.profile-meta{flex:1}.profile-name{margin:0 0 .5rem;font-size:1.5rem;color:var(--text)}.profile-bio{margin:0 0 .5rem;color:var(--textMuted);font-size:.95rem}.profile-dietary{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.profile-tag{padding:.25rem .5rem;background:var(--surface2);border-radius:4px;font-size:.8rem;color:var(--text)}.profile-joined{margin:0 0 1rem;font-size:.85rem;color:var(--textMuted)}.profile-section{margin-top:1.5rem}.profile-section h2{margin:0 0 1rem;font-size:1.1rem;color:var(--text)}.saved-shelters-list{list-style:none;padding:0;margin:0}.saved-shelters-list li{margin-bottom:.5rem}.saved-shelters-list a{color:var(--accent);text-decoration:none}.saved-shelters-list a:hover{text-decoration:underline}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.profile-tab{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radiusSm);background:var(--surface2);color:var(--text);font-weight:600;cursor:pointer}.profile-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.profile-photo-card{position:relative;border-radius:var(--radiusSm);overflow:hidden;background:var(--surface2)}.profile-photo-card img{width:100%;aspect-ratio:1;object-fit:cover}.profile-photo-card a{display:block}.profile-list{list-style:none;padding:0;margin:0}.profile-list li{padding:.75rem 0;border-bottom:1px solid var(--border)}.profile-list a{color:var(--accent);text-decoration:none}.profile-list .profile-item-meta{display:block;margin-top:.25rem;font-size:.85rem;color:var(--textMuted)}.anon-badge{font-size:.75rem;color:var(--textMuted);margin-left:.5rem}.profile-empty{color:var(--textMuted);margin:1rem 0 0}.page-error{padding:2rem;text-align:center;color:#b91c1c}.anonymous-toggle{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;cursor:pointer}.anonymous-toggle-input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.anonymous-toggle-label{font-size:.9rem;font-weight:600;color:var(--text)}.anonymous-toggle-hint{width:100%;font-size:.8rem;color:var(--textMuted)}.shelter-page{max-width:900px;margin:0 auto;padding:1.5rem}.shelter-page-header{margin-bottom:1rem}.shelter-back{display:inline-block;margin-bottom:.5rem;color:var(--accent);text-decoration:none;font-size:.9rem}.shelter-page-title{margin:0;font-size:1.5rem;color:var(--text)}.shelter-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.shelter-tab{padding:.6rem 1rem;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--textMuted);font-weight:600;cursor:pointer}.shelter-tab:hover{color:var(--text)}.shelter-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.shelter-tab-content{min-height:200px}.shelter-featured-photo{margin-bottom:1.5rem}.shelter-featured-img{width:100%;max-height:360px;object-fit:cover;border-radius:8px;display:block}.shelter-featured-ai{margin:.5rem 0 0;font-size:.9rem;color:var(--textMuted);font-style:italic}.food-rescue-page{max-width:900px;margin:0 auto;padding:1.5rem}.food-rescue-hero{background:linear-gradient(135deg,var(--surface2) 0%,var(--surface1) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.food-rescue-hero-text{margin:0 0 1rem;font-size:1.1rem;color:var(--text)}.food-rescue-hero-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.food-rescue-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.food-rescue-filter-btn{padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface1);color:var(--text);font-size:.9rem;cursor:pointer}.food-rescue-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.food-rescue-title{margin:0 0 .5rem}.food-rescue-list{list-style:none;padding:0;margin:1rem 0 0}.food-rescue-card{padding:0;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;background:var(--surface2);overflow:hidden}.food-rescue-card-horizontal{display:flex;flex-direction:row;align-items:stretch}.food-rescue-card-photo{flex:0 0 160px;min-height:120px;background:var(--surface1)}.food-rescue-card-photo .rescue-thumb,.food-rescue-card-photo .rescue-thumb-placeholder{width:100%;height:100%;min-height:120px;object-fit:cover}.rescue-thumb-placeholder{display:flex;align-items:center;justify-content:center;font-size:2.5rem}.food-rescue-card-body{flex:1;padding:1rem;min-width:0}.food-rescue-card-body h3{margin:0 0 .35rem;font-size:1.1rem}.food-rescue-countdown{margin:0 0 .5rem;font-size:.9rem;color:#c2410c;font-weight:600}.food-rescue-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.food-rescue-tag{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;background:var(--surface1);color:var(--textMuted);border:1px solid var(--border)}.food-rescue-desc{margin:0 0 .5rem;font-size:.9rem;color:var(--text)}.food-rescue-card-body p{margin:.25rem 0;font-size:.9rem}.food-rescue-card-badges{margin:.5rem 0}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;margin-right:.5rem}.badge-status-available{background:#22c55e;color:#fff}.badge-status-claimed{background:var(--textMuted);color:#fff}.badge-foodbank{background:#3b82f6;color:#fff}.badge-community{background:#8b5cf6;color:#fff}.badge-both{background:var(--accent);color:#fff}.claimed-by{font-size:.9rem;color:var(--textMuted);font-style:italic;margin-top:.5rem}.loading,.error,.empty-state{margin:1rem 0;color:var(--textMuted)}.error{color:#b91c1c}.empty-state{text-align:center;padding:2rem}.empty-state-icon{font-size:3rem;display:block;margin-bottom:.5rem}@media (max-width: 390px){.food-rescue-card-horizontal{flex-direction:column}.food-rescue-card-photo{flex:0 0 auto;min-height:140px}.food-rescue-hero-buttons{flex-direction:column}}.food-rescue-new-page{max-width:560px;margin:0 auto;padding:1.5rem}.food-rescue-new-page h1{margin:0 0 .5rem}.food-rescue-new-hint{margin:0 0 1rem;font-size:.9rem;color:var(--textMuted, #666)}.rescue-form label{display:block;margin-bottom:1rem}.rescue-form input[type=text],.rescue-form input[type=datetime-local],.rescue-form textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radiusSm)}.rescue-form fieldset{margin:1rem 0;padding:.75rem 0}.rescue-form .btn{margin-top:1rem}.error{color:#b91c1c;margin-bottom:1rem}.community-page{max-width:900px;margin:0 auto;padding:1.5rem}.community-page h1{margin:0 0 1rem}.community-layout{display:flex;flex-wrap:wrap;gap:1.5rem}.community-main{flex:1;min-width:0}.feed-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.feed-filters button{padding:.4rem .8rem;border:1px solid var(--border);border-radius:var(--radiusSm);background:var(--surface2);cursor:pointer}.feed-filters button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.feed-list{list-style:none;padding:0;margin:0}.feed-item{padding:.75rem 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:.75rem}.feed-icon{font-size:1.2rem;flex-shrink:0}.feed-item-content{flex:1;min-width:0}.feed-item-author{font-weight:500}.feed-item-desc{color:var(--text)}.feed-item-meta{margin-top:.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.feed-shelter{color:var(--accent);text-decoration:none}.feed-time{font-size:.85rem;color:var(--textMuted)}.community-sidebar{flex:0 0 220px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;height:fit-content}.sidebar-title{margin:0 0 .75rem;font-size:1rem}.sidebar-stats{list-style:none;padding:0;margin:0;font-size:.9rem;color:var(--textMuted)}.sidebar-stats li{padding:.35rem 0}.sidebar-stats strong{color:var(--text)}.loading{color:var(--textMuted);margin:1rem 0}.empty-state{text-align:center;padding:2rem;color:var(--textMuted)}.empty-state-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}@media (max-width: 390px){.community-layout{flex-direction:column}.community-sidebar{flex:1 1 auto}}.community-chat-page{padding:1.5rem;max-width:1000px;margin:0 auto}.community-chat-page h1{margin:0 0 1rem}.chat-banner{padding:.75rem;background:var(--surface2);border-radius:var(--radiusSm);margin-bottom:1rem}.chat-layout{display:flex;gap:1rem;min-height:400px}.chat-rooms-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:.25rem}.chat-rooms-sidebar button{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radiusSm);background:var(--surface2);text-align:left;cursor:pointer;position:relative;display:block}.chat-rooms-sidebar button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chat-room-name{font-weight:600}.chat-room-meta{font-size:.85rem;color:var(--textMuted);font-weight:400}.chat-room-unread{position:absolute;top:.5rem;right:.5rem;background:#ef4444;color:#fff;font-size:.75rem;min-width:1.25rem;height:1.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 .25rem}.chat-room-preview{margin-top:.35rem;font-size:.8rem;color:var(--textMuted)}.chat-room-preview-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.chat-signin-bar{padding:.75rem;border-top:1px solid var(--border);background:var(--surface2)}.chat-main{flex:1;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:1rem}.chat-msg{margin-bottom:.75rem}.chat-msg-name{font-weight:600;margin-right:.5rem}.chat-msg-time{font-size:.8rem;color:var(--textMuted);margin-left:.5rem}.chat-send-error{margin:0 0 .5rem;width:100%;font-size:.9rem;color:var(--error, #c00)}.chat-input-form{padding:.75rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.chat-input-form input{flex:1;min-width:150px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radiusSm)}.about-page{padding-bottom:4rem}.about-hero{background:linear-gradient(135deg,var(--accent) 0%,var(--accentHover) 100%);color:#fff;padding:4rem 1.5rem;text-align:center}.about-hero-inner{max-width:720px;margin:0 auto}.about-hero-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em}@media (min-width: 640px){.about-hero-title{font-size:3rem}}.about-hero-tagline{margin:0;font-size:1.25rem;opacity:.95}.about-section{padding:4rem 1.5rem}.about-inner{max-width:720px;margin:0 auto}.about-section-title{font-size:1.75rem;font-weight:700;margin:0 0 2rem;color:var(--text);line-height:1.3}@media (min-width: 640px){.about-section-title{font-size:2rem}}.about-problem{background:var(--bg)}.about-stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 480px){.about-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.about-stats-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.about-big-stat{background:var(--surface);border-radius:var(--radius);padding:1.5rem;text-align:center;box-shadow:0 2px 12px #0000000f;border:1px solid var(--border)}.about-big-number{display:block;font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:.5rem;line-height:1.1}@media (min-width: 640px){.about-big-number{font-size:2.5rem}}.about-big-label{font-size:.9rem;color:var(--textMuted);line-height:1.4}.about-problem-para{margin:0;font-size:1.05rem;line-height:1.7;color:var(--text)}.about-solution{background:var(--surface2)}.about-features-list{display:flex;flex-direction:column;gap:2rem}.about-feature-block{background:var(--surface);border-radius:var(--radius);padding:1.5rem 1.75rem;box-shadow:0 2px 12px #0000000f;border-left:4px solid var(--accent)}.about-feature-icon{font-size:2rem;display:block;margin-bottom:.5rem}.about-feature-heading{margin:0 0 .5rem;font-size:1.2rem;color:var(--text)}.about-feature-desc{margin:0;font-size:.98rem;line-height:1.6;color:var(--textMuted)}.about-built{background:var(--bg)}.about-built-sub{margin:0 0 1rem;font-size:1rem;color:var(--textMuted)}.about-partners-list{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.about-partners-list li{font-weight:600;color:var(--accent);font-size:1.05rem}.about-built-para{margin:0;font-size:1rem;line-height:1.6;color:var(--textMuted)}.about-team{background:var(--surface2)}.about-team-placeholder{margin:0 0 1rem;font-size:.95rem;color:var(--textMuted)}.about-team-tagline{margin:0;font-size:1.1rem;color:var(--text);font-weight:600}:root{--bg: #faf9fc;--surface: #ffffff;--surface2: #f3f0f8;--text: #2d2640;--textMuted: #5c5468;--accent: #6b4e9e;--accentHover: #5a3d8a;--border: #e0dce8;--radius: 12px;--radiusSm: 8px}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}