.loader-overlay{position:fixed;inset:0;background:#0b0f1a;display:flex;align-items:center;justify-content:center;z-index:9999}.loader-card{display:flex;flex-direction:column;align-items:center;gap:12px}.loader-gif{width:80px;height:80px}.loader-progress{font-size:1.4rem;font-weight:600;color:#4fe1c1}.loader-text{font-size:.9rem;opacity:.8;color:#41b99f}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#fafafa;color:#111}*{font-family:Google Sans,sans-serif;font-optical-sizing:auto}:root{--green: #2f4f44;--green-soft: #e6efeb;--bg: #f5f7f6;--text: #1f2a26;--muted: #6b7f77;--amber: #b08a3c;--red: #9b3a3a}*{box-sizing:border-box}body{margin:0}.page{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text)}main{max-width:1100px;margin:0 auto}section{padding:3rem 1.5rem}h1{font-size:2.4rem;font-weight:600;margin-bottom:.5rem}h2{font-size:1.4rem;margin-bottom:1rem}h3{margin:0;font-size:1.25rem}p{color:var(--muted);line-height:1.6}.hero{padding-top:4rem;max-width:720px}.tagline{font-size:1.2rem;color:var(--text)}.subtitle{margin-top:.75rem;max-width:520px}.primary{margin-top:2rem;padding:.75rem 1.5rem;border-radius:12px;border:none;background:var(--green);color:#fff;font-size:.95rem;cursor:pointer;box-shadow:0 8px 20px #00000014}.primary.full{width:100%}.section.card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;max-width:720px}ul{padding-left:1.2rem;color:var(--muted)}li{margin-bottom:.5rem}.nav{position:sticky;top:0;background:#f5f7f6;border-bottom:1px solid #e1e6e3;z-index:50}.nav-inner{max-width:1100px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:600;letter-spacing:.2px}.menu-btn{display:none;background:none;border:none;font-size:1.4rem}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{text-decoration:none;color:#4b5f57;font-size:.9rem}.nav-links a:hover{color:#1f2a26}.cta{background:var(--green);color:#fff;border:none;padding:.45rem .9rem;border-radius:10px;font-size:.85rem}@media(max-width:640px){.menu-btn{display:block}.nav-links{position:absolute;top:56px;left:0;right:0;background:#f5f7f6;flex-direction:column;padding:1rem;display:none}.nav-links.open{display:flex}}.mobile-menu-btn,.mobile-menu-close-btn{-webkit-tap-highlight-color:transparent;outline:none}.mobile-menu-btn:focus,.mobile-menu-close-btn:focus{outline:none}.smoke-risk{position:relative}.modal-backdrop{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999}.modal{background:#fff;border-radius:20px;padding:1.5rem;width:100%;max-width:420px;box-shadow:0 20px 50px #00000026;animation:fadeUp .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-sub{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem}.input-group{margin-bottom:1.25rem}label{display:block;font-size:.85rem;margin-bottom:.4rem}.time-row{display:flex;align-items:center;gap:.5rem}input,select{padding:.25rem!important;border-radius:8px;border:1px solid #d9e1dd;font-size:.85rem!important}textarea{width:100%;height:80px;padding:.5rem;border-radius:8px;border:2px solid #d9e1dd;font-size:.85rem;resize:vertical;background:#fafafa}.info{background:var(--green-soft);padding:.75rem;border-radius:12px;font-size:.8rem;margin-bottom:1.25rem;display:flex;justify-content:space-between}.result{margin-top:1.25rem;text-align:center}.risk-bar{height:8px;background:#e0e6e3;border-radius:999px;overflow:hidden;margin-bottom:.75rem}.risk-fill{height:100%;width:60%}.risk-fill.moderate{background:var(--amber)}.risk-fill.high{background:var(--red)}.risk-fill.low{background:var(--green)}.risk-label{font-weight:600}.risk-text{font-size:.85rem;color:var(--muted)}.try-again{color:var(--green);cursor:pointer;margin-left:.5rem;text-decoration:underline}.activeLocation{color:var(--green);text-decoration:none;font-weight:700;width:100%}.activeLocation:hover{text-decoration:underline}.modal-close-btn{position:absolute;right:0;top:0;color:#6b7f77;font-size:1.2rem;background-color:#d9e1dd;background-color:transparent;font-weight:700;border:none}.modal-close-btn:hover{cursor:pointer;color:#3a5a4f}.smoke-risk{padding:1rem}.footer{background:#eef2f0;padding:3rem 1.5rem;margin-top:4rem}.footer-inner{max-width:1100px;margin:0 auto;display:grid;gap:2.5rem}.footer-brand p{max-width:320px;font-size:.85rem;color:#5c6f67;margin-top:.4rem}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem}h4{font-size:.85rem;margin-bottom:.75rem}.footer a{display:block;font-size:.82rem;color:#4b5f57;text-decoration:none;margin-bottom:.45rem}.footer a:hover{color:#1f2a26}.disabled{display:block;font-size:.82rem;color:#9aa9a2;margin-bottom:.45rem;cursor:not-allowed}.logo{font-weight:700;color:#b3b3b3}.time-fields{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.time-field label{font-weight:700;color:#555}input,select{font-size:16px;color:#474747;border:2px solid #c2c2c2;border-radius:10px;padding:10px;background-color:#fafafa}.day-weather-display{display:flex;justify-content:space-between;font-size:14px;color:#444}.predict-btn{padding:10px 20px;border:2px solid #000;border-radius:10px;background-color:#000;color:#fff;font-weight:700;font-size:16px;margin-top:10px}.predict-btn:hover{background-color:#181818;color:#fff;cursor:pointer}.predict-btn:active{border-color:#202020;background-color:#202020;color:#f0f0f0;cursor:pointer}.prediction-card{margin-top:1.5rem;padding:1.2rem;border-top:4px solid #c2c2c2;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:#f9fafb}.risk-text{font-weight:600;margin-bottom:.5rem}.risk-text.green{color:#2e7d32}.risk-text.orange{color:#ed6c02}.risk-text.red{color:#d32f2f}.probability-bar{width:100%;height:12px;background:#e0e0e0;border-radius:999px;overflow:hidden;margin:.5rem 0}.probability-fill{height:100%;transition:width .4s ease}.probability-fill.green{background:#4caf50}.probability-fill.orange{background:#ff9800}.probability-fill.red{background:#f44336}.probability-label{font-size:.9rem;color:#555}.risk-message{margin-top:.5rem;font-size:.95rem}
