.station-chart-container{-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:.0625rem solid #fffc;border-radius:1rem;max-width:100%;margin:.1rem 1rem 1.25rem;padding:.5rem;box-shadow:0 .25rem .75rem #0000004d}.station-chart-block{background:#94a3b81f;border-radius:0 0 1rem 1rem;padding:.625rem .75rem .875rem}.station-chart-title{color:#007acc;text-align:left;letter-spacing:-.03125rem;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:700}.station-chart-controls{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:.0625rem solid #ffffff4d;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:.625rem;display:flex}.stats-chart-menu{flex-wrap:wrap;gap:.2rem;display:flex}.stats-chart-menu button{font:inherit;color:#bae6fd;cursor:pointer;white-space:nowrap;background:#1f2937;border:none;border-radius:.3125rem .3125rem 0 0;flex:1;min-width:0;padding:.6rem .9rem;font-size:.85rem;font-weight:700;transition:all .2s ease-out}.stats-chart-menu button:hover,.stats-chart-menu button.active{color:#fff;background:linear-gradient(90deg,#38bdf8,#0ea5e9)}@media (width<=48rem){.stats-chart-menu{gap:.05rem}.stats-chart-menu button{flex:auto;min-width:4.375rem;padding:.45rem .4rem;font-size:.75rem}}.controls-center-group{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:1.25rem;display:flex}.control-group{flex-direction:row;align-items:center;gap:.25rem;min-width:12.5rem;display:flex;position:relative}.control-group label{color:#007acc;white-space:nowrap;min-width:6.25rem;font-size:1rem;font-weight:600}.control-group.total-precipitation{flex-direction:row;align-items:center;gap:.5rem;min-width:auto;margin-left:auto;padding:.625rem .875rem;display:flex}.total-precipitation-label{color:#007acc;white-space:nowrap;font-size:1rem;font-weight:600}.total-precipitation-value{color:#2c3e50;white-space:nowrap;font-size:1.1rem;font-weight:700}.station-select,.time-range-select{color:#2c3e50;cursor:pointer;text-overflow:ellipsis;background:#ffffffe6;border:.125rem solid #e0e6ed;border-radius:.75rem;min-width:0;max-width:100%;padding:.625rem .875rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 .125rem .5rem #0000000a}.station-select:focus,.time-range-select:focus{border-color:#3498db;outline:none;transform:translateY(-.0625rem);box-shadow:0 0 0 .25rem #3498db26,0 .25rem 1rem #3498db1a}.station-select:hover,.time-range-select:hover{border-color:#3498db;transform:translateY(-.0625rem);box-shadow:0 .25rem 1rem #3498db1a}.chart-wrapper{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:.0625rem solid #fff9;border-radius:1rem;flex-direction:column;align-items:center;height:25rem;min-height:25rem;padding:.625rem;transition:all .3s;display:flex;box-shadow:inset 0 .125rem .5rem #0000000a}.chart-subtitle{color:#2c3e50;text-align:center;background:#3498db1a;border:.0625rem solid #3498db33;border-radius:1rem;margin:0 0 1rem;padding:.5rem 1.25rem;font-size:1.1rem;font-weight:600}.loading-message,.no-data-message{color:#64748b;text-align:center;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#fffc;border:.0625rem solid #fff6;border-radius:.75rem;justify-content:center;align-items:center;width:calc(100% - 2.5rem);height:20rem;margin:0;padding:1.25rem;font-size:1rem;display:flex}@media (width<=30rem){.loading-message,.no-data-message{width:calc(100% - 1.5rem);height:14.375rem}}.error-message{color:#dc2626;text-align:center;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:.0625rem solid #fecaca;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:600;box-shadow:0 .25rem 1rem #dc26261a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative}.loading-message:before{content:"";border:.1875rem solid #3498db;border-top-color:#0000;border-radius:50%;width:1.25rem;height:1.25rem;margin-right:.75rem;animation:1s linear infinite spin;display:inline-block}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e0e6ed;stroke-width:.0625rem}.recharts-bar-rectangle{transition:opacity .15s}.recharts-bar-rectangle:hover{opacity:.8}.recharts-tooltip-wrapper{background:#fff;border:.0625rem solid #e0e6ed;border-radius:.5rem;box-shadow:0 .25rem .75rem #00000026}.recharts-tooltip-content{padding:.5rem .75rem}.recharts-legend-wrapper{margin-top:1rem}.recharts-legend-item-text{color:#34495e;font-weight:500}.custom-tooltip{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#fffffff2;border:.0625rem solid #3498db33;border-radius:.75rem;padding:1rem;box-shadow:0 .5rem 2rem #0000001f,0 .25rem 1rem #3498db1a}.custom-tooltip .label{color:#2c3e50;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.custom-tooltip .rain{color:#3498db;margin:0;font-size:1rem;font-weight:500}@media (width<=48rem){.station-chart-container{padding:.5rem}.station-chart-title{margin-bottom:1rem;font-size:1.4rem}.station-chart-controls{flex-direction:column;justify-content:center;align-items:stretch;gap:1rem;margin-bottom:0;padding:.625rem}.controls-center-group{flex:none;justify-content:center;width:100%}.control-group{flex-direction:column;align-items:stretch;gap:.375rem;min-width:0;max-width:100%}.control-group label{text-align:center;min-width:auto}.control-group.total-precipitation{justify-content:center;align-self:stretch;margin-left:0;padding:.75rem 1rem}.total-precipitation-label{text-align:center}.chart-wrapper{min-height:21.875rem;padding:.625rem}.chart-subtitle{padding:.5rem 1rem;font-size:1rem}}@media (width<=30rem){.station-chart-container{padding:.75rem}.station-chart-title{font-size:1.2rem}.station-chart-controls{gap:.75rem;padding:.625rem}.control-group{gap:.375rem}.chart-wrapper{min-height:16.875rem;padding:.625rem}.chart-subtitle{padding:.375rem .75rem;font-size:.9rem}}.stats-page-wrapper{grid-template-columns:minmax(0,12.5fr) minmax(0,75fr) minmax(0,12.5fr);align-items:start;gap:0;width:100%;margin:0 auto;display:grid}.stats-page{box-sizing:border-box;width:100%;min-width:0}.stats-page-header{margin:1rem 0 .1rem}.stats-page-header h1{color:#007acc;text-align:center;margin:0;font-size:1.4rem;font-weight:600}.stats-page-left-ad{flex-direction:column;grid-column:1;justify-content:flex-start;min-width:0;padding:0 .5rem;display:flex;overflow:hidden}.stats-page-right-ad{flex-direction:column;grid-column:3;justify-content:flex-start;min-width:0;padding:0 .5rem;display:flex;overflow:hidden}.mobile-ad-top,.mobile-ad-middle,.mobile-ad-bottom{display:none}@media (width<=87.5rem) and (width>=75.0625rem){.stats-page-wrapper{grid-template-columns:minmax(0,10fr) minmax(0,80fr) minmax(0,10fr)}.stats-page-left-ad,.stats-page-right-ad{padding:0 .25rem}.stats-page-left-ad .ad-vertical,.stats-page-right-ad .ad-vertical{width:100%;max-width:8.75rem}}@media (width<=75rem){.stats-page-wrapper{grid-template-columns:minmax(0,1fr);gap:0}.stats-page-left-ad,.stats-page-right-ad{display:none}.mobile-ad-top,.mobile-ad-middle,.mobile-ad-bottom{box-sizing:border-box;width:90%;margin:1rem auto;padding:0 .5rem;display:block}.mobile-ad-top .ad-container,.mobile-ad-middle .ad-container,.mobile-ad-bottom .ad-container{box-sizing:border-box;max-width:90%;padding:.5rem}}@media (width<=62.5rem){.stats-page{box-sizing:border-box;width:100%;max-width:100%;padding:0 .5rem}}@media (width<=48rem){.stats-page{box-sizing:border-box;width:100%;max-width:100%;padding:0 .5rem}}