:root{--navy:#08233e;--navy-2:#123d5e;--ink:#11283c;--orange:#f36c35;--gold:#ffb84a;--cream:#f7f3ea;--white:#fff;--muted:#617282;--line:#d9e0e4;--blue:#d8eff8;--shadow:0 20px 55px rgba(8,35,62,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;min-width:320px}button,a{font:inherit}button{color:inherit}.weather-backdrop{position:absolute;inset:0 0 auto;height:760px;background:linear-gradient(135deg,#dbf2fa 0%,#edf7f7 44%,#f9f3e8 78%);overflow:hidden;z-index:-1}.sun-glow{position:absolute;right:8%;top:135px;width:300px;height:300px;border-radius:50%;background:rgba(255,183,68,.25);filter:blur(2px);box-shadow:0 0 100px 50px rgba(255,197,100,.12)}.cloud{position:absolute;width:180px;height:50px;border-radius:50px;background:rgba(255,255,255,.46);filter:blur(1px)}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:90px;height:90px;bottom:0;left:30px}.cloud:after{width:75px;height:75px;bottom:0;right:25px}.cloud-one{top:240px;left:-50px;transform:scale(1.5)}.cloud-two{top:90px;right:28%;transform:scale(.7);opacity:.6}.site-header{height:92px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy)}.brand-mark{width:45px;height:45px;border-radius:13px;background:var(--navy);display:grid;place-items:center;transform:rotate(-4deg);box-shadow:4px 4px 0 var(--orange)}.brand-mark svg{width:31px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font:800 24px/1 "League Spartan",sans-serif;letter-spacing:-.6px}.brand strong span{color:var(--orange)}.brand small{font-size:8px;font-weight:700;letter-spacing:1.7px;margin-top:4px}.site-header nav{display:flex;gap:35px}.site-header nav a{text-decoration:none;color:#425566;font-size:14px;font-weight:600;padding:35px 0 31px;border-bottom:3px solid transparent}.site-header nav a.active,.site-header nav a:hover{color:var(--navy);border-color:var(--orange)}.header-actions{display:flex;align-items:center;gap:13px;position:relative}.unit-toggle{border:1px solid rgba(8,35,62,.13);background:rgba(255,255,255,.5);padding:4px;border-radius:99px;display:flex;cursor:pointer}.unit-toggle span{padding:6px 8px;font-size:12px;font-weight:700;border-radius:50%}.unit-toggle .selected{background:var(--navy);color:white}.location-button{border:0;background:var(--navy);color:#fff;border-radius:99px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 7px 18px rgba(8,35,62,.15)}.location-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.location-button .chevron{width:13px;margin-left:3px}.location-menu{display:none;position:absolute;top:48px;right:0;width:155px;background:#fff;border-radius:13px;padding:7px;box-shadow:var(--shadow);border:1px solid var(--line)}.location-menu.open{display:grid}.location-menu button{background:none;border:0;text-align:left;padding:9px 11px;border-radius:8px;cursor:pointer;font-size:13px}.location-menu button:hover{background:var(--cream)}main{max-width:1180px;margin:0 auto;padding:0 28px}.alert-strip{height:42px;background:rgba(255,255,255,.66);border:1px solid rgba(8,35,62,.09);border-radius:12px;padding:0 14px;display:flex;align-items:center;gap:12px;font-size:12px;color:#577080;backdrop-filter:blur(10px)}.alert-strip strong{font-size:10px;letter-spacing:1.1px;background:#d9eee2;color:#30744d;border-radius:30px;padding:5px 8px}.alert-strip time{margin-left:auto;font-size:10px}.alert-icon{display:flex;gap:2px;align-items:flex-end;height:13px}.alert-icon i{width:3px;border-radius:4px;background:#48a66e}.alert-icon i:nth-child(1){height:5px}.alert-icon i:nth-child(2){height:9px}.alert-icon i:nth-child(3){height:13px}.hero{min-height:535px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 35px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--orange);margin:0 0 11px}.hero h1{font:800 clamp(45px,5.3vw,72px)/.94 "League Spartan",sans-serif;letter-spacing:-2.5px;margin:0;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--orange)}.summary{max-width:510px;color:#52697a;line-height:1.65;font-size:15px;margin:23px 0 26px}.chief-note{display:flex;gap:12px;align-items:center}.chief-avatar{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--navy);border:3px solid #fff;color:#fff;font:800 12px "League Spartan";box-shadow:0 3px 10px rgba(8,35,62,.18)}.chief-note p{margin:0;display:flex;flex-direction:column}.chief-note span{font-size:8px;letter-spacing:1.5px;font-weight:800;color:var(--orange)}.chief-note q{font:700 13px/1.35 "DM Sans";quotes:"“" "”"}.chief-note small{font-size:9px;color:#71808b;margin-top:2px}.current-weather{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.7);border-radius:30px;padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(15px);position:relative;overflow:hidden}.current-weather:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-90px;background:rgba(255,190,72,.12)}.condition-visual{height:135px;position:relative}.big-sun{width:100px;height:100px;border-radius:50%;position:absolute;right:60px;top:0;background:linear-gradient(145deg,#ffc350,#f79536);box-shadow:0 0 45px rgba(255,174,68,.35)}.big-sun:after{content:"";position:absolute;inset:-15px;border:2px dashed rgba(244,143,50,.2);border-radius:50%}.big-cloud{position:absolute;right:22px;bottom:5px;width:180px;height:55px;background:linear-gradient(#fff,#e4edf2);border-radius:60px;filter:drop-shadow(0 10px 12px rgba(60,90,110,.13))}.big-cloud:before,.big-cloud:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(#fff,#edf3f6);bottom:8px}.big-cloud:before{width:85px;height:85px;left:28px}.big-cloud:after{width:65px;height:65px;right:22px}.current-main{display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid var(--line);padding-bottom:25px}.temperature{font:800 76px/.75 "League Spartan";letter-spacing:-5px;color:var(--navy)}.current-main div{display:flex;flex-direction:column}.current-main strong{font-size:17px}.current-main span:not(.temperature){font-size:12px;color:var(--muted);margin-top:3px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;padding-top:23px}.metrics div{display:flex;flex-direction:column}.metrics span{font-size:8px;letter-spacing:1.3px;font-weight:800;color:#8a979f}.metrics strong{font-size:15px;margin-top:4px}.metrics small{font-size:9px;color:var(--muted)}.forecast-panel{background:var(--navy);color:#fff;border-radius:28px;padding:34px 38px 28px;box-shadow:0 25px 50px rgba(8,35,62,.18);scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading h2{font:800 29px/1 "League Spartan";margin:0;letter-spacing:-.5px}.forecast-panel .eyebrow{color:var(--gold)}.hourly-controls{display:flex;gap:7px}.scroll-btn{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.06);width:34px;height:34px;border-radius:50%;cursor:pointer}.scroll-btn:hover{background:var(--orange)}.hourly-track{display:flex;overflow:auto;scrollbar-width:none;margin-top:24px;scroll-behavior:smooth}.hourly-track::-webkit-scrollbar{display:none}.hour-card{min-width:112px;text-align:center;padding:12px 10px 15px;border-right:1px solid rgba(255,255,255,.1)}.hour-card:first-child{background:rgba(255,255,255,.08);border-radius:15px}.hour-card time{font-size:10px;color:#aebbc5;font-weight:600}.hour-icon{display:block;font-size:29px;margin:13px 0 10px;filter:saturate(.9)}.hour-card strong{display:block;font:700 20px "League Spartan"}.rain-chance{font-size:9px;color:#79c9eb;margin-top:5px;display:block}.week-section{padding:92px 5px 75px;scroll-margin-top:20px}.week-section .section-heading{align-items:center}.outlook-copy{max-width:410px;font-size:12px;line-height:1.6;color:var(--muted);margin:0}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #cfd8dd;border-bottom:1px solid #cfd8dd;margin-top:35px}.day-card{text-align:center;padding:25px 8px;border-right:1px solid #d9dfe2}.day-card:last-child{border:0}.day-card:first-child{background:#fff;border-top:3px solid var(--orange);margin-top:-3px}.day-card .day{display:block;font-size:11px;font-weight:800}.day-card .date{display:block;font-size:9px;color:#8b979e;margin-top:3px}.day-card .day-icon{display:block;font-size:31px;margin:18px 0}.temps{font:700 19px "League Spartan"}.temps small{color:#80909b;font-size:15px;margin-left:5px}.day-condition{display:block;font-size:9px;color:#657682;margin-top:7px}.day-rain{display:block;font-size:9px;color:#409cc3;margin-top:8px;min-height:12px}.local-section{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;padding-bottom:90px}.sun-card,.county-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:28px 30px;box-shadow:0 12px 35px rgba(8,35,62,.06)}.sun-card{overflow:hidden}.sun-arc{height:80px;border-top:2px dashed #f4aa52;border-radius:50% 50% 0 0;margin:22px 35px -36px;position:relative}.sun-dot{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--gold);box-shadow:0 0 20px rgba(255,184,74,.5);left:50%;top:-13px}.sun-times{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;align-items:flex-end;font-size:9px;color:#82909a}.sun-times>span:first-child,.sun-times>span:last-child{display:flex;flex-direction:column}.sun-times>span:last-child{text-align:right}.sun-times strong{font-size:13px;color:var(--ink);margin-top:2px}.county-card h2{font:800 27px "League Spartan";margin:0 0 12px}.town-list{display:grid}.town-list button{border:0;border-bottom:1px solid var(--line);background:none;padding:12px 0;display:flex;justify-content:space-between;cursor:pointer}.town-list button:last-child{border:0}.town-list span{font-size:12px}.town-list strong{font:700 17px "League Spartan"}.town-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}footer{background:#061b2e;color:#d5dfe5;padding:36px max(28px,calc((100% - 1124px)/2));display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 30px;font-size:10px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand strong{font:800 18px "League Spartan";color:#fff}.footer-brand span:last-child{color:#8295a4}.mini-mark{color:var(--orange)}footer>p{margin:0;color:#8194a2;text-align:right}.disclaimer{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;margin-top:10px!important;text-align:left!important}.loading-bar{position:fixed;left:0;top:0;width:0;height:3px;background:var(--orange);z-index:99;transition:width .3s,opacity .3s}.loading-bar.loading{width:75%;opacity:1}.loading-bar.done{width:100%;opacity:0}.error-state .alert-strip strong{background:#fff1cf;color:#9b6b00}.error-state .alert-strip strong:after{content:" · OFFLINE PREVIEW"}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:55px 20px}.hero-copy{text-align:center}.summary{margin-left:auto;margin-right:auto}.chief-note{justify-content:center;text-align:left}.current-weather{max-width:550px;width:100%;margin:auto}.week-grid{grid-template-columns:repeat(4,1fr)}.day-card:nth-child(4){border-right:0}.day-card:nth-child(n+5){border-top:1px solid #d9dfe2}.local-section{grid-template-columns:1fr}.week-section{padding-top:70px}}
@media(max-width:620px){.site-header{height:75px;padding:0 18px}.brand small{display:none}.brand strong{font-size:20px}.brand-mark{width:37px;height:37px}.unit-toggle{display:none}.location-button{padding:9px 12px}.alert-strip{border-radius:0;margin:0 -18px;padding:0 18px}.alert-strip time{display:none}main{padding:0 18px}.hero{padding:45px 0}.hero h1{font-size:46px}.summary{font-size:13px}.current-weather{border-radius:22px;padding:24px}.condition-visual{height:120px}.temperature{font-size:65px}.forecast-panel{margin:0 -18px;border-radius:0;padding:30px 18px}.week-section{padding:65px 0}.week-section .section-heading{display:block}.outlook-copy{margin-top:15px}.week-grid{grid-template-columns:repeat(2,1fr)}.day-card:nth-child(even){border-right:0}.day-card:nth-child(n+3){border-top:1px solid var(--line)}.day-card:last-child{grid-column:1/-1}.local-section{padding-bottom:55px}.sun-card,.county-card{padding:23px 20px}.sun-times>span:nth-child(2){display:none}footer{grid-template-columns:1fr;padding:30px 22px}footer>p{text-align:left}.disclaimer{grid-column:1}.weather-backdrop{height:1000px}}

.allen-avatar { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; animation: bob 4s infinite ease-in-out; }
@keyframes bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }

.krispy-kreme-card { background: #fff; border: 1px solid var(--line); border-radius: 23px; padding: 28px 30px; box-shadow: 0 12px 35px rgba(8,35,62,.06); }
.krispy-kreme-card h2 { font: 800 27px "League Spartan"; margin: 0 0 12px; }
.kk-status { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 15px; }
.hot-light { background: #333; color: #555; padding: 8px 16px; border-radius: 8px; font: 800 16px "League Spartan"; letter-spacing: 2px; border: 2px solid #222; transition: all 0.3s; }
.hot-light.on { background: #e60000; color: #fff; border-color: #ff3333; box-shadow: 0 0 20px #e60000, 0 0 40px #ff3333; animation: pulse-red 2s infinite; }
@keyframes pulse-red { 0%, 100% { box-shadow: 0 0 15px #e60000; } 50% { box-shadow: 0 0 25px #ff3333, 0 0 50px #ff6666; } }
#kk-status-text { font-size: 12px; color: var(--muted); margin: 0; }

.alert-modal { border: none; border-radius: 20px; padding: 0; max-width: 450px; width: 90%; background: #fff; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
.alert-modal::backdrop { background: rgba(8,35,62,0.8); backdrop-filter: blur(5px); }
.modal-content { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px 30px; position: relative; }
.close-modal { position: absolute; top: 15px; right: 15px; border: none; background: #f0f0f0; border-radius: 50%; width: 30px; height: 30px; font-size: 20px; cursor: pointer; color: #555; display: flex; align-items: center; justify-content: center; }
.close-modal:hover { background: #e0e0e0; }
.alert-avatar-container { width: 120px; height: 120px; border-radius: 50%; border: 4px solid #e60000; box-shadow: 0 0 20px rgba(230,0,0,0.4); padding: 2px; margin-bottom: 20px; }
.alert-avatar { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; animation: shake 2.5s infinite; }
.alert-details h2 { font: 800 24px "League Spartan"; color: #e60000; margin: 0 0 10px; }
.alert-details p { font-size: 15px; color: #444; line-height: 1.5; margin-bottom: 25px; }
.acknowledge-btn { background: #e60000; color: #fff; border: none; padding: 12px 24px; border-radius: 10px; font: 700 14px "DM Sans"; cursor: pointer; transition: all 0.2s; box-shadow: 0 5px 15px rgba(230,0,0,0.2); }
.acknowledge-btn:hover { background: #cc0000; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(230,0,0,0.3); }
@keyframes shake { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-3deg); } 75% { transform: rotate(3deg); } }