:root{--text:#374151;--text-h:#111827;--bg:#f9fafb;--surface:#fff;--surface-2:#f3f4f6;--border:#e5e7eb;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-bg:#2563eb1a;--error:#dc2626;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--icon:#6b7280;--sl-panel-background-color:var(--surface);--sl-panel-border-color:var(--border);--sl-color-neutral-0:#fff;--sl-color-neutral-50:#f9fafb;--sl-color-neutral-100:#f3f4f6;--sl-color-neutral-200:#e5e7eb;--sl-color-neutral-300:#d1d5db;--sl-color-neutral-400:#9ca3af;--sl-color-neutral-500:#6b7280;--sl-color-neutral-600:#4b5563;--sl-color-neutral-700:#374151;--sl-color-neutral-800:#1f2937;--sl-color-neutral-900:#111827;--sl-color-neutral-950:#030712;--sl-color-primary-600:var(--accent);--sl-color-primary-700:var(--accent-hover);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#cbd5e1;--text-h:#f1f5f9;--bg:#0f172a;--surface:#1e293b;--surface-2:#334155;--border:#334155;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-bg:#60a5fa26;--error:#f87171;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--icon:#94a3b8;--sl-panel-background-color:var(--surface);--sl-panel-border-color:var(--border);--sl-color-neutral-0:#020617;--sl-color-neutral-50:#0f172a;--sl-color-neutral-100:#1e293b;--sl-color-neutral-200:#334155;--sl-color-neutral-300:#475569;--sl-color-neutral-400:#64748b;--sl-color-neutral-500:#94a3b8;--sl-color-neutral-600:#cbd5e1;--sl-color-neutral-700:#e2e8f0;--sl-color-neutral-800:#f1f5f9;--sl-color-neutral-900:#f8fafc;--sl-color-neutral-950:#fff;--sl-color-primary-600:var(--accent);--sl-color-primary-700:var(--accent-hover);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--text:#cbd5e1;--text-h:#f1f5f9;--bg:#0f172a;--surface:#1e293b;--surface-2:#334155;--border:#334155;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-bg:#60a5fa26;--error:#f87171;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--icon:#94a3b8;--sl-panel-background-color:var(--surface);--sl-panel-border-color:var(--border);--sl-color-neutral-0:#020617;--sl-color-neutral-50:#0f172a;--sl-color-neutral-100:#1e293b;--sl-color-neutral-200:#334155;--sl-color-neutral-300:#475569;--sl-color-neutral-400:#64748b;--sl-color-neutral-500:#94a3b8;--sl-color-neutral-600:#cbd5e1;--sl-color-neutral-700:#e2e8f0;--sl-color-neutral-800:#f1f5f9;--sl-color-neutral-900:#f8fafc;--sl-color-neutral-950:#fff;--sl-color-primary-600:var(--accent);--sl-color-primary-700:var(--accent-hover);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100svh;margin:0}#app{flex-direction:column;max-width:1200px;min-height:100svh;margin:0 auto;padding:24px;display:flex}.app-header{text-align:center;margin-bottom:24px}.app-header h1{color:var(--text-h);margin:0;font-size:28px;font-weight:600}.controls{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;display:flex}.controls>*{flex:auto;min-width:200px}.city-search{position:relative}.city-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:10px 14px;font-size:15px}.city-input:focus{outline:2px solid var(--accent);outline-offset:0}.city-dropdown{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:100;border-radius:8px;max-height:240px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.city-dropdown-item{cursor:pointer;padding:10px 14px;font-size:14px}.city-dropdown-item:hover{background:var(--accent-bg)}.date-range-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-input-wrap{flex:1;min-width:120px}.control-label{color:var(--text-h);gap:5px;font-size:13px;font-weight:500;display:grid}.date-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:10px 14px;font-size:15px}.date-input:focus{outline:2px solid var(--accent)}.date-separator{color:var(--text);white-space:nowrap;font-size:14px}.date-hint{width:100%;color:var(--error);font-size:13px}.date-hint--info{color:var(--accent)}.message-banner{border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;line-height:1.5}.message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.message-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.year-selector{width:100%}.year-selector-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.year-selector-title{color:var(--text-h);font-size:15px;font-weight:500}.year-buttons{gap:8px;display:flex}.year-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:6px;padding:4px 10px;font-size:13px}.year-btn:hover{background:var(--accent-bg);border-color:var(--accent)}.year-hint{color:var(--text);margin-bottom:8px;font-size:13px;display:block}.year-hint-error{color:var(--error)}.year-checkboxes{flex-wrap:wrap;gap:10px;display:flex}.year-checkbox-label{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:14px;display:flex}.year-checkbox-label:hover{border-color:var(--accent)}.year-checkbox-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.query-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:16px;font-weight:500;transition:background .2s}.query-btn:hover{background:var(--accent-hover)}.query-btn:active{transform:translateY(1px)}.query-btn:disabled{cursor:wait;opacity:.65}.loading{text-align:center;color:var(--text-h);padding:40px;font-size:16px}.chart-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:24px;padding:20px}.tab-container{gap:8px;margin-bottom:16px;display:flex}.tab{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:8px;padding:8px 16px;font-size:14px}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab:hover:not(.active){background:var(--accent-bg)}.chart-container{height:400px;position:relative}.chart-wrapper{flex-direction:column;height:100%;display:flex;position:relative}.chart-wrapper .temp-chart{flex:1;width:100%;min-height:0}.chart-download-btn,.chart-fullscreen-btn{z-index:10;border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-h);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background .15s,opacity .15s;display:flex;position:absolute;top:6px}.chart-download-btn{left:12px}.chart-fullscreen-btn{right:12px}.chart-download-btn:hover,.chart-fullscreen-btn:hover{background:var(--accent-bg)}.chart-container.fullscreen-landscape{z-index:9999;background:var(--bg);position:fixed;inset:0;overflow:hidden}.chart-container.fullscreen-landscape .chart-wrapper{transform-origin:50%;width:100dvh;height:100dvw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.chart-container.fullscreen-landscape.is-landscape-viewport .chart-wrapper{width:100%;height:100%;transform:translate(-50%,-50%)}.chart-container.fullscreen-landscape .chart-download-btn{z-index:20;top:12px;left:12px}.chart-container.fullscreen-landscape .chart-fullscreen-btn{z-index:20;top:12px;right:12px}.table-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:24px;padding:20px}.table-section h2{color:var(--text-h);margin:0 0 16px;font-size:18px;font-weight:600}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:400px;font-size:14px}.data-table caption{color:var(--text);text-align:left;padding:0 0 10px;font-size:12px}.temperature-separator{color:var(--icon);margin:0 3px}.temperature-missing{color:var(--icon)}.data-table th,.data-table td{text-align:center;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.data-table th{background:var(--bg);color:var(--text-h);font-weight:600;position:sticky;top:0}.data-table tbody tr:hover{background:var(--accent-bg)}.data-table .year-divider td{color:var(--accent);text-align:center;letter-spacing:.02em;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);background:#eef2ff;padding:8px 12px;font-size:12px;font-weight:500}.app-footer{text-align:center;color:var(--text);border-top:1px solid var(--border);margin-top:auto;padding:20px;font-size:14px}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}.back-to-top-btn{z-index:100;border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-h);cursor:pointer;opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s,transform .25s,visibility .25s,background .15s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 2px 8px #0000001f}.back-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top-btn:hover{background:var(--accent-bg)}@media (width<=768px){#app{padding:16px}.app-header h1{font-size:22px}.controls{flex-direction:column;gap:12px}.controls>*{min-width:100%}.chart-container{border-radius:0;width:calc(100% + 32px);height:300px;margin-left:-16px;margin-right:-16px}.data-table th,.data-table td{padding:8px 10px;font-size:13px}.back-to-top-btn{bottom:calc(16px + env(safe-area-inset-bottom,0px));width:36px;height:36px;right:16px}.back-to-top-btn svg{width:18px;height:18px}}@media (orientation:landscape) and (height<=500px){.chart-container{height:70vh}}.stats-container{margin-bottom:24px}.stats-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:20px}.stats-title{color:var(--text-h);margin:0 0 12px;font-size:18px;font-weight:600}.stats-table-wrapper{overflow-x:auto}.stats-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:880px;font-size:13px}.stats-table th,.stats-table td{border-bottom:1px solid var(--border);text-align:center;white-space:nowrap;padding:10px 8px}.stats-table thead th{background:var(--surface-2);color:var(--text-h);font-weight:500}.stats-table tbody th{color:var(--text-h);text-align:left}.stats-table tbody tr:hover{background:var(--accent-bg)}.stats-average{color:var(--text-h);font-weight:600}.stats-year-dot{border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.extreme-container{margin-top:8px}.extreme-group{margin-bottom:24px}.extreme-group-title{color:var(--text-h);margin:0 0 12px;font-size:17px;font-weight:600}.extreme-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.extreme-year-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:14px}.extreme-year-card.warm{border-left:4px solid #f97316}.extreme-year-card.cold{border-left:4px solid #2563eb}.extreme-year-header{color:var(--text-h);align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.extreme-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.extreme-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.extreme-list li{color:var(--text);font-size:13px;line-height:1.4}.extreme-kind{color:#ea580c;margin-right:2px;font-weight:600;display:inline-block}.extreme-kind.severe{color:#b91c1c}.extreme-year-card.cold .extreme-kind{color:#2563eb}.extreme-year-card.cold .extreme-kind.severe{color:#1d4ed8}.badge-forecast{color:#b45309;vertical-align:middle;background:#fef3c7;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.badge-forecast--compact{margin-left:4px;padding:0 4px;font-size:10px}.theme-toggle{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--icon);cursor:pointer;z-index:10;border-radius:19px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;line-height:1;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:24px;right:24px}.theme-toggle:hover{background:var(--surface-2);color:var(--text-h)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle .icon-theme{font-size:16px}.theme-toggle .label-theme{white-space:nowrap}@media (width<=640px){.theme-toggle{padding:0 10px;font-size:12px;top:12px;right:12px}.theme-toggle .label-theme{display:none}}.skeleton{background:linear-gradient(90deg,#e5e7eb 0%,#f3f4f6 50%,#e5e7eb 100%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-chart{z-index:1;display:block;position:absolute;inset:0;overflow:hidden}.skeleton-chart:after{content:"";opacity:.6;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><rect x='220' y='8' width='160' height='14' rx='3' fill='%23d1d5db'/><rect x='45' y='50' width='112' height='11' rx='2' fill='%23d1d5db'/><g stroke='%239ca3af' stroke-width='3' stroke-linecap='round'><path d='M178 48h24'/><path d='M248 48h24'/><path d='M318 48h24'/><path d='M388 48h24'/><path d='M458 48h24'/></g><g fill='%239ca3af'><circle cx='190' cy='48' r='4'/><circle cx='260' cy='48' r='4'/><circle cx='330' cy='48' r='4'/><circle cx='400' cy='48' r='4'/><circle cx='470' cy='48' r='4'/></g><g fill='%23e5e7eb'><rect x='174' y='66' width='32' height='8' rx='2'/><rect x='244' y='66' width='32' height='8' rx='2'/><rect x='314' y='66' width='32' height='8' rx='2'/><rect x='384' y='66' width='32' height='8' rx='2'/><rect x='454' y='66' width='32' height='8' rx='2'/></g><g stroke='%23e5e7eb' stroke-width='1'><path d='M42 112H580'/><path d='M42 172H580'/><path d='M42 232H580'/><path d='M42 292H580'/><path d='M42 112V320'/><path d='M42 320H580'/></g><path d='M42 232 C95 170 145 245 205 185 S315 130 375 195 S485 145 580 165' fill='none' stroke='%23c4c8cc' stroke-width='3'/><path d='M42 260 C105 205 160 275 220 225 S330 245 405 185 S510 215 580 190' fill='none' stroke='%239ca3af' stroke-width='3'/><path d='M42 285 C110 250 165 295 245 255 S350 270 430 230 S520 250 580 220' fill='none' stroke='%23d1d5db' stroke-width='3'/></svg>") 50%/100% 100% no-repeat;position:absolute;inset:16px}.skeleton-row{flex-wrap:wrap;gap:12px;display:flex}.skeleton-card{flex:200px;min-width:160px;height:88px}.skeleton-table{border-radius:6px;height:320px;display:block;position:relative;overflow:hidden}.skeleton-table--stats{height:250px}.skeleton-table:after{content:"";background-image:linear-gradient(transparent 30px, var(--surface-2) 30px, var(--surface-2) 36px);background-size:100% 36px;border-radius:4px;position:absolute;inset:16px}.flatpickr-calendar,[data-theme=dark] .flatpickr-calendar,:root:not([data-theme=light]) .flatpickr-calendar{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}.flatpickr-calendar.static{position:static}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{border-bottom-color:var(--border)}.flatpickr-months .flatpickr-month,.flatpickr-current-month,.flatpickr-weekday,[data-theme=dark] .flatpickr-months .flatpickr-month,[data-theme=dark] .flatpickr-current-month,[data-theme=dark] .flatpickr-weekday,:root:not([data-theme=light]) .flatpickr-months .flatpickr-month,:root:not([data-theme=light]) .flatpickr-current-month,:root:not([data-theme=light]) .flatpickr-weekday{color:var(--text-h)!important;fill:var(--text)!important}.flatpickr-current-month input.cur-year,[data-theme=dark] .flatpickr-current-month input.cur-year,:root:not([data-theme=light]) .flatpickr-current-month input.cur-year{color:var(--text-h)!important}.flatpickr-day,[data-theme=dark] .flatpickr-day,:root:not([data-theme=light]) .flatpickr-day{color:var(--text)!important;border-color:var(--border)!important;background:0 0!important}.flatpickr-day:hover,[data-theme=dark] .flatpickr-day:hover,:root:not([data-theme=light]) .flatpickr-day:hover{background:var(--surface-2)!important;border-color:var(--surface-2)!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,[data-theme=dark] .flatpickr-day.selected,[data-theme=dark] .flatpickr-day.startRange,[data-theme=dark] .flatpickr-day.endRange,:root:not([data-theme=light]) .flatpickr-day.selected,:root:not([data-theme=light]) .flatpickr-day.startRange,:root:not([data-theme=light]) .flatpickr-day.endRange{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.flatpickr-day.inRange,[data-theme=dark] .flatpickr-day.inRange,:root:not([data-theme=light]) .flatpickr-day.inRange{background:var(--accent-bg)!important;border-color:var(--accent-bg)!important;box-shadow:-5px 0 0 var(--accent-bg), 5px 0 0 var(--accent-bg)!important}.flatpickr-day.flatpickr-disabled,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,[data-theme=dark] .flatpickr-day.flatpickr-disabled,[data-theme=dark] .flatpickr-day.prevMonthDay,[data-theme=dark] .flatpickr-day.nextMonthDay,:root:not([data-theme=light]) .flatpickr-day.flatpickr-disabled,:root:not([data-theme=light]) .flatpickr-day.prevMonthDay,:root:not([data-theme=light]) .flatpickr-day.nextMonthDay{color:var(--text)!important;opacity:.4!important}.flatpickr-monthSelect-month,[data-theme=dark] .flatpickr-monthSelect-month,:root:not([data-theme=light]) .flatpickr-monthSelect-month{color:var(--text)!important}.flatpickr-monthSelect-month.inRange,[data-theme=dark] .flatpickr-monthSelect-month.inRange,:root:not([data-theme=light]) .flatpickr-monthSelect-month.inRange{background:var(--accent-bg)!important;color:var(--text)!important}span.flatpickr-weekday,[data-theme=dark] span.flatpickr-weekday,:root:not([data-theme=light]) span.flatpickr-weekday{color:var(--text)!important}.flatpickr-prev-month,.flatpickr-next-month,[data-theme=dark] .flatpickr-prev-month,[data-theme=dark] .flatpickr-next-month,:root:not([data-theme=light]) .flatpickr-prev-month,:root:not([data-theme=light]) .flatpickr-next-month{fill:var(--text)!important;color:var(--text)!important}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg,[data-theme=dark] .flatpickr-prev-month:hover svg,[data-theme=dark] .flatpickr-next-month:hover svg,:root:not([data-theme=light]) .flatpickr-prev-month:hover svg,:root:not([data-theme=light]) .flatpickr-next-month:hover svg{fill:var(--accent)!important}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--border) 50%, var(--surface-2) 100%);background-size:200% 100%}.skeleton-chart:after{filter:brightness(.8)}