*,*::before,*::after{box-sizing:border-box;}:root{--ink:#111111;--paper:#fffdf6;--surface:#ffffff;--background:#f4f6f8;--dots:#d0d0d0;--blue:#55d6ff;--yellow:#ffde00;--green:#33ff99;--purple:#7d5fff;--red:#ff496c;--muted:#625f59;--line:3px solid var(--ink);--shadow:7px 7px 0 var(--ink);--header:'Bangers',Impact,sans-serif;--body:'Comic Neue',Arial,sans-serif;}[hidden]{display:none !important;}html{scroll-behavior:smooth;}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--body);background-color:var(--background);background-image:radial-gradient(var(--dots) 1.5px,transparent 1.5px);background-size:19px 19px;}button,input{color:inherit;font:inherit;}button{cursor:pointer;}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--purple);outline-offset:3px;}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}.skip-link{position:fixed;z-index:100;top:-80px;left:14px;border:var(--line);background:var(--yellow);color:#111;padding:10px 14px;font-weight:900;}.skip-link:focus-visible{top:14px;}.shell{width:min(920px,calc(100% - 30px));margin:28px auto 50px;}.tool-header{text-align:center;border:var(--line);background:var(--paper);box-shadow:var(--shadow);padding:14px 20px;margin-bottom:28px;transform:rotate(-1deg);}.logo-link{color:inherit;text-decoration:none;}.tool-header h1{margin:0;color:var(--blue);font:400 clamp(2.8rem,7vw,4.2rem)/.9 var(--header);letter-spacing:.05em;text-shadow:2px 2px 0 #111,-2px -2px 0 #111,2px -2px 0 #111,-2px 2px 0 #111,5px 5px 0 #111;}.tool-header p{margin:7px 0 0;color:var(--muted);font-size:.86rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}.workspace-card{position:relative;border:var(--line);background:var(--paper);box-shadow:9px 9px 0 var(--ink);padding:clamp(22px,4vw,38px);}.home-link{position:absolute;z-index:10;top:-16px;left:20px;border:var(--line);background:var(--paper);color:var(--ink);padding:5px 15px;text-decoration:none;box-shadow:4px 4px 0 var(--ink);font:400 1.2rem/1 var(--header);letter-spacing:.04em;}.home-link:hover{background:var(--yellow);transform:translate(-2px,-2px);}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:14px 0 22px;}.eyebrow{color:var(--purple);font-size:.68rem;font-weight:900;letter-spacing:.14em;}.section-heading h2{margin:4px 0 0;font:400 clamp(2.2rem,6vw,3.4rem)/1 var(--header);letter-spacing:.04em;}.unit-toggle{display:flex;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);}.unit-toggle button{min-width:48px;min-height:40px;border:0;background:var(--surface);font-weight:900;}.unit-toggle button + button{border-left:2px solid var(--ink);}.unit-toggle button.active{background:var(--yellow);color:#111;}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;}.search-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;}.search-box input{width:100%;min-height:52px;border:var(--line);border-right:0;background:var(--surface);padding:11px 14px;font-weight:800;}.search-box > button,.location-button,.weather-actions button{min-height:44px;border:var(--line);background:var(--yellow);color:#111;box-shadow:4px 4px 0 var(--ink);padding:9px 16px;font:400 1.08rem/1 var(--header);letter-spacing:.04em;}.search-box > button{box-shadow:none;}.location-button{min-height:52px;background:var(--blue);white-space:nowrap;}.search-box > button:hover,.location-button:hover,.weather-actions button:hover{background:var(--green);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink);}.search-results{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;margin:0;padding:5px;list-style:none;border:var(--line);background:var(--surface);box-shadow:6px 6px 0 var(--ink);}.search-results li + li{border-top:2px solid var(--ink);}.search-results button{width:100%;border:0;background:transparent;padding:11px;text-align:left;font-weight:900;}.search-results button:hover,.search-results button.active{background:var(--yellow);color:#111;}.search-results small{display:block;margin-top:2px;font-weight:700;color:var(--muted);}.status{min-height:24px;margin-top:10px;font-size:.82rem;font-weight:900;}.status.error{border:2px solid var(--ink);background:var(--red);color:#111;padding:9px 11px;}.status.notice{border:2px solid var(--ink);background:var(--yellow);color:#111;padding:9px 11px;}.status.loading{color:var(--purple);}.empty-state{min-height:300px;display:grid;place-items:center;align-content:center;gap:7px;border:4px dashed var(--ink);background:var(--surface);padding:25px;text-align:center;}.empty-symbol{width:92px;height:92px;filter:drop-shadow(3px 3px 0 rgba(17,17,17,.85));}.empty-state strong{font:400 2rem/1 var(--header);letter-spacing:.04em;}.empty-state p{max-width:470px;margin:0;color:var(--muted);font-weight:700;}.current-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;border:var(--line);background:var(--blue);box-shadow:6px 6px 0 var(--ink);padding:clamp(18px,4vw,28px);}.current-main{min-width:0;display:flex;align-items:center;gap:17px;}.weather-symbol{flex:0 0 auto;width:86px;height:86px;filter:drop-shadow(3px 3px 0 rgba(17,17,17,.85));}.weather-icon-svg{display:block;width:100%;height:100%;overflow:visible;}.icon-sun-rays,.icon-fog,.icon-rain,.icon-drizzle,.icon-snow,.icon-unknown-mark{fill:none;stroke:#111;stroke-linecap:round;stroke-linejoin:round;}.icon-sun-rays{stroke-width:4;}.icon-sun-core{fill:var(--yellow);stroke:#111;stroke-width:4;}.icon-moon{fill:var(--purple);stroke:#111;stroke-width:4;stroke-linejoin:round;}.icon-cloud{fill:#fff;stroke:#111;stroke-width:4;stroke-linejoin:round;}.icon-cloud-rain{fill:var(--blue);}.icon-cloud-snow{fill:#eefcff;}.icon-cloud-storm{fill:var(--purple);}.icon-fog{stroke:var(--purple);stroke-width:4;}.icon-drizzle{stroke:#12648a;stroke-width:3;}.icon-rain{stroke:#12648a;stroke-width:4;}.icon-snow{stroke:var(--purple);stroke-width:2.5;}.icon-lightning{fill:var(--yellow);stroke:#111;stroke-width:3;stroke-linejoin:round;}.icon-unknown{fill:var(--surface);stroke:#111;stroke-width:4;}.icon-unknown-mark{stroke-width:4;}.current-label{margin:0 0 5px;font-size:.66rem;font-weight:900;letter-spacing:.12em;}.current-main h3{margin:0;overflow-wrap:anywhere;font:400 clamp(2rem,5vw,3.2rem)/1 var(--header);letter-spacing:.04em;}.current-main p:last-child{margin:7px 0 0;font-weight:900;}.temperature-block{text-align:right;}.temperature-block strong{display:block;font:400 clamp(3.6rem,10vw,6.3rem)/.85 var(--header);white-space:nowrap;}.temperature-block span{display:block;margin-top:8px;font-weight:900;}.weather-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;}.weather-actions > span{color:var(--muted);font-size:.75rem;font-weight:900;}.weather-actions > div{display:flex;gap:8px;}.weather-actions button{min-height:38px;padding:7px 12px;background:var(--surface);font-size:.9rem;box-shadow:3px 3px 0 var(--ink);}.advice-card{border:var(--line);background:var(--yellow);color:#111;box-shadow:5px 5px 0 var(--ink);padding:14px 16px;font-weight:900;}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;}.metrics div{min-width:0;border:2px solid var(--ink);background:var(--surface);padding:12px;}.metrics span{display:block;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.08em;}.metrics strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;}.map-section{margin-top:28px;}.map-toggle{width:100%;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:var(--line);background:var(--surface);color:var(--ink);box-shadow:5px 5px 0 var(--ink);padding:13px 16px;text-align:left;}.map-toggle:hover,.map-toggle[aria-expanded="true"]{background:var(--blue);}.map-toggle small{display:block;color:var(--purple);font-size:.62rem;font-weight:900;letter-spacing:.1em;}.map-toggle strong{display:block;margin-top:4px;font:400 1.6rem/1 var(--header);letter-spacing:.04em;}.map-toggle-mark{flex:0 0 auto;width:35px;height:35px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--yellow);color:#111;box-shadow:3px 3px 0 var(--ink);font-size:1.5rem;font-weight:900;}.map-toggle[aria-expanded="true"] .map-toggle-mark{background:var(--surface);}.map-panel{margin-top:14px;border:var(--line);background:var(--surface);box-shadow:5px 5px 0 var(--ink);padding:12px;}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}.map-toolbar strong,.radar-heading strong{display:block;font:400 1.3rem/1 var(--header);letter-spacing:.04em;}.map-toolbar span,.radar-heading span{display:block;margin-top:3px;color:var(--muted);font-size:.7rem;font-weight:800;}.map-toolbar button,.radar-toggle,.radar-controls button{min-height:38px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:3px 3px 0 var(--ink);padding:7px 11px;font:400 .88rem/1 var(--header);letter-spacing:.04em;}.map-toolbar button:hover,.radar-controls button:hover{background:var(--yellow);color:#111;}.map-status{min-height:0;color:var(--purple);font-size:.72rem;font-weight:900;}.map-status:not(:empty){min-height:32px;display:flex;align-items:center;border:2px solid var(--ink);background:var(--yellow);color:#111;padding:6px 9px;margin-bottom:9px;}.weather-map{position:relative;z-index:1;width:100%;height:clamp(300px,48vw,440px);border:2px solid var(--ink);background:#d9edf3;}.weather-map .leaflet-weather-base-pane{transition:filter .18s ease;}.weather-map.radar-active .leaflet-weather-base-pane{filter:grayscale(.25) brightness(.58) contrast(1.35);}.weather-map .leaflet-weather-radar-pane{filter:saturate(1.45) contrast(1.3);}.weather-map .leaflet-control-zoom a{color:#111;font-weight:900;}.weather-map .leaflet-control-attribution{max-width:calc(100% - 12px);overflow:hidden;white-space:nowrap;background:rgba(255,255,255,.88);color:#111;font-size:9px;}.weather-map .leaflet-control-attribution a{color:#111;}.weather-map .leaflet-popup-content-wrapper{border:2px solid #111;border-radius:0;box-shadow:4px 4px 0 #111;font-family:var(--body);}.weather-map .leaflet-popup-tip{box-shadow:2px 2px 0 #111;}.weather-map .leaflet-popup-content{margin:10px 12px;font-weight:900;}.map-weather-marker{width:32px !important;height:32px !important;display:grid !important;place-items:center;border:3px solid #111;border-radius:50%;background:var(--yellow);color:#111;box-shadow:3px 3px 0 #111;font-size:16px;}.map-weather-marker::after{content:'●';line-height:1;}.radar-map-badge{position:absolute;z-index:700;top:10px;right:10px;min-width:145px;border:2px solid #111;background:rgba(255,255,255,.94);color:#111;box-shadow:3px 3px 0 #111;padding:8px 10px;pointer-events:none;}.radar-map-badge span,.radar-map-badge small{display:block;font-size:.58rem;font-weight:900;letter-spacing:.07em;}.radar-map-badge strong{display:block;margin:2px 0 3px;font-size:1rem;}.radar-map-badge small{color:#12648a;}.radar-panel{border:2px solid var(--ink);border-top:0;background:var(--paper);padding:12px;}.radar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}.radar-toggle{flex:0 0 auto;background:var(--surface);}.radar-toggle[aria-pressed="true"]{background:var(--green);color:#111;}.radar-toggle:disabled,.radar-controls button:disabled{opacity:.5;cursor:wait;}.radar-controls{display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto;align-items:center;gap:7px;margin-top:12px;}.radar-controls button{min-width:42px;box-shadow:2px 2px 0 var(--ink);}.radar-controls input{width:100%;accent-color:var(--purple);}.radar-controls > strong{min-width:73px;text-align:right;font-size:.72rem;}.radar-legend{display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--muted);font-size:.6rem;font-weight:900;}.radar-legend i{flex:1;height:15px;border:2px solid var(--ink);background:linear-gradient(90deg,#dacc93,#88ddee,#00a3e0,#004768,#ffee00,#ffaa00,#ff4400,#c10000,#ff77ff);}.forecast-section{margin-top:28px;content-visibility:auto;contain-intrinsic-size:360px;}.forecast-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px;}.forecast-heading h3{margin:0;font:400 1.75rem/1 var(--header);letter-spacing:.04em;}.forecast-heading span{color:var(--muted);font-size:.7rem;font-weight:900;}.hourly-list{display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;padding:2px 5px 12px 2px;scrollbar-color:var(--ink) var(--surface);}.hour-card{scroll-snap-align:start;border:2px solid var(--ink);background:var(--surface);padding:11px 8px;text-align:center;}.hour-card.now{background:var(--yellow);color:#111;}.hour-time{display:block;font-size:.72rem;font-weight:900;}.hour-symbol{display:block;width:42px;height:42px;margin:7px auto 4px;}.hour-temp{display:block;font-size:1.1rem;font-weight:900;}.hour-rain{display:block;margin-top:5px;color:#12648a;font-size:.68rem;font-weight:900;}.daily-list{border:2px solid var(--ink);background:var(--surface);}.day-row{display:grid;grid-template-columns:105px 42px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:62px;padding:9px 12px;}.day-row + .day-row{border-top:2px solid var(--ink);}.day-name{font-weight:900;}.day-name small{display:block;color:var(--muted);font-size:.65rem;}.day-symbol{width:38px;height:38px;justify-self:center;}.day-condition{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;}.day-rain{color:#12648a;font-size:.75rem;font-weight:900;}.day-temp{min-width:82px;text-align:right;font-weight:900;white-space:nowrap;}.day-temp span{color:var(--muted);}.data-credit{display:flex;justify-content:center;gap:7px;margin:16px 0 0;padding:6px;color:var(--muted);text-align:center;font-size:.62rem;font-weight:700;}.data-credit a{color:inherit;font-weight:900;}.toast{position:fixed;z-index:50;bottom:22px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 30px));border:var(--line);background:var(--yellow);color:#111;box-shadow:5px 5px 0 #000;padding:12px;text-align:center;font-weight:900;}@media (max-width:700px){.shell{width:min(100% - 18px,660px);margin-top:16px;}.workspace-card{padding:38px 14px 16px;box-shadow:5px 5px 0 var(--ink);}.tool-header{margin-bottom:22px;}.tool-header h1{font-size:3rem;}.section-heading{margin-top:0;}.search-form{grid-template-columns:1fr;}.location-button{width:100%;}.current-card{grid-template-columns:1fr;gap:10px;}.temperature-block{display:flex;align-items:baseline;gap:12px;padding-left:103px;text-align:left;}.temperature-block span{margin-top:0;text-align:left;}.weather-actions{flex-wrap:wrap;}.weather-actions > span{flex:1 1 150px;}.weather-actions > div{margin-left:auto;}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.day-row{grid-template-columns:82px 32px minmax(0,1fr) auto;gap:8px;padding-inline:9px;}.day-rain{display:none;}.day-temp{min-width:68px;}.weather-map{height:min(78vw,380px);min-height:280px;}}@media (max-width:430px){.section-heading{align-items:center;}.section-heading h2{font-size:2.35rem;}.unit-toggle button{min-width:43px;}.search-box{grid-template-columns:minmax(0,1fr) 78px;}.search-box input{min-width:0;padding-inline:10px;}.search-box > button{padding-inline:7px;font-size:.92rem;}.current-card{padding:17px 14px;}.current-main{align-items:center;gap:12px;}.weather-symbol{width:68px;height:68px;}.temperature-block{gap:9px;padding-left:80px;}.temperature-block strong{font-size:3.6rem;}.weather-actions{align-items:center;gap:8px;}.weather-actions > div{flex-direction:row;gap:6px;}.weather-actions button{padding-inline:10px;}.metrics{gap:7px;}.metrics div{padding:10px 8px;}.day-condition{display:none;}.day-row{grid-template-columns:88px 34px 1fr;}.day-temp{justify-self:end;}.map-panel{padding:8px;}.map-toolbar{align-items:flex-start;}.map-toolbar button{max-width:105px;}.radar-heading{align-items:flex-start;}.radar-controls{grid-template-columns:auto auto 1fr;}.radar-controls input{grid-column:1 / -1;grid-row:2;}.radar-controls > strong{grid-column:3;grid-row:1;}.radar-map-badge{top:8px;right:8px;min-width:124px;padding:6px 8px;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition:none !important;animation:none !important;}}