html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}
[hidden]{display:none!important}
.dashboard{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.dashboard>*{min-width:0}.hours{max-width:100%}
.current::before{min-height:100%}
.brand{font-size:29px;letter-spacing:-1.2px;white-space:nowrap}.brand-dot{display:none}.footer-brand{font-size:19px}
@media(max-width:600px){header{gap:8px}.brand{font-size:23px;letter-spacing:-1px}.brand .brand-icon{width:29px;height:29px;vertical-align:-5px}.unit-switch{padding:3px}.unit-switch button{padding:7px 8px;min-width:38px}.install-banner{flex-wrap:wrap}.install-banner>div{flex:1 1 140px}.install-banner button{max-width:100%;white-space:normal}}
@media(max-width:360px){header{padding-left:16px;padding-right:16px;gap:6px}.brand{font-size:20px;letter-spacing:-.8px}.brand .brand-icon{width:25px;height:25px;margin-right:2px}.unit-switch button{min-width:34px;padding:7px 6px}}
.install-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;margin:0 0 20px;background:#e6eef9;border:1px solid #d5e1f2;border-radius:15px}
.install-banner strong{font-size:13px;color:#3c5c88}.install-banner p{margin:4px 0 0;color:#7188a7;font-size:11px}
.install-banner button{background:#4f73a5;border:0;color:white;border-radius:10px;min-height:44px;padding:10px 19px;font-size:12px;white-space:nowrap}
.install-dialog{border:1px solid #dce5f0;border-radius:20px;color:#25334c;padding:25px;max-width:420px;width:calc(100% - 36px);font-size:14px;line-height:1.7}.install-dialog::backdrop{background:#14243d77;backdrop-filter:blur(3px)}.install-dialog h2{font-size:21px;margin:0 0 12px}.install-dialog ol{padding-left:22px}.install-dialog li{margin-bottom:9px}.install-dialog button{min-height:44px;background:#4f73a5;color:white;border:0;padding:10px 22px;border-radius:10px}.install-dialog .hint{font-size:12px;color:#7e8fa5}
@media(max-width:600px){header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}input{font-size:16px;min-height:30px}form button{width:44px;height:44px}.location-button{min-height:44px;margin-top:2px}.unit-switch button{min-width:44px;min-height:40px}.city-tabs{margin-top:14px}.city-tabs button{min-height:44px;padding:9px 14px}.current-bottom button{min-height:44px;min-width:90px}.current-bottom{padding-top:9px}.install-banner{padding:15px;gap:12px}.install-banner strong{font-size:12px}.install-banner p{font-size:10px;line-height:1.6}.install-banner button{padding:10px 13px;font-size:11px}.hours{overscroll-behavior-x:contain;scroll-snap-type:x proximity}.hour{scroll-snap-align:start}.day{gap:7px;grid-template-columns:55px 31px 29px 25px 1fr 25px}.section-heading>span{font-size:7px}.sun-times strong{font-size:18px}.metric-grid p{line-height:1.5}footer{padding-bottom:8px}}
@media(max-width:600px){.dashboard{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.card{padding:20px 16px}.overview .metric-grid{grid-template-columns:1fr 1fr;gap:22px}.metric-grid article{padding-left:39px}.metric-grid .metric-icon{position:absolute;left:0;top:1px}.metric-grid strong{font-size:22px}.metric-grid h3{font-size:12px}.metric-grid p{font-size:9px}.day{grid-template-columns:49px 29px 27px 23px 1fr 23px;gap:5px;font-size:10px}.city-tabs button{padding:9px 12px}.section-heading h2{font-size:13px}.current h2{font-size:26px}}

#results{max-height:340px;max-height:min(340px,55dvh);overflow-y:auto;overscroll-behavior:contain;z-index:20}#results .city-result{min-height:52px;line-height:1.5}#results strong{font-weight:600}#results .search-message{padding:12px 10px;margin:0;color:#6c819f;font-size:12px;line-height:1.6}