:root{font-family:"DM Sans","Noto Sans SC",sans-serif;color:#20312c;background:#e9eee9;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.site-shell{max-width:1460px;margin:auto;padding:0 52px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #cdd7d0}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:23px;font-weight:700;white-space:nowrap}.brand-mark{width:36px;height:36px;background:#294a3e;color:#eaf2dc;display:grid;place-items:center;border-radius:50%}.brand-mark svg{width:22px}.brand-en{font-size:10px;letter-spacing:1.2px;color:#84938a;font-weight:700;margin-left:8px;align-self:center}.header-actions{display:flex;align-items:center;gap:12px}.search-wrap{position:relative;width:305px;height:42px}.search-wrap input{width:100%;height:100%;background:#fff;border:1px solid #d3ddd6;border-radius:6px;padding:0 58px 0 40px;outline:none;color:#243b32;font-size:13px}.search-wrap input:focus{border-color:#7c9b84;box-shadow:0 0 0 3px #a2c1a540}.search-icon{position:absolute;left:14px;top:12px;width:17px;height:17px;color:#82938a;z-index:1}.search-wrap kbd{position:absolute;right:11px;top:12px;color:#a1ada5;font-size:10px;border:1px solid #dfe5df;padding:1px 4px;border-radius:3px}.icon-button{border:1px solid #d3ddd6;background:#fff;color:#456252;width:42px;height:42px;display:grid;place-items:center;border-radius:6px}.icon-button:hover{background:#dfe9e0}.icon-button svg{width:18px}.search-results{position:absolute;top:49px;left:0;right:0;z-index:20;background:white;border:1px solid #dce4de;border-radius:6px;box-shadow:0 18px 38px #13291b24;overflow:hidden;max-height:340px;overflow-y:auto}.search-results[hidden]{display:none}.search-result{display:block;width:100%;text-align:left;border:0;background:white;padding:11px 15px;border-bottom:1px solid #eef1ee}.search-result:hover,.search-result.active{background:#eef4ed}.search-result strong{display:block;font-size:13px}.search-result small{font-size:11px;color:#86948a}.search-empty{padding:15px;color:#84918a;font-size:12px}.intro-line{display:flex;justify-content:space-between;align-items:center;padding:24px 0 15px;color:#687e70;font-size:12px}.eyebrow,.section-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#62826e}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7cb47d;margin-right:7px;box-shadow:0 0 0 4px #7cb47d24}.hero{height:448px;position:relative;overflow:hidden;color:#fff;background:#496e67;border-radius:7px;isolation:isolate}.hero-photo,.hero-shade,.weather-particles{position:absolute;inset:0}.hero-photo{background-image:url('sky.jpg');background-size:cover;background-position:center 47%;transform:scale(1.015);transition:filter .8s,transform 8s}.hero:hover .hero-photo{transform:scale(1.055)}.hero-shade{background:linear-gradient(90deg,#142e2dde 0%,#1b3b37a6 44%,#17352b35 100%),linear-gradient(0deg,#102821bf 0%,transparent 28%)}.weather-cloudy .hero-photo{filter:saturate(.6) brightness(.78)}.weather-rain .hero-photo,.weather-storm .hero-photo{filter:saturate(.35) brightness(.55)}.weather-snow .hero-photo{filter:saturate(.35) brightness(1.18)}.weather-night .hero-photo{filter:saturate(.55) brightness(.35) hue-rotate(15deg)}.weather-particles{pointer-events:none;z-index:2}.weather-rain .weather-particles,.weather-storm .weather-particles{background-image:repeating-linear-gradient(105deg,transparent 0 30px,#eaf5f95e 31px 32px,transparent 33px 54px);background-size:120px 180px;animation:rain 1.2s linear infinite;opacity:.45}.weather-snow .weather-particles{background-image:radial-gradient(#fff 1.5px,transparent 2px),radial-gradient(#fff9 1px,transparent 2px);background-size:95px 110px,143px 150px;animation:snow 10s linear infinite;opacity:.7}@keyframes rain{to{background-position:-80px 180px}}@keyframes snow{to{background-position:80px 230px,-45px 150px}}.hero-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;padding:31px 41px 28px}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.place{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:600}.place svg{width:17px;height:17px;color:#c8e1c6}.place-source{font-size:10px;border:1px solid #ffffff63;border-radius:3px;padding:3px 6px;margin-left:8px;font-weight:400;color:#e9f2e7}.local-time{font-size:12px;color:#e8f0eb}.hero-main{flex:1;display:flex;justify-content:space-between;align-items:center}.hero-copy{padding-top:6px}.hero-kicker{margin:0 0 1px;color:#d8e7dc;font-size:13px}.temperature{display:flex;align-items:flex-start;font-size:122px;line-height:1.05;font-weight:500;letter-spacing:0}.degree{font-size:52px;line-height:1.2;margin-left:2px}.condition-line{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600}.condition-line svg{width:27px;height:27px;stroke-width:1.8}.weather-advice{font-size:14px;color:#e3eee5;max-width:380px;line-height:1.7;margin:16px 0 0}.hero-watermark{font-size:210px;font-weight:700;line-height:1;opacity:.13;margin-right:10%;user-select:none}.hero-bottom{justify-content:flex-start;border-top:1px solid #ffffff55;padding-top:20px}.hero-fact{display:flex;align-items:center;gap:7px;font-size:12px;color:#e9f1ea;margin-right:28px}.hero-fact svg{width:16px;height:16px;color:#c7ddc9}.hero-fact strong{font-weight:600;color:#fff}.updated-at{margin-left:auto;font-size:11px;color:#d1e0d4}.notice{margin-top:12px;background:#fdf1df;border-left:3px solid #d59847;padding:11px 14px;font-size:12px;color:#705636}.forecast-section{padding-top:50px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:18px}.section-eyebrow{margin:0 0 9px}.section-head h2{font-size:23px;font-weight:700;margin:0}.section-note{font-size:12px;color:#85958a}.hourly-scroll{overflow-x:auto;scrollbar-color:#b2c2b6 transparent;padding-bottom:8px}.hourly-list{min-width:875px;display:grid;grid-template-columns:repeat(12,minmax(72px,1fr));background:#f5f7f3;border:1px solid #d8e1d8;border-radius:6px;overflow:hidden}.hour-item{min-height:167px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 8px;border-right:1px solid #e0e8df}.hour-item:last-child{border-right:0}.hour-item.now{background:#dfeadd}.hour-time{font-size:11px;color:#74877a}.hour-icon svg{height:25px;width:25px;color:#c49542}.hour-item.rainy .hour-icon svg{color:#6e99a3}.hour-temp{font-size:20px;font-weight:700}.hour-rain{font-size:10px;color:#6e9da4;display:flex;align-items:center;gap:2px}.hour-rain svg{width:12px;height:12px}.week-section{padding-top:52px}.week-list{border-top:1px solid #cad6cc}.day-row{display:grid;grid-template-columns:150px 145px 100px minmax(130px,1fr) 110px;gap:16px;align-items:center;min-height:70px;border-bottom:1px solid #cad6cc;padding:0 12px;font-size:13px}.day-row:hover{background:#f3f6f1}.day-name{font-weight:600}.day-name small{color:#9aab9e;font-size:10px;margin-left:8px;font-weight:400}.day-condition{display:flex;align-items:center;gap:10px;color:#65796b}.day-condition svg{width:20px;height:20px;color:#c59950}.day-rain{font-size:11px;color:#6996a5;display:flex;align-items:center;gap:4px}.day-rain svg{width:13px}.temp-range{height:5px;border-radius:20px;background:#dce7df;position:relative}.temp-range span{position:absolute;top:0;bottom:0;border-radius:20px;background:linear-gradient(90deg,#8db6a0,#ebbb72)}.day-temps{text-align:right;font-size:14px;font-weight:700}.day-temps em{font-style:normal;color:#93a499;font-weight:400;margin-left:11px}.details-section{padding-top:55px;padding-bottom:70px}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d4ded5;background:#f5f7f3;border-radius:6px;overflow:hidden}.detail-item{min-height:222px;padding:23px 24px;border-right:1px solid #d9e2da}.detail-item:last-child{border-right:0}.detail-heading{display:flex;align-items:center;gap:8px;font-size:12px;color:#687d6f}.detail-heading svg{height:17px;width:17px;color:#5c8068}.detail-main{display:flex;align-items:baseline;gap:7px;margin-top:22px}.detail-main strong{font-size:44px;line-height:1}.score-unit{color:#97a79b;font-size:12px}.detail-item p{margin:13px 0 0;font-size:11px;color:#7e9183;line-height:1.6}.comfort-meter,.uv-meter{margin-top:20px;height:5px;background:#dce6db;border-radius:10px;overflow:hidden}.comfort-meter span,.uv-meter span{height:100%;width:0;display:block;background:#76a783;border-radius:10px;transition:width .8s}.uv-meter{background:linear-gradient(90deg,#a1c491,#eed46f,#e79e6c,#b3728a);position:relative;overflow:visible}.uv-meter span{position:absolute;top:-4px;height:13px;width:4px;background:#293e35;border:2px solid #fff;box-sizing:content-box;transition:left .8s}.level-tag{background:#e7ecdd;padding:3px 7px;border-radius:3px;font-size:11px;color:#608464}.wind-detail{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.wind-detail strong{font-size:29px}.wind-detail p{margin-top:3px}.compass{width:100px;height:100px;border:1px solid #cbdacf;border-radius:50%;position:relative;display:grid;place-items:center}.compass span{position:absolute;font-size:9px;color:#8b9e8d}.compass-n{top:5px}.compass-s{bottom:5px}.compass-e{right:6px}.compass-w{left:6px}.compass svg{width:36px;height:36px;color:#648d75;fill:#b8cfba;transition:transform .7s}.sun-times{display:flex;justify-content:space-between;margin-top:32px}.sun-times div{display:flex;flex-direction:column;gap:4px}.sun-times span{font-size:10px;color:#90a293}.sun-times strong{font-size:22px}.sun-track{height:34px;border-bottom:1px solid #b6cabb;position:relative;margin-top:9px}.sun-track:before{content:"";position:absolute;left:5%;right:5%;bottom:0;height:29px;border:1px dashed #8caf8e;border-bottom:0;border-radius:70px 70px 0 0}.sun-track span{position:absolute;width:12px;height:12px;border-radius:50%;background:#efc778;left:50%;top:2px;box-shadow:0 0 0 4px #efc77844;transition:left .8s,top .8s}.footer{border-top:1px solid #cbd7ce;padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#839488;font-size:11px}.footer-brand{display:flex;align-items:center;gap:6px;color:#44644e;font-size:13px;font-weight:700}.footer-brand svg{width:18px;height:18px}.footer a{text-decoration:underline;text-underline-offset:2px}@media(max-width:1050px){.site-shell{padding:0 30px}.details-grid{grid-template-columns:repeat(2,1fr)}.detail-item:nth-child(2){border-right:0}.detail-item:nth-child(-n+2){border-bottom:1px solid #d9e2da}.hero-watermark{margin-right:1%;font-size:170px}.day-row{grid-template-columns:115px 130px 70px minmax(100px,1fr) 90px;gap:8px}}@media(max-width:680px){.site-shell{padding:0 17px}.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:15px 0 12px;gap:12px}.brand{font-size:20px}.brand-en{display:none}.header-actions{width:100%}.search-wrap{flex:1;width:auto}.intro-line{padding:19px 0 12px;font-size:11px}.hero{height:480px}.hero-content{padding:23px 23px 21px}.hero-top{align-items:flex-start}.place{font-size:16px;flex-wrap:wrap}.place-source{font-size:9px}.local-time{white-space:nowrap;font-size:10px}.hero-main{align-items:center}.temperature{font-size:105px}.degree{font-size:43px}.condition-line{font-size:21px}.weather-advice{font-size:12px;max-width:270px}.hero-watermark{position:absolute;right:0;top:29%;font-size:145px;opacity:.09}.hero-bottom{display:grid;grid-template-columns:repeat(2,1fr);row-gap:14px}.hero-fact{margin:0;font-size:11px}.updated-at{grid-column:1/-1;margin:0;font-size:10px}.forecast-section{padding-top:41px}.section-head h2{font-size:21px}.section-note{font-size:10px}.hourly-list{min-width:825px}.day-row{grid-template-columns:65px 70px 1fr 58px;gap:5px;padding:0 3px;font-size:11px;min-height:66px}.day-name small{display:none}.day-condition{gap:3px;font-size:10px}.day-condition svg{width:17px;height:17px}.day-rain{display:none}.day-temps{font-size:11px}.day-temps em{margin-left:4px}.details-grid{grid-template-columns:repeat(2,1fr)}.detail-item{padding:17px;min-height:210px}.detail-main strong{font-size:35px}.compass{width:67px;height:67px}.compass svg{width:24px}.wind-detail strong{font-size:20px}.sun-times strong{font-size:17px}.footer{flex-wrap:wrap;padding-bottom:25px}.footer span:last-child{display:none}}@media(max-width:380px){.details-grid{grid-template-columns:1fr}.detail-item{border-right:0!important;border-bottom:1px solid #d9e2da}.detail-item:last-child{border-bottom:0}.day-row{grid-template-columns:55px 65px 1fr 55px}.hero-content{padding:19px}.place-source{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}