h3{margin:0 0 24px 0;padding:0 24px;text-align:center}.header-container{margin:32px auto 16px;max-width:640px;display:flex;align-items:center}.dashboard{max-width:640px;margin:16px auto;padding:16px 0;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px}.top-panel-container{max-width:640px;margin:0 auto 16px;display:flex;flex-direction:row}.photo-container{width:100px;height:100px;min-height:100px;min-width:100px;background-color:#fefefe;background-size:cover;box-shadow:0 0 2px rgba(0,0,0,.1);border-radius:50%;margin-right:32px;display:block}@media (max-width:1920px){.header-container{flex-direction:column;text-align:center}.photo-container{margin-right:0}h1{margin-top:0}}.current-observations{min-height:640px;height:100%;width:100%;background:#fff;display:block;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px}.chart-container{margin:0 32px}.chart-container svg{width:100%;height:426px}.grid line{stroke:#eee;stroke-width:1}.grid path{stroke:none}body{font-family:'Open Sans',sans-serif;font-weight:300;margin:0;padding:0 16px 16px 16px;background-color:#f4f4f9;color:#333;opacity:0;transition:opacity .5s ease-in-out}body.fade-in{opacity:1}h1,h3{font-weight:600}h1{font-size:32px}@media (max-width:450px){h1{font-size:24px!important}}h3{padding-top:8px!important;line-height:1.2}#current-conditions-heading{display:flex!important;align-items:center!important;justify-content:center!important}p,span,table,td,th{font-weight:300}.bold-text,td:first-child{font-weight:500}#alerts{display:flex;flex-direction:column;margin:0 auto;max-width:640px;display:none}.alert{border-radius:8px;color:#333;font-weight:700;width:100%;max-width:800px;margin:auto;max-width:640px;box-shadow:0 4px 6px rgba(0,0,0,.1);background-color:#fff;margin-bottom:16px}.alert-header{padding:0 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}.chevron{transition:transform .1s ease-in-out;background-image:url(icon-expand.svg);background-size:cover;width:24px;height:24px}.severity-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.alert-details{padding:0 16px;display:none;border-top:1px solid #ececec}.no-alerts{color:green;font-weight:700}.error{color:red;font-weight:700}.icon-arrow{background-image:url(icon-arrow.svg);width:18px;height:18px;background-size:cover;display:inline-block}#loader{display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#09f;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spinner-container{display:flex;justify-content:center;align-items:center;height:100%}.legend-label{font-weight:500}.hourly-forecast-container{padding:24px 24px 0 24px}.hourly-forecast-wrapper{display:flex;overflow-x:auto;padding-bottom:8px}.hourly-forecast-table{border-collapse:collapse;white-space:nowrap}.hourly-forecast-table td,.hourly-forecast-table th{padding:8px;text-align:center;border:1px solid #eee}.hourly-forecast-table th{background-color:#f8f8f8}.condition-block{display:flex;flex-direction:column;align-items:center;margin-top:24px}.aqi-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.aqi-label{margin-left:4px}.green{background-color:#0a9c0a}.yellow{background-color:#dada02}.orange{background-color:#ff7e00}.red{background-color:red}.purple{background-color:#8f3f97}.maroon{background-color:#7e0023}.value{display:flex;align-items:center}.error-card{background-color:#fff4f4;color:maroon;margin:32px auto 40px;max-width:800px;padding:24px;border-radius:8px}#offline-banner{background:#fde047;color:#333;text-align:center;font-weight:600;font-size:14px;padding:4px 0;position:fixed;top:0;left:0;width:100%;z-index:9999}#windy-container{width:100%;max-width:100%}#windy-controls{display:flex;justify-content:left;gap:12px;padding:16px 0}#windy-wrapper{width:100%;height:400px;transition:height .3s ease;background:linear-gradient(135deg,#e8f4f8 0,#d4e8ed 100%);position:relative}#windy-wrapper:not(.loaded)::before{content:'Loading radar...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:14px}#windy-wrapper.loaded{background:0 0}#windy-wrapper.maximized{height:calc(100vh - 60px)}#windy-wrapper iframe{width:100%;height:100%}#windy-layer-select{height:36px;width:100%;font-family:'Open Sans',sans-serif;font-weight:500;font-size:14px;padding:8px 32px 8px 8px;border:1px solid #000;border-radius:4px;appearance:none;background:url('/icon-expand.svg') no-repeat right 8px center;background-size:20px;background-color:#fff;cursor:pointer}.temp-dot-wrapper{position:relative;width:24px;height:24px;display:inline-block;margin-right:4px}.dot-core{position:absolute;top:50%;left:50%;width:12px;height:12px;background-color:currentColor;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px currentColor;border-radius:50%;transform:translate(-50%,-50%);z-index:2;display:block}.pulse-ring{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background-color:currentColor;transform:translate(-50%,-50%) scale(1);transform-origin:center;opacity:.9;animation:pulse-ring 2s ease-out infinite;z-index:1}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}100%{transform:translate(-50%,-50%) scale(3);opacity:0}}.tab-bar{display:flex;justify-content:center;align-items:center;gap:24px;margin:0 auto 0 auto;max-width:640px;border-bottom:1px solid #e0e0e0;background:0 0}.tab{background:0 0;border:none;outline:0;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:500;color:#333;padding:12px 0 10px 0;margin:0 8px;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-bottom .2s}.tab.active{color:#2052a8;border-bottom:2px solid #2052a8}@media (max-width:700px){.tab-bar{gap:8px;max-width:100%}.tab{font-size:16px;padding:10px 0 8px 0}}.aurora-alert .alert-header{align-items:center!important}#aurora-details{padding:0 16px 1px 16px}.zodiac-sign{display:inline-flex;align-items:center;cursor:help;position:relative;margin-right:8px;font-size:1.2em;line-height:1;vertical-align:middle;user-select:none}.zodiac-sign:active::after,.zodiac-sign:focus::after,.zodiac-sign:hover::after{content:attr(data-zodiac-name) '\A' attr(data-zodiac-range);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.9);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:pre;text-align:center;z-index:1000;margin-bottom:8px;box-shadow:0 4px 6px rgba(0,0,0,.3);pointer-events:none;min-width:180px;line-height:1.4}.zodiac-sign:active::before,.zodiac-sign:focus::before,.zodiac-sign:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,.9);z-index:1001;margin-bottom:2px;pointer-events:none}@media (hover:none) and (pointer:coarse){.zodiac-sign:active::after,.zodiac-sign:active::before{display:block}}