@charset "UTF-8";@font-face{font-family:Inter;src:url(/fonts/Inter24pt-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter24pt-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter24pt-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s ease,color .2s ease,border-color .2s ease}html,body{height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"liga" 1,"calt" 1;background-color:var(--bg-primary)}.app{height:100dvh;display:grid;grid-template-rows:64px 1fr;overflow:hidden;position:relative}.app .header{height:64px}.app .main{height:100%;display:grid;grid-template-rows:min-content 1fr;min-height:0;overflow:hidden}.app .main .section-header{padding:12px 24px;margin-top:24px}.app .main .content-container{width:100%;max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,48px);min-height:0}.app .main .main-grid{display:grid;grid-template-columns:3fr 1fr;grid-template-rows:1fr auto;gap:24px;min-height:0;min-width:0}.app .main .main-grid .weather-main,.app .main .main-grid .forecast-sidebar{min-height:0;min-width:0;overflow:hidden}.app .main .main-grid .hourly-chart{grid-column:1/-1;grid-row:2/3;padding:24px;display:flex;flex-shrink:0;min-width:0}.app .footer{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;transform:translateY(calc(100% - 20px));transition:transform .25s ease;pointer-events:none}.app .footer-trigger{position:absolute;bottom:0;left:0;width:100%;height:10px;z-index:10}.app .footer-trigger:hover+.footer,.app .footer:hover{transform:translateY(0);pointer-events:auto}@media(max-height:1200px){html,body{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.app{height:100dvh;overflow:hidden}}@media(max-width:640px){html,body{height:auto;overflow-y:auto}.app{height:auto;min-height:100vh}.app .main{grid-template-rows:auto auto;align-content:start}.app .main .section-header{padding:12px 16px;margin:12px 16px 0}.app .main .content-container{padding:0 16px;height:auto}.app .main .main-grid{grid-template-columns:2fr 1fr;grid-template-rows:auto auto;height:auto;gap:12px;align-content:start}.app .main .main-grid .weather-main{grid-column:1/2}.app .main .main-grid .forecast-sidebar{grid-column:2/3;overflow:visible}.app .main .main-grid .hourly-chart{grid-column:1/-1}.footer{position:static;transform:none;pointer-events:auto}.footer-trigger{display:none}}@media(max-width:480px){html,body{height:auto}.app .main .content-container{max-width:100%;width:100%;min-width:0;padding-inline:16px}.app .main .main-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;overflow:visible}.app .main .main-grid .weather-main,.app .main .main-grid .forecast-sidebar,.app .main .main-grid .hourly-chart{grid-column:1;grid-row:auto;overflow:visible}}.nav-theme{min-height:32px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:6px 14px;color:var(--text-subtitle);text-decoration:none;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-tertiary));border-radius:9999px;transition:background-color .2s ease,color .2s ease;outline:2px solid var(--bg-primary);border:1px solid var(--border-accent)}.icons-sm{width:16px;height:16px}@media(max-width:480px){.nav-theme{min-height:28px;padding:6px}}.navigation{position:sticky;top:0;z-index:100;width:100%;min-height:64px;background-color:var(--bg-secondary);box-shadow:var(--shadow);display:flex;align-items:center}.navigation .nav-content{width:100%;max-width:1200px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.navigation .nav-left,.navigation .nav-right{display:flex;align-items:center;gap:12px}.navigation .nav-github{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;color:var(--text-subtitle);text-decoration:none;background-color:transparent;border-radius:9999px;transition:background-color .2s ease,color .2s ease}.navigation .nav-github svg{display:block;flex-shrink:0}.navigation .nav-github:hover{background-color:var(--orange-color);color:var(--bg-primary)}.navigation .version{color:var(--text-subtitle);font-size:12px;border:1px solid var(--border-accent);border-radius:9999px;padding:4px 10px;white-space:nowrap}.navigation .icons-sm{width:16px;height:16px}.navigation .logo-wrapper{position:relative;display:inline-block}.navigation .logo-image{height:48px;width:auto;display:block}.navigation .logo-rain{position:absolute;top:-30px;left:20px;pointer-events:none}.navigation .drop{position:absolute;width:3px;height:14px;background-color:currentColor;border-radius:2px;opacity:0;animation:drop-fall 1s ease-out forwards}.navigation .drop:nth-child(1){left:10px;animation-delay:0s}.navigation .drop:nth-child(2){left:30px;animation-delay:.15s}.navigation .drop:nth-child(3){left:50px;animation-delay:.3s}.navigation .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes drop-fall{0%{transform:translateY(-10px);opacity:0}30%{opacity:1}to{transform:translateY(40px);opacity:0}}@media(max-width:480px){.navigation{min-height:56px}.navigation .nav-content{padding:0 24px}.navigation .logo-image{height:36px}.navigation .version{font-size:10px;padding:3px 8px}.navigation .nav-github{padding:6px}.navigation .nav-github .nav-github-text{display:none}}.header-info{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;gap:8px;padding:8px 16px}.header-info .icons-xl{width:24px;height:24px}.header-info .icons-sm{width:16px;height:16px}.header-info .location-info{position:relative}.header-info .location-info .location-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:background-color .3s,border-color .3s,color .3s;font-size:14px}.header-info .location-info .location-button:hover .chevron{transform:scale(1.1)}.header-info .location-info .location-button .location-text{font-weight:600}.header-info .location-info .location-button .chevron-wrapper{display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);transition:transform .3s}.header-info .location-info .location-button .chevron{width:16px;height:16px;transform-origin:center;transition:transform .3s}.header-info .location-info .location-button .chevron.open{transform:rotate(180deg)}.header-info .location-info .dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:420px;max-width:320px;width:auto;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-hover);z-index:50}@media(max-width:520px){.header-info .location-info .dropdown{min-width:300px}}@media(max-width:420px){.header-info .location-info .dropdown{min-width:200px}}.header-info .location-info .dropdown .dropdown-search{position:relative;padding:12px;border-bottom:1px solid var(--border-color)}.header-info .location-info .dropdown .dropdown-search .dropdown-search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.header-info .location-info .dropdown .dropdown-search .dropdown-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-size:14px;background-color:var(--bg-secondary);transition:border-color .3s,box-shadow .3s}.header-info .location-info .dropdown .dropdown-search .dropdown-search-input:focus{outline:none}.header-info .location-info .dropdown .dropdown-search .dropdown-search-input::placeholder{color:var(--text-tertiary)}.header-info .location-info .dropdown .dropdown-list{max-height:420px;overflow-y:auto}.header-info .location-info .dropdown .dropdown-list .dropdown-section-header{padding-inline:16px}.header-info .location-info .dropdown .dropdown-list .dropdown-section-title{font-size:14px;color:var(--text-subtitle);padding-top:8px}.header-info .location-info .dropdown .dropdown-list .dropdown-item{position:relative;width:100%;display:flex;align-items:center;gap:8px;padding-block:12px;border:none;background:none;color:var(--text-primary);cursor:pointer;text-align:left;font-size:14px;z-index:0}.header-info .location-info .dropdown .dropdown-list .dropdown-item:before{content:"";position:absolute;inset:0 -16px;background-color:transparent;z-index:-1;transition:background-color .3s}.header-info .location-info .dropdown .dropdown-list .dropdown-item:hover:before{background-color:var(--bg-secondary)}.header-info .location-info .dropdown .dropdown-list .dropdown-item.active:before{background-color:var(--bg-tertiary)}.header-info .location-info .dropdown .dropdown-list .dropdown-loading{display:flex;align-items:center;gap:8px;padding-block:12px;color:var(--text-subtitle);font-size:14px}.header-info .location-info .dropdown .dropdown-list .dropdown-loading .spinner{width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--text-subtitle);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header-info .location-info .dropdown .dropdown-list .dropdown-empty{padding:16px;font-size:14px;color:var(--text-subtitle)}.header-info .date-info{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--text-tertiary)}.header-info .date-info .date-text{font-size:14px}.largeweather-icon{display:inline-block;flex-shrink:0;width:clamp(120px,30vw,240px);aspect-ratio:1/1}.largeweather-icon img{width:100%;height:100%;object-fit:contain;display:block}.skeleton{pointer-events:none;animation:skeleton-fade-in .3s ease-out}.weather-main-skeleton{flex:1;min-height:0;display:flex}.weather-skeleton-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1}.weather-skeleton-details{flex:1;display:flex;flex-direction:column}.skeleton-temperature-section{display:flex;align-items:flex-start;gap:32px}.skeleton-temp-left{display:flex;flex-direction:column}.skeleton-temp-display{display:flex;align-items:flex-start;line-height:.9;margin-bottom:16px}.skeleton-temp{width:clamp(3.5rem,10vw,6.5rem);height:clamp(3.5rem,10vw,6.5rem);border-radius:8px}.skeleton-degree{width:clamp(1.25rem,3vw,2rem);height:clamp(1.25rem,3vw,2rem);margin-left:6px;border-radius:50%}.skeleton-text{width:160px;height:clamp(1rem,3.5vw,1.5rem);margin-top:8px}.skeleton-icon{width:72px;height:72px;border-radius:50%}.weather-skeleton-stats{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.skeleton-stat{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:var(--bg-secondary);border-radius:8px;min-width:120px}.skeleton-stat-top{display:flex;align-items:center;gap:2px}.skeleton-icon-sm{width:18px;height:18px;border-radius:50%}.skeleton-label{width:56px;height:10px}.skeleton-value{width:38px;height:12px}.skeleton-box,.skeleton-icon,.skeleton-icon-sm,.skeleton-temp,.skeleton-degree,.skeleton-text,.skeleton-label,.skeleton-value{background:linear-gradient(110deg,var(--bg-secondary) 35%,var(--bg-tertiary) 45%,var(--bg-secondary) 55%);background-size:300% 100%;animation:shimmer 1.8s ease-in-out infinite;opacity:.85}@media(max-width:1024px){.weather-skeleton-content{flex-direction:column}.weather-skeleton-details{width:100%}}@media(max-width:640px){.weather-skeleton-stats{gap:12px}.skeleton-stat{align-items:center;text-align:center;padding:12px;gap:8px}.skeleton-stat-top{flex-direction:column}.skeleton-icon-sm{width:20px;height:20px}.skeleton-label{height:8px}.skeleton-value{height:10px}}@media(max-width:480px){.skeleton-stat{min-width:unset;flex:0 1 45%}}.weather-main-card{flex:1;min-height:0;display:flex}.weather-main-card .weather-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1;min-height:0}.weather-main-card .weather-details{flex:1;display:flex;flex-direction:column}.weather-main-card .temperature-section{display:flex;align-items:flex-start;gap:32px}.weather-main-card .temperature-section .temperature-left{display:flex;flex-direction:column}.weather-main-card .temperature-section .temperature-left .temperature-display{display:flex;align-items:flex-start;line-height:.9;margin-bottom:16px}.weather-main-card .temperature-section .temperature-left .temperature{font-size:clamp(3.5rem,10vw,6.5rem);font-weight:400;color:var(--text-primary);letter-spacing:-.03em}.weather-main-card .temperature-section .temperature-left .degree-symbol{font-size:clamp(1.25rem,3vw,2rem);font-weight:500;color:var(--text-primary);margin-top:.4em}.weather-main-card .temperature-section .temperature-left .weather-description{font-size:clamp(1rem,3.5vw,1.5rem);color:var(--text-tertiary);font-weight:400;text-transform:capitalize;margin-top:8px}.weather-main-card .weather-stats{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.weather-main-card .weather-stats .stat-item{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:var(--bg-secondary);border-radius:8px;min-width:120px}.weather-main-card .weather-stats .stat-item .stat-top{display:flex;align-items:center;gap:2px}.weather-main-card .weather-stats .stat-item .stat-icon{width:18px;height:18px}.weather-main-card .weather-stats .stat-item .stat-label{font-size:14px;color:var(--text-tertiary)}.weather-main-card .weather-stats .stat-item .stat-value{font-size:20px;font-weight:600;color:var(--text-primary)}@media(max-width:1024px){.weather-main-card .weather-content{flex-direction:column}.weather-main-card .weather-details{width:100%}.weather-main-card .temperature-section .temperature-display .temperature{font-size:72px}}@media(max-width:640px){.weather-stats{gap:12px}.weather-stats .stat-item{align-items:center;text-align:center;padding:12px;gap:8px}.weather-stats .stat-item .stat-top{flex-direction:column;gap:2px}.weather-stats .stat-item .stat-icon{width:20px;height:20px}.weather-stats .stat-item .stat-label{font-size:12px}.weather-stats .stat-item .stat-value{font-size:14px}}@media(max-width:480px){.weather-main-card .stat-item{min-width:unset;flex:0 1 45%}.weather-main-card .stat-value{font-size:14px}}.weather-icon{width:clamp(32px,6vw,60px)}.weather-icon img{width:100%;height:100%;object-fit:contain}.forecast-sidebar-card{height:100%;display:flex;flex-direction:column}.forecast-list{display:flex;flex-direction:column;flex:1;gap:4px}.forecast-list-item{display:contents}.forecast-item{position:relative;display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--bg-secondary);border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background-color .3s,transform .3s,.3s}.forecast-item:before{content:"";position:absolute;left:0;top:50%;width:4px;height:0;background-color:var(--orange-color);border-radius:8px;transform:translateY(-50%);opacity:0;transition:height .25s ease,opacity .2s ease}.forecast-item:hover,.forecast-item.active{background-color:var(--bg-tertiary)}.forecast-item.active:before{height:50%;opacity:1}.forecast-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.forecast-day{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.forecast-description{font-size:12px;color:var(--text-tertiary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forecast-temp{font-size:14px;font-weight:400;color:var(--text-tertiary);flex-shrink:0}.hourly-chart__inner{width:100%;height:180px}.hourly-chart__inner .hourly-chart__inner{position:relative;width:100%;height:100%}.hourly-chart__inner .hourly-chart__notice{font-size:12px;color:var(--text-subtitle);margin-bottom:8px;text-align:center}@media(max-width:1024px){.hourly-chart__inner{height:160px}}@media(max-width:768px){.hourly-chart__inner{height:140px}}@media(max-width:640px){.hourly-chart__inner{height:120px}}@media(max-width:480px){.hourly-chart__inner{height:100px}}.footer-wrapper{position:relative;width:100%;background-color:var(--bg-secondary);padding-top:16px}.footer-wrapper:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:4px;background-color:var(--orange-color);border-radius:8px;opacity:1;transition:background-color .3s}.footer-wrapper .footer-content{max-width:1200px;margin:0 auto;padding:24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:.875rem;color:var(--text-tertiary)}.footer-wrapper .footer-item{display:flex;align-items:center;transition:color .3s;font-style:italic;line-height:1.6}.footer-wrapper .footer-link{display:flex;align-items:center;color:var(--text-primary);text-decoration:none;transition:color .3s;padding-left:4px}.footer-wrapper .footer-link:hover{color:var(--orange-color)}.footer-wrapper .footer-link svg{flex-shrink:0}@media(max-width:640px){.footer-wrapper .footer-content{font-size:12px;gap:8px}}.skeleton-item{position:relative;display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--bg-secondary);border-radius:8px}.skeleton-item:before{content:"";position:absolute;left:0;top:50%;width:4px;height:50%;background-color:transparent;border-radius:8px;transform:translateY(-50%)}.skeleton-icon,.skeleton-day,.skeleton-desc,.skeleton-temp{background:linear-gradient(110deg,var(--bg-secondary) 35%,var(--bg-tertiary) 45%,var(--bg-secondary) 55%);background-size:300% 100%;animation:shimmer 2s ease-in-out infinite;opacity:.8;border-radius:6px}.skeleton-icon{width:32px;height:32px;flex-shrink:0;border-radius:9999px}.skeleton-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.skeleton-day{width:90px;height:16px}.skeleton-desc{width:120px;height:12px}.skeleton-temp{width:36px;height:16px;margin-left:auto;flex-shrink:0}@media(prefers-reduced-motion:reduce){.skeleton-icon,.skeleton-day,.skeleton-desc,.skeleton-temp{animation:none;opacity:.6}}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f7f8;--bg-tertiary: #eceef0;--orange-color: #eb6e4b;--text-primary: #303233;--text-tertiary: #5a667d;--text-subtitle: #6c7880;--border-color: #f6f7f8;--border-accent: #e1e5ea;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-sm: 0 3px 6px rgba(0, 0, 0, .08);--shadow-hover: 0 10px 20px rgba(0, 0, 0, .15);--shadow-top: 0 2px 4px -2px rgba(0, 0, 0, .1)}:root[data-theme=dark]{--bg-primary: #1f1f1f;--bg-secondary: #2b2b2b;--bg-tertiary: #323232;--orange-color: #eb6e4b;--text-primary: #f2f2f2;--text-tertiary: #b6bcc6;--text-subtitle: #9aa0a6;--border-color: #2a2a2a;--border-accent: #3a3f45;--shadow: 0 4px 6px rgba(0, 0, 0, .4);--shadow-sm: 0 3px 6px rgba(0, 0, 0, .35);--shadow-hover: 0 10px 20px rgba(0, 0, 0, .5);--shadow-top: 0 2px 4px -2px rgba(0, 0, 0, .45)}.skeleton{pointer-events:none;animation:skeleton-fade-in .25s ease-out}.hourly-chart-skeleton{width:100%;height:180px;display:flex;flex-direction:column}@media(max-width:1024px){.hourly-chart-skeleton{height:160px}}@media(max-width:768px){.hourly-chart-skeleton{height:140px}}@media(max-width:640px){.hourly-chart-skeleton{height:120px}}@media(max-width:480px){.hourly-chart-skeleton{height:100px}}.skeleton-notice{width:220px;height:12px;margin:0 auto 8px;border-radius:6px;background:linear-gradient(110deg,var(--bg-secondary) 35%,var(--bg-tertiary) 45%,var(--bg-secondary) 55%);background-size:300% 100%;animation:shimmer 2s ease-in-out infinite;opacity:.75}.skeleton-chart{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px}.skeleton-point{width:8px;border-radius:4px;flex-shrink:0;background:linear-gradient(110deg,var(--bg-secondary) 35%,var(--bg-tertiary) 45%,var(--bg-secondary) 55%);background-size:300% 100%;animation:shimmer 2.2s ease-in-out infinite;opacity:.6;height:40%}.skeleton-point:nth-child(odd){height:55%}.skeleton-point:nth-child(3n){height:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.skeleton-notice,.skeleton-point{animation:none;opacity:.5}}