:root{--pa-blue:#166CBE;--pa-red:#FD0515;--pa-dark:#0d1f35;--pa-text2:#4a6080;--pa-text3:#8fa5be;--pa-border:#dce8f5;--pa-border2:#e8eef5;--pa-bg-light:#e8f2fb;--pa-bg-light2:#f0f7ff;--pa-card:#fff}.pa-svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.pa-page{max-width:920px;margin:0 auto;padding:0 24px 60px}@keyframes pa-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pa-blink{0%,100%{opacity:1}50%{opacity:.25}}.pa-loading{text-align:center;padding:80px 20px;color:var(--pa-text3);font-size:14px}.pa-spinner{width:36px;height:36px;border:3px solid var(--pa-border);border-top-color:var(--pa-blue);border-radius:50%;animation:pa-spin .8s linear infinite;margin:0 auto 16px}@keyframes pa-spin{to{transform:rotate(360deg)}}.pa-error{color:var(--pa-red)}.pa-hero{margin-top:20px;background:var(--pa-card);border:1px solid var(--pa-border);border-top:none;border-radius:24px;overflow:hidden;box-shadow:0 4px 32px rgb(22 108 190 / .08);animation:pa-fade-up .5s ease both}.pa-hero-accent{height:0;background:none}.pa-hero-body{padding:36px 44px 32px}.pa-hero-grid{display:grid;grid-template-columns:1fr 200px;gap:40px;align-items:center}.pa-hero-badge{display:inline-flex;align-items:center;gap:7px;background:var(--pa-bg-light);border:1px solid #d0e6f7;padding:5px 14px 5px 9px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--pa-blue);margin-bottom:16px;width:fit-content}.pa-live-dot{width:7px;height:7px;border-radius:50%;background:var(--pa-blue);box-shadow:0 0 8px rgb(22 108 190 / .5);animation:pa-blink 2.5s ease-in-out infinite;flex-shrink:0}.pa-hero-title{font-size:clamp(26px, 3.8vw, 42px);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--pa-dark);margin-bottom:24px}.pa-hero-title span,.pa-area-highlight{color:var(--pa-blue)}.pa-hero-left{display:flex;align-items:center;gap:16px}.pa-hero-icon{animation:pa-float 5s ease-in-out infinite;display:inline-flex;font-size:64px;line-height:1}.pa-hero-icon svg{width:64px;height:64px}.pa-hero-meta{display:flex;flex-direction:column;gap:4px}.pa-temp-display{font-size:clamp(56px, 9vw, 80px);font-weight:800;font-family:'IBM Plex Sans',sans-serif;line-height:1;color:var(--pa-blue)}.pa-temp-display sup{font-size:40%;vertical-align:super}.pa-hero-desc{font-size:19px;font-weight:700;color:var(--pa-dark)}.pa-hero-feel{font-size:13px;color:var(--pa-text2);margin-top:2px}.pa-hero-right{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.pa-live-clock{font-family:'IBM Plex Sans',sans-serif;font-size:13px;color:var(--pa-text3);letter-spacing:.08em}.pa-hilo-card{background:var(--pa-bg-light);border:1px solid #d0e6f7;border-radius:16px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}.pa-hilo-item{display:flex;flex-direction:column}.pa-hilo-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--pa-text3);text-transform:uppercase;margin-bottom:3px}.pa-hilo-val{font-size:22px;font-weight:700;font-family:'IBM Plex Sans',sans-serif}.pa-hilo-val.hi{color:var(--pa-red)}.pa-hilo-val.lo{color:var(--pa-blue)}.pa-hero-updated{font-size:11px;color:var(--pa-text3);display:flex;align-items:center;gap:6px}.pa-summary-strip{margin-top:24px;background:linear-gradient(135deg,var(--pa-bg-light) 0%,var(--pa-bg-light2) 100%);border:1px solid #d0e6f7;border-radius:14px;padding:16px 22px;font-size:13.5px;color:var(--pa-text2);line-height:1.6}.pa-summary-strip strong{color:var(--pa-dark)}.pa-stats-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--pa-border2)}.pa-stat-cell{padding:20px 24px;border-right:1px solid var(--pa-border2);display:flex;flex-direction:column;gap:4px;transition:background .18s;cursor:default}.pa-stat-cell:last-child{border-right:none}.pa-stat-cell:hover{background:var(--pa-bg-light)}.pa-stat-label{font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--pa-text3);text-transform:uppercase}.pa-stat-value{font-size:20px;font-weight:700;font-family:'IBM Plex Sans',sans-serif;color:var(--pa-blue)}.pa-stat-sub{font-size:11px;color:var(--pa-text2)}.pa-section-title{font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--pa-blue);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:28px 0 12px}.pa-section-title svg{width:16px;height:16px;stroke:var(--pa-blue)}.pa-section-title::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,#d0e6f7,transparent);border-radius:1px}.pa-hourly-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--pa-border2) #fff0}.pa-hour-card{background:var(--pa-card);border:1px solid var(--pa-border);border-radius:16px;padding:14px 12px;min-width:78px;display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;transition:all .2s;cursor:default;box-shadow:0 1px 6px rgb(22 108 190 / .05)}.pa-hour-card:hover{border-color:var(--pa-blue);box-shadow:0 4px 16px rgb(22 108 190 / .12);transform:translateY(-2px)}.pa-hour-card.now{background:var(--pa-blue);border-color:var(--pa-blue);box-shadow:0 6px 20px rgb(22 108 190 / .3)}.pa-hour-now-label{font-size:8px;font-weight:700;letter-spacing:.1em;color:rgb(255 255 255 / .9);text-transform:uppercase}.pa-hour-time{font-size:11px;font-weight:600;color:var(--pa-text3);letter-spacing:.05em}.pa-hour-card.now .pa-hour-time{color:rgb(255 255 255 / .7)}.pa-hour-icon{display:inline-flex;align-items:center;justify-content:center}.pa-hour-icon svg{width:28px;height:28px}.pa-hour-temp{font-size:16px;font-weight:700;font-family:'IBM Plex Sans',sans-serif;color:var(--pa-dark)}.pa-hour-card.now .pa-hour-temp{color:#fff}.pa-hour-rain{font-size:10px;color:var(--pa-blue);font-weight:600;display:flex;align-items:center;gap:2px}.pa-hour-rain svg{width:12px;height:12px;stroke:currentColor}.pa-hour-card.now .pa-hour-rain{color:rgb(255 255 255 / .8)}.pa-daily-list{display:flex;flex-direction:column;gap:6px}.pa-day-row{background:var(--pa-card);border:1px solid var(--pa-border);border-radius:14px;padding:15px 22px;display:grid;grid-template-columns:110px 36px 1fr 1fr auto;align-items:center;gap:14px;transition:all .18s;cursor:default;box-shadow:0 1px 4px rgb(22 108 190 / .04)}.pa-day-row:hover{border-color:var(--pa-blue);box-shadow:0 4px 14px rgb(22 108 190 / .1)}.pa-day-row.today{border-color:var(--pa-blue);background:var(--pa-bg-light)}.pa-day-name{display:flex;flex-direction:column}.pa-day-name-main{font-size:13px;font-weight:600;color:var(--pa-dark)}.pa-day-row.today .pa-day-name-main{color:var(--pa-blue)}.pa-day-name-sub{font-size:10px;color:var(--pa-text3)}.pa-day-icon{display:inline-flex;align-items:center;justify-content:center}.pa-day-icon svg{width:28px;height:28px}.pa-day-desc{font-size:11px;color:var(--pa-text2)}.pa-day-temps{display:flex;align-items:center;gap:8px}.pa-day-lo{font-size:12px;color:var(--pa-blue);font-family:'IBM Plex Sans',sans-serif;font-weight:600}.pa-day-hi{font-size:12px;color:var(--pa-red);font-family:'IBM Plex Sans',sans-serif;font-weight:600}.pa-day-bar{flex:1;height:5px;background:var(--pa-border2);border-radius:3px;overflow:hidden;position:relative;min-width:60px}.pa-day-bar-fill{position:absolute;top:0;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--pa-blue),var(--pa-red))}.pa-day-rain{font-size:12px;color:var(--pa-blue);font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.pa-day-rain svg{width:14px;height:14px;stroke:currentColor}.pa-day-rain.low{opacity:.5}.pa-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}.pa-info-card{background:var(--pa-card);border:1px solid var(--pa-border);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:8px;transition:all .18s;box-shadow:0 1px 6px rgb(22 108 190 / .04)}.pa-info-card:hover{border-color:var(--pa-blue);box-shadow:0 4px 16px rgb(22 108 190 / .1)}.pa-info-card-title{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--pa-text3);text-transform:uppercase;display:flex;align-items:center;gap:7px}.pa-info-card-title svg{width:14px;height:14px;stroke:currentColor}.pa-info-value{font-size:34px;font-weight:800;font-family:'IBM Plex Sans',sans-serif;color:var(--pa-blue)}.pa-info-value small{font-size:14px;color:var(--pa-text3);font-weight:500}.pa-info-sub{font-size:12px;color:var(--pa-text2)}.pa-info-sub strong{font-weight:600}.pa-progress{width:100%;height:5px;background:var(--pa-border2);border-radius:3px;overflow:hidden;margin-top:4px}.pa-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.pa-progress-fill.humidity{background:var(--pa-blue)}.pa-progress-fill.uv-low{background:#22c55e}.pa-progress-fill.uv-mod{background:#eab308}.pa-progress-fill.uv-high{background:#f97316}.pa-progress-fill.uv-vhigh{background:var(--pa-red)}.pa-progress-fill.pressure{background:var(--pa-blue)}.pa-wind-main{display:flex;align-items:center;gap:16px;margin-top:4px}.pa-wind-dir{width:60px;height:60px;border-radius:50%;border:2px solid var(--pa-border);position:relative;display:flex;align-items:center;justify-content:center}.pa-wind-arrow{width:2px;height:24px;background:var(--pa-blue);border-radius:1px;position:absolute;transform-origin:center bottom}.pa-wind-arrow::after{content:'';position:absolute;top:-4px;left:-4px;border-left:5px solid #fff0;border-right:5px solid #fff0;border-bottom:8px solid var(--pa-blue)}.pa-wind-dot{width:6px;height:6px;border-radius:50%;background:var(--pa-blue);position:absolute}.pa-wind-info{display:flex;flex-direction:column;gap:2px}.pa-wind-speed{font-size:22px;font-weight:700;font-family:'IBM Plex Sans',sans-serif;color:var(--pa-blue)}.pa-wind-speed small{font-size:13px;color:var(--pa-text2);font-weight:500}.pa-wind-label{font-size:12px;color:var(--pa-text2)}.pa-sun-card{grid-column:span 2;background:var(--pa-card);border:1px solid var(--pa-border);border-radius:16px;padding:22px 24px;box-shadow:0 1px 6px rgb(22 108 190 / .04)}.pa-sun-card:hover{border-color:var(--pa-blue);box-shadow:0 4px 16px rgb(22 108 190 / .1)}.pa-sun-card-title{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--pa-text3);text-transform:uppercase;display:flex;align-items:center;gap:7px}.pa-sun-card-title svg{width:14px;height:14px;stroke:currentColor}.pa-sun-row{display:flex;align-items:center;margin-top:14px}.pa-sun-time-block{text-align:center;flex:1}.pa-sun-time-label{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--pa-text3);text-transform:uppercase;margin-bottom:5px;display:flex;align-items:center;justify-content:center;gap:5px}.pa-sun-time-label svg{width:14px;height:14px;stroke:currentColor}.pa-sun-time-val{font-size:28px;font-weight:800;font-family:'IBM Plex Sans',sans-serif}.pa-sun-time-block:first-child .pa-sun-time-val{color:var(--pa-blue)}.pa-sun-time-block:last-child .pa-sun-time-val{color:var(--pa-red)}.pa-sun-arc-wrap{flex:2;margin:0 16px}.pa-sun-arc-wrap svg{width:100%;height:52px}.pa-sun-duration{text-align:center;font-size:11px;color:var(--pa-text3);margin-top:6px}.pa-last-updated{text-align:center;font-size:12px;color:var(--pa-text3);margin-top:36px;padding-top:20px;border-top:1px solid var(--pa-border2)}.pa-nav-links{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.pa-nav-link{font-size:13px;font-weight:600;color:var(--pa-blue);text-decoration:none;display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:1px solid var(--pa-border);background:var(--pa-card);transition:all .18s}.pa-nav-link:hover{border-color:var(--pa-blue);background:var(--pa-bg-light)}.pa-nav-link svg{width:16px;height:16px;stroke:currentColor}.pa-nav-link.pa-center{margin:0 auto}.pa-arr{font-size:16px}@media (max-width:680px){.pa-page{padding:0 14px 40px}.pa-hero-body{padding:24px 20px 20px}.pa-hero-grid{grid-template-columns:1fr;gap:20px}.pa-hero-left{flex-wrap:wrap}.pa-hero-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.pa-hero-icon{font-size:48px}.pa-hero-icon svg{width:48px;height:48px}.pa-stats-row{grid-template-columns:repeat(2,1fr)}.pa-day-row{grid-template-columns:85px 30px 1fr auto}.pa-day-desc{display:none}.pa-day-temps{min-width:0}.pa-info-grid{grid-template-columns:1fr}.pa-sun-card{grid-column:span 1}.pa-sun-row{flex-direction:column;gap:16px}.pa-sun-arc-wrap{width:100%;margin:0}.pa-summary-strip{font-size:13px}.pa-nav-links{flex-direction:column}.pa-other-grid{grid-template-columns:repeat(2,1fr)}}.pa-other-areas{max-width:900px;margin:32px auto 0;padding:28px 24px;background:var(--pa-card);border:1px solid var(--pa-border);border-radius:16px}.pa-other-title{font-size:18px;font-weight:700;color:var(--pa-text);margin:0 0 16px}.pa-other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pa-other-link{display:block;padding:10px 14px;background:var(--pa-card2,rgb(22 108 190 / .04));border:1px solid var(--pa-border);border-radius:10px;color:var(--pa-blue);font-size:14px;font-weight:500;text-decoration:none;text-align:center;transition:background .2s,border-color .2s}.pa-other-link:hover{background:rgb(22 108 190 / .1);border-color:var(--pa-blue)}.pa-other-sub{margin:16px 0 0;font-size:13px;color:var(--pa-sub);text-align:center}.pa-other-sub a{color:var(--pa-blue);text-decoration:underline}@media (max-width:600px){.pa-other-grid{grid-template-columns:repeat(2,1fr)}}.pa-conditions{max-width:900px;margin:24px auto 0;padding:24px;background:var(--pa-card);border:1px solid var(--pa-border);border-radius:16px}.pa-cond-title{font-size:18px;font-weight:700;color:var(--pa-text);margin:0 0 16px}.pa-cond-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pa-cond-block{padding:16px;background:var(--pa-card2,rgb(22 108 190 / .03));border:1px solid var(--pa-border);border-radius:12px}.pa-cond-heading{font-size:14px;font-weight:700;color:var(--pa-text);margin:0 0 6px}.pa-cond-value{font-size:26px;font-weight:800;color:var(--pa-blue);margin:0 0 8px}.pa-cond-text{font-size:13px;line-height:1.6;color:var(--pa-sub);margin:0}@media (max-width:600px){.pa-cond-grid{grid-template-columns:1fr}}