:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#102018;--panel:#17291f;--panel-strong:#20382a;--text:#f6f1e8;--muted:#b9c2b8;--accent:#d8a24a;--accent-2:#7fa36b;--warn:#ffd166;--danger:#ff6b6b;--line:#f6f1e829}*{box-sizing:border-box}html{background:linear-gradient(180deg, #d8a24a14, transparent 18rem), var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 56px}.hero{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.card{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:24px;box-shadow:0 18px 45px #0003}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 18px;font-size:.78rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:780px;margin-bottom:18px;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1}h2{margin-bottom:14px;font-size:1.35rem}h3{margin-bottom:8px;font-size:1rem}.lead{max-width:690px;color:var(--muted);font-size:1.08rem;line-height:1.65}.hero-points{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.pill{border:1px solid var(--line);color:#efe6d3;background:#ffffff09;border-radius:999px;padding:10px 14px;font-size:.9rem}.status-card{flex-direction:column;justify-content:space-between;min-height:320px;display:flex}.score{background:conic-gradient(var(--accent-2) var(--score,0%), #ffffff1a 0), radial-gradient(circle, #17291f 57%, transparent 58%);width:188px;height:188px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;margin:18px auto;display:grid}.score span{letter-spacing:-.08em;font-size:3.2rem;font-weight:900}.muted{color:var(--muted)}.workspace{grid-template-columns:410px 1fr;gap:24px;display:grid}.form{gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.helper{color:var(--muted);margin:-8px 0 0;font-size:.88rem;line-height:1.5}.advanced{border:1px solid var(--line);background:#ffffff09;border-radius:18px;padding:13px 14px}.advanced summary{cursor:pointer;color:#efe6d3;font-weight:800}.advanced-grid{margin-top:14px}label{color:#efe6d3;gap:8px;font-weight:700;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0000002e;border-radius:12px;outline:none;padding:13px 14px}input:focus,textarea:focus{border-color:#d8a24ab8;box-shadow:0 0 0 4px #d8a24a1f}input[type=file]{padding:12px}.button{color:#182115;background:var(--accent);cursor:pointer;border:0;border-radius:12px;padding:15px 18px;font-weight:900;transition:transform .16s,opacity .16s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0b;border-radius:12px;padding:13px 16px}.results{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric{border:1px solid var(--line);background:#0000001f;border-radius:16px;padding:16px}.metric strong{margin-bottom:6px;font-size:1.45rem;display:block}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.location-chip{border:1px solid var(--line);color:#efe6d3;white-space:nowrap;background:#ffffff0a;border-radius:999px;padding:8px 12px;font-size:.86rem}.weather-card{gap:18px;display:grid}.weather-layout{grid-template-columns:1fr 1fr;gap:14px;display:grid}.now-panel,.advice-panel,.window-card{border:1px solid var(--line);background:#0000001f;border-radius:18px;padding:18px}.now-panel{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.weather-icon{background:#d8a24a24;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.9rem;display:grid}.now-temp{color:var(--text);letter-spacing:-.06em;font-size:2.4rem;font-weight:900;line-height:1;display:block}.weather-facts{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 0;display:grid}.weather-facts div{border-top:1px solid var(--line);padding-top:10px}.weather-facts dt,.weather-facts dd{margin:0}.weather-facts dt,.window-card span,.forecast-day span,.forecast-day small{color:var(--muted);font-size:.82rem}.weather-facts dd{color:var(--text);margin-top:4px;font-weight:800}.advice-panel h3{margin-bottom:10px}.advice-panel p,.window-card p{color:var(--muted);margin:0;line-height:1.55}.forecast-strip{grid-template-columns:repeat(7,minmax(104px,1fr));gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.forecast-day{border:1px solid var(--line);background:#ffffff09;border-radius:16px;gap:6px;min-width:104px;padding:13px;display:grid}.forecast-day strong{color:var(--text);font-size:1.5rem}.window-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.window-card strong{color:var(--text);margin:6px 0;font-size:1.35rem;display:block}.window-card.good{border-color:#7fa36b7a}.window-card.caution{border-color:#d8a24a7a}.recommendations{gap:10px;margin:0;padding:0;list-style:none;display:grid}.recommendations li{border:1px solid var(--line);background:#ffffff09;border-radius:14px;padding:14px}.api-badge{width:fit-content;color:var(--warn);background:#ffd16614;border:1px solid #ffd16657;border-radius:999px;align-items:center;padding:8px 12px;font-size:.84rem;font-weight:800;display:inline-flex}.error{color:#ffd9d9;background:#ff6b6b1a;border:1px solid #ff6b6b73;border-radius:16px;padding:14px}.empty{text-align:center;place-items:center;min-height:420px;display:grid}.empty-inner{max-width:420px}.footer{color:var(--muted);text-align:center;margin-top:28px;font-size:.92rem}@media (max-width:920px){.hero,.workspace{grid-template-columns:1fr}.hero-points,.metric-grid,.weather-layout,.window-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.page{width:min(100% - 22px,1180px);padding-top:18px}.card{border-radius:22px;padding:18px}.hero-points,.metric-grid,.grid-2,.weather-layout,.window-grid{grid-template-columns:1fr}.section-heading{display:grid}.location-chip{width:fit-content}}