:root{color-scheme:dark;--bg:#101714;--text:#eef0e8;--muted:#a1ada5;--accent:#c6df9c;--line:#344139}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1120px;min-height:100svh;margin:auto;padding:34px 48px;display:flex;flex-direction:column}.topbar,.weather-top,.weather-bottom,footer{display:flex;justify-content:space-between;align-items:center}.brand{font-size:23px;font-weight:750;letter-spacing:-1.3px;text-decoration:none;color:var(--text)}.brand-light{font-weight:350}.brand-dot,.mark{color:var(--accent)}.mark{font-size:26px;margin-right:8px}.top-note,.section-label,footer,.small-note{font-size:12px;color:var(--muted)}.top-note{letter-spacing:.04em}main{width:100%;max-width:760px;margin:clamp(88px,14vh,165px) auto 90px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.13em;text-transform:uppercase;display:flex;gap:12px;align-items:center}.pulse{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #c6df9c55}h1{font-size:clamp(56px,8vw,105px);line-height:1.02;letter-spacing:-.07em;font-weight:520;margin:26px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.065em}.intro{max-width:500px;color:var(--muted);font-size:17px;line-height:1.75;margin:0 0 62px}.weather{border:1px solid var(--line);border-radius:20px;padding:28px 32px;background:linear-gradient(135deg,#1b2921,#16211b);box-shadow:0 20px 70px #0002}.section-label{letter-spacing:.16em;font-weight:650}.live{color:var(--accent);font-size:10px;letter-spacing:.12em}.weather-body{display:flex;align-items:center;justify-content:space-between;padding:30px 0 27px}.temperature{font-size:clamp(72px,12vw,112px);letter-spacing:-.09em;font-weight:350;line-height:1}.condition{font-size:15px;color:#c4cec4;margin-top:13px}.weather-icon{font-size:82px;color:var(--accent);line-height:1}.weather-bottom{border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px;gap:12px}.weather-bottom button{background:transparent;border:0;color:var(--accent);font:inherit;cursor:pointer;padding:8px 0}.weather-bottom button:hover{text-decoration:underline}.weather-bottom button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.weather-error{color:#e9b7a7;font-size:12px;margin:12px 0 0}.small-note{margin-top:34px;display:flex;justify-content:space-between}.small-note span{color:var(--accent)}footer{margin-top:auto;border-top:1px solid var(--line);padding-top:24px;gap:16px}@media(max-width:640px){.page{padding:24px}.top-note{display:none}main{margin:95px auto 65px}h1{font-size:clamp(50px,11vw,72px)}.intro{font-size:16px;margin-bottom:44px}.weather{padding:22px}.weather-icon{font-size:64px}.weather-body{padding:28px 0}.temperature{font-size:76px}footer{font-size:11px}}