:root{color:#173532;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f0df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app-shell{background-color:#f6f0df;background-image:linear-gradient(90deg,#ffffff29 1px,#0000 1px),linear-gradient(0deg,#ffffff2e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding:18px;display:grid}.location-view,.loading-view{place-items:center}.result-view{place-items:start center}.location-panel,.result-card{background:#fffcf2f0;border:2px solid #17353224;border-radius:8px;width:min(100%,520px);box-shadow:0 24px 80px #17353229}.location-panel{text-align:center;padding:28px 22px}.result-card{margin-block:8px;padding:20px}.brand-ball{margin:0 auto 14px;display:block}.eyebrow{color:#b94721;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:0;margin:8px 0;font-size:3.45rem;line-height:.9}.intro{color:#45615c;margin:10px auto 24px;font-size:1.08rem}.primary-action,.secondary-action,.text-action,.city-option{border:0;border-radius:8px;min-height:48px}.primary-action,.secondary-action{width:100%;padding:14px 18px;font-weight:850}.primary-action{color:#fff;background:#0f766e}.secondary-action{color:#173532;background:#fff;border:2px solid #173532}.text-action{color:#173532;text-underline-offset:4px;background:0 0;width:100%;margin-top:12px;font-weight:800;text-decoration:underline}.divider{color:#6d7b77;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0;font-weight:800;display:grid}.divider:before,.divider:after{content:"";background:#1735322e;height:1px}.field-label{color:#173532;text-align:left;margin-bottom:8px;font-weight:800;display:block}.search-box input{color:#173532;background:#fff;border:2px solid #1735323d;border-radius:8px;width:100%;min-height:52px;padding:0 14px}.search-box input:focus{border-color:#0f766e;outline:3px solid #0f766e29}.city-results{gap:8px;margin-top:10px;display:grid}.city-option{color:#173532;text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.city-option small{color:#6d7b77;flex:none}.helper{color:#45615c;min-height:22px;margin:12px 0 0;font-weight:700}.result-header{align-items:center;gap:12px;display:flex}.result-header .brand-ball{margin:0}.location-name,.updated,.attribution{color:#59716c;margin:4px 0 0}.warning{color:#5c4210;background:#fff2bd;border-radius:8px;margin:16px 0 0;padding:10px 12px;font-weight:800}.verdict-dot{text-align:center;margin:26px 0 8px;font-size:1.45rem}.verdict{text-align:center;max-width:10ch;margin:0 auto 22px;font-size:4rem}.metric-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric-row span,.best-window,.hour-card{background:#ffffffb3;border:1px solid #1735321f;border-radius:8px}.metric-row span{text-align:center;place-items:center;min-height:76px;padding:10px 8px;display:grid}.metric-row strong,.best-window strong{font-size:1.45rem}.metric-row small,.best-window span{color:#59716c;text-transform:uppercase;font-size:.76rem;font-weight:800}.best-window{text-align:center;margin:12px 0;padding:16px;display:grid}.explanation{color:#173532;text-align:center;font-size:1.08rem;font-weight:750;line-height:1.35}.updated,.attribution{text-align:center;font-size:.86rem}.actions{grid-template-columns:1fr;gap:10px;margin:18px 0 8px;display:grid}.details{margin-top:18px}.details h2{margin:0 0 10px;font-size:1rem}.hour-list{gap:8px;display:grid}.hour-card{grid-template-columns:64px 1fr auto;align-items:center;gap:8px;min-height:58px;padding:10px 12px;display:grid}.hour-card small{color:#59716c;text-align:right}.hour-card.good{border-left:6px solid #0f9f6e}.hour-card.maybe{border-left:6px solid #d99a12}.hour-card.bad{border-left:6px solid #d64232}.empty{color:#59716c}.good{background-color:#d9f5df}.maybe{background-color:#fff0bf}.bad{background-color:#ffe0d7}.loading-card{text-align:center;padding:36px 22px}.loading-card h1{font-size:2.7rem}.spin{animation:1.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){.app-shell{padding:32px}.result-card{margin-block:24px;padding:28px}.actions{grid-template-columns:1fr 1fr}}@media (width<=380px){h1{font-size:2.75rem}.verdict{font-size:3rem}.hour-card{grid-template-columns:54px 1fr}.hour-card small{text-align:left;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}