:root{--background:#f6f7f3;--surface:#fff;--surface-soft:#eef1eb;--border:#e1e5dd;--text:#26312d;--muted:#66736d;--subtle:#9aa59f;--green:#234c3d;--green-soft:#e4ece7;--green-border-hover:#234c3d29;--green-track:#234c3d29;--accent:#5f8172;--negative:#8b5a49;--font-sans:"Hiragino Sans", "Yu Gothic", "YuGothic", Arial, sans-serif;--radius-card:28px;--radius-panel:24px;--space-section:16px;--ease-out:cubic-bezier(.16, 1, .3, 1);--motion-fast:.16s;--motion-base:.26s}*{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--background);color:var(--text);font-family:var(--font-sans);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.page{min-height:100vh;padding:22px 20px 56px}.shell{max-width:1060px;margin:0 auto}.site-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.brand{color:var(--green);letter-spacing:.02em;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);font-size:.98rem;font-weight:800}.brand:hover{opacity:.74}.brand:active{transform:translateY(1px)}.site-header nav{color:var(--muted);align-items:center;gap:22px;font-size:.76rem;font-weight:600;display:flex}.site-header nav a{transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border-bottom:2px solid #0000;padding:0 0 5px}.site-header nav a:hover{color:var(--green);transform:translateY(-1px)}.site-header nav a:active{transform:translateY(1px)}.site-header nav a[aria-current=page]{border-color:var(--green);color:var(--green)}.page-intro,.document-page{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-card);margin-bottom:var(--space-section);padding:30px}.page-intro h1,.document-page h1{color:var(--text);margin:0 0 10px;font-size:1.45rem;line-height:1.35}.page-intro-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.page-intro-action{flex:none}.page-intro-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.page-intro p:last-child,.document-page p{color:var(--muted);font-size:.86rem;font-weight:500;line-height:1.7}.area-aliases{color:var(--accent);margin:0 0 6px;font-size:.82rem;font-weight:650;line-height:1.6}.document-page h2{margin:30px 0 10px}.document-page h2:first-of-type{margin-top:24px}.document-page ul{color:var(--text);gap:8px;margin:10px 0 0;padding-left:1.55em;font-size:.86rem;font-weight:500;line-height:1.7;display:grid}.document-page li{padding-left:.18em}.document-page p+h2,.document-page ul+h2{margin-top:34px}.document-page ul+p,.document-page p+ul{margin-top:12px}.area-jump-nav{background:color-mix(in srgb, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;margin:-2px 0 18px;padding:8px 0 4px;position:sticky;top:0}.area-jump-row{scrollbar-width:none;gap:7px;padding:0 2px 2px;display:flex;overflow-x:auto}.area-jump-row::-webkit-scrollbar{display:none}.area-jump-row a{background:var(--surface);border:.5px solid var(--border);color:var(--green);transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border-radius:999px;flex:none;padding:8px 11px;font-size:.72rem;font-weight:800;line-height:1}.area-jump-row a:hover{background:var(--surface-soft);border-color:var(--green-border-hover);transform:translateY(-1px)}.area-jump-row a:active{transform:translateY(1px)}.area-groups{margin-bottom:var(--space-section);gap:28px;display:grid}.area-group{gap:14px;display:grid}.area-group h2{color:var(--green);scroll-margin-top:76px;font-size:1rem;font-weight:800}.prefecture-groups{gap:16px;display:grid}.prefecture-group{gap:9px;display:grid}.prefecture-group h3{color:var(--muted);scroll-margin-top:76px;font-size:.78rem;font-weight:800}.area-group h2:target,.prefecture-group h3:target{animation:area-target-flash .9s var(--ease-out)}.area-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.area-card{background:var(--surface);border:.5px solid var(--border);min-height:82px;transition:background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);border-radius:22px;gap:6px;padding:15px 16px;display:grid}.area-card:hover{background:var(--surface-soft);border-color:var(--green-border-hover);transform:translateY(-3px)}.area-card:active{transform:translateY(-1px)}.area-card span{color:var(--text);font-size:.9rem;font-weight:800}.area-card small{color:var(--muted);font-size:.7rem;font-weight:700;line-height:1.5}h2,p{margin:0}.forecast-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-card);margin-bottom:var(--space-section);grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:28px;padding:34px;display:grid}.forecast-main{min-width:0}.forecast-side{border-left:.5px solid var(--border);padding-left:28px}.area-row{justify-content:space-between;align-items:start;gap:18px;display:flex}.section-kicker{color:var(--accent);letter-spacing:.12em;margin-bottom:9px;font-size:.68rem;font-weight:800;line-height:1}h2{color:var(--text);font-size:1.18rem;line-height:1.35}.badge{background:var(--green-soft);color:var(--green);border-radius:999px;flex:none;padding:8px 13px;font-size:.76rem;font-weight:800}.area-select-link{background:var(--green);color:var(--surface);min-height:42px;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;margin-top:20px;padding:9px 18px;font-size:.8rem;font-weight:800;display:inline-flex}.forecast-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;display:flex}.forecast-actions .area-select-link{margin-top:0}.area-select-link-secondary{background:var(--green);color:var(--surface);min-height:36px;margin-top:0;padding:8px 14px}.area-select-link:hover{transform:translateY(-1px)}.area-select-link:active{opacity:.9;transform:translateY(1px)}.forecast-share-button,.image-share-button{background:var(--surface-soft);color:var(--green);cursor:pointer;min-height:42px;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border:0;border-radius:999px;padding:9px 18px;font-size:.8rem;font-weight:800}.forecast-share-button:hover,.image-share-button:hover{transform:translateY(-1px)}.forecast-share-button:active,.image-share-button:active{opacity:.9;transform:translateY(1px)}.page-intro-actions .forecast-share-button,.page-intro-actions .image-share-button,.page-intro-actions .area-select-link-secondary{background:var(--surface-soft);color:var(--green);min-height:36px;padding:8px 14px}.page-intro-actions .area-select-link-secondary{background:var(--green);color:var(--surface)}.score{align-items:end;gap:12px;margin-top:34px;display:flex}.score strong{animation:score-rise .52s var(--ease-out) both;color:var(--green);letter-spacing:-.04em;font-size:clamp(3.8rem,9vw,6.4rem);font-weight:800;line-height:.82}.score span{color:var(--subtle);padding-bottom:11px;font-size:.82rem;font-weight:800}.forecast-meta{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.forecast-meta span{animation:soft-enter .42s var(--ease-out) both;background:var(--surface-soft);border-radius:999px;gap:8px;max-width:100%;min-height:34px;padding:8px 12px;display:inline-flex}.forecast-meta span:nth-child(2){animation-delay:60ms}.forecast-meta span:nth-child(3){animation-delay:.12s}.forecast-meta small{color:var(--muted);font-size:.68rem;font-weight:650}.forecast-meta strong{color:var(--text);font-size:.72rem;font-weight:700}.reasons{gap:9px;display:grid}.reason{align-items:center;gap:9px;min-height:26px;display:flex}.dot{background:var(--green);border-radius:999px;flex:0 0 6px;width:6px;height:6px}.reason span:last-child{color:var(--text);font-size:.78rem;font-weight:600;line-height:1.38}.reason-positive .dot,.reason-neutral .dot{background:var(--green)}.reason-positive span:last-child,.reason-neutral span:last-child{color:var(--green)}.reason-negative .dot{background:var(--negative)}.reason-negative span:last-child{color:var(--negative)}.content-grid{margin-bottom:var(--space-section);grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:16px;display:grid}.panel,.data-section{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-panel);padding:24px}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.hourly,.taxa{gap:10px;display:grid}.hour,.taxon{animation:soft-enter .42s var(--ease-out) both;background:var(--surface-soft);border:.5px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;display:flex}.hour:nth-child(2),.taxon:nth-child(2){animation-delay:50ms}.hour:nth-child(3),.taxon:nth-child(3){animation-delay:.1s}.hour:nth-child(4){animation-delay:.15s}.hour:nth-child(5){animation-delay:.2s}.hour time,.taxon span{color:var(--text);font-size:.82rem;font-weight:650}.hour strong,.taxon strong{color:var(--green);font-size:.82rem;font-weight:700}.hour-highlight,.taxon-highlight,.daily-card-highlight{background:var(--green-soft);border-color:var(--green-border-hover)}.hour-highlight time,.taxon-highlight span,.daily-card-highlight>span,.daily-card-highlight small,.hour-highlight strong,.taxon-highlight strong{color:var(--green)}.meter{background:var(--green-track);border-radius:999px;flex:1;min-width:96px;height:2px;position:relative}.meter span{background:var(--green);border:2px solid var(--surface-soft);height:10px;transition:transform var(--motion-fast) var(--ease-out);border-radius:999px;width:10px;display:block;position:absolute;top:50%;transform:translate(-50%,-50%)}.hour:hover .meter span{transform:translate(-50%,-50%)scale(1.32)}.hour-highlight .meter{background:var(--green-border-hover)}.hour-highlight .meter span{width:12px;height:12px}.data-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.weekly-section{margin-top:var(--space-section)}.daily-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.daily-card{animation:soft-enter .42s var(--ease-out) both;background:var(--surface-soft);border:.5px solid #0000;border-radius:18px;gap:7px;min-height:128px;padding:14px;display:grid}.daily-card:nth-child(2){animation-delay:50ms}.daily-card:nth-child(3){animation-delay:.1s}.daily-card:nth-child(4){animation-delay:.15s}.daily-card:nth-child(5){animation-delay:.2s}.daily-card:nth-child(6){animation-delay:.25s}.daily-card:nth-child(7){animation-delay:.3s}.daily-card>span,.daily-card small{color:var(--muted);font-size:.7rem;font-weight:650}.daily-card small{gap:3px;display:grid}.daily-card small span{color:var(--subtle);font-size:.64rem}.daily-card strong{color:var(--green);font-size:1.85rem;line-height:1}.daily-card-highlight strong{color:var(--green)}.daily-card-highlight{background:var(--green-soft);border-color:var(--accent)}.daily-card-highlight>span,.daily-card-highlight small,.daily-card-highlight small span{color:var(--green)}.daily-card p{color:var(--text);font-size:.78rem;font-weight:650}.daily-card-highlight p{color:var(--green)}.data-item{background:var(--surface-soft);border-radius:18px;gap:7px;min-height:76px;padding:13px 14px;display:grid}.data-item span{color:var(--muted);font-size:.72rem;font-weight:600}.data-item strong{color:var(--text);font-size:.92rem;font-weight:700;line-height:1.2}.site-footer{border-top:.5px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:28px;padding:18px 16px 10px;display:flex}.footer-links{justify-content:center;align-items:center;gap:8px;display:flex}.footer-links a{color:var(--green);width:34px;height:34px;transition:background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.footer-links svg{fill:currentColor;width:16px;height:16px}.footer-links a:hover{background:var(--surface-soft);transform:translateY(-1px)}.footer-links a:active{transform:translateY(1px)}.copyright{color:var(--muted);font-size:.74rem;font-weight:500}@keyframes soft-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes area-target-flash{0%{box-shadow:0 0 0 8px var(--green-soft)}to{box-shadow:0 0 #e4ece700}}@keyframes score-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:760px){.page{padding:20px 14px 40px}.site-header{flex-direction:column;align-items:start;gap:14px}.site-header nav{gap:16px;width:100%;overflow-x:auto}.page-intro-heading{flex-direction:column;gap:14px}.page-intro-actions{justify-content:flex-start}.forecast-card,.content-grid,.area-list{grid-template-columns:1fr}.data-grid,.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-card{border-radius:24px;padding:24px}.forecast-side{border-left:0;border-top:.5px solid var(--border);padding-top:22px;padding-left:0}.area-row{flex-direction:column}}