@property --ink{syntax:"<color>";inherits:true;initial-value:#1f2422}@property --sub{syntax:"<color>";inherits:true;initial-value:#3a413e}@property --note{syntax:"<color>";inherits:true;initial-value:#4a524f}.home{--p0:clamp(28px, min(7.7vw, 4.4dvh), 46px);--poem-k:1;--p:calc(var(--p0) * var(--poem-k));--weather-fs:calc(var(--p0) * .4667);--sign-fs:calc(var(--p0) * .4);--gap-side:calc(var(--p0) * 1.3333);--poem-gap:calc(var(--p) * .8667);--seal-w:calc(var(--p0) * .8);--seal-h:calc(var(--p0) * 1.1333);--poem-track:.36em;--weather-track:.32em;--sign-track:.3em;--temp-scale:1.2;--group-top:23.2%;--group-right:clamp(40px, 12.3vw, 56px);--actions-right:max(36px, 2.8vw);--actions-bottom:max(34px, 4dvh, calc(env(safe-area-inset-bottom) + 12px));--btn-size:44px;--btn-gap:6px;--icon-size:22px;--btn-wash:.08;--rain-len:1;--rain-time:1;--ink:#1f2422;--sub:#3a413e;--note:#4a524f;--bookmark-fill:#a23e2e;height:100dvh;color:var(--ink);font-family:var(--font-serif);isolation:isolate;background:#c8cfcb;transition:--ink 1.2s,--sub 1.2s,--note 1.2s;position:relative;overflow:hidden}.home.is-dark{--btn-wash:.11}.atmos{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.atmos-layer{transition:opacity 1.4s;position:absolute;inset:0;overflow:hidden}.atmos-layer.is-entering{opacity:0}.wash{will-change:transform;position:absolute}.grain{width:100%;height:100%;position:absolute;inset:0}.wash-skylight{animation:9s ease-in-out infinite alternate xy-breathe-sun}@keyframes xy-breathe-sun{0%{opacity:.42;transform:scale(1)}to{opacity:.62;transform:scale(1.08)}}.wash-moonlight{animation:12s ease-in-out infinite alternate xy-breathe-moon}@keyframes xy-breathe-moon{0%{opacity:.14}to{opacity:.22}}@keyframes xy-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(22px,14px)scale(1.06)}}@keyframes xy-drift-sun{0%{transform:translate(0,0)}to{transform:translate(-26px,10px)}}@keyframes xy-drift-overcast{0%{transform:translate(0,0)scale(1)}to{transform:translate(30px,8px)scale(1.05)}}.fx{position:absolute;inset:0;overflow:hidden}.rain-tilt{width:150%;height:120%;position:absolute;top:-10%;left:-25%;transform:rotate(15deg)}.drop{border-radius:1px;width:1px;animation-name:xy-drizzle;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes xy-drizzle{0%{opacity:0;transform:translateY(-62vh)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translateY(62vh)}}.flake{border-radius:50%;animation-name:xy-snow;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0}@keyframes xy-snow{0%{transform:translateY(-30px)}50%{transform:translate(18px,52vh)}to{transform:translate(-6px,107vh)}}.kuanshi{z-index:1;top:max(var(--group-top), calc(env(safe-area-inset-top) + 48px));right:calc(var(--group-right) + env(safe-area-inset-right));flex-direction:row-reverse;align-items:flex-start;display:flex;position:absolute}.weather-col{margin-top:calc(var(--p0) * .0667);font-size:var(--weather-fs);color:var(--sub);-webkit-touch-callout:none;flex-direction:column;align-items:flex-start;font-weight:400;line-height:1;text-decoration:none;display:flex;position:relative}.weather-col[hidden]{display:none}.weather-col:after{content:"";position:absolute;inset:-10px -14px}.weather-col:focus-visible{outline-offset:6px;outline:1px solid}.weather-text{flex-direction:column;align-items:center;gap:.9em;display:flex}.place{flex-direction:column;align-items:center;display:flex}.place[hidden]{display:none}.place-name,.cond{writing-mode:vertical-rl;height:max-content;letter-spacing:var(--weather-track)}.place-name{text-underline-position:left;text-underline-offset:.16em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .2s}.place .ico-locate,.place .ico-chevron{opacity:.55;transition:transform .2s,opacity .2s;display:block}.place .ico-locate{width:.56em;height:.56em;margin-top:.1em}.place .ico-chevron{width:.72em;height:.72em;margin-top:-.06em}.place .ico-locate,.place.is-gps .ico-chevron{display:none}.place.is-gps .ico-locate{display:block}@media (hover:hover){.weather-col:hover .place-name{-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}.weather-col:hover .ico-locate,.weather-col:hover .ico-chevron{opacity:.9}.weather-col:hover .ico-chevron{transform:translateY(2px)}}.temp{font-size:calc(var(--temp-scale) * 1em);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:lining-nums;margin-top:.85em}.lines{margin:0 var(--gap-side);align-items:flex-start;gap:var(--poem-gap);flex-direction:row-reverse;display:flex}.lines[hidden]{display:none}.line{writing-mode:vertical-rl;height:max-content;font-size:var(--p);letter-spacing:var(--poem-track);white-space:nowrap;font-weight:300;line-height:1}.sign{flex-direction:column;justify-content:flex-end;align-self:stretch;display:flex}.sign[hidden]{display:none}.sign-box{margin-bottom:calc(var(--p0) * .2333);position:relative}.sign-text{writing-mode:vertical-rl;height:max-content;font-size:var(--sign-fs);letter-spacing:var(--sign-track);color:var(--note);white-space:nowrap;font-weight:400;line-height:1}.seal{left:calc(var(--p0) * -.2);top:calc(100% - var(--p0) * .3333);width:var(--seal-w);height:var(--seal-h);pointer-events:none;position:absolute}.seal[hidden]{display:none}.seal svg{width:100%;height:100%;display:block}.seal.is-stamping{animation:.55s cubic-bezier(.2,.8,.25,1) both xy-stamp}@keyframes xy-stamp{0%{opacity:0;transform:scale(1.7)}45%{opacity:.95;transform:scale(.94)}to{opacity:.88;transform:scale(1)}}.hint{margin:0 var(--gap-side) 0 0;letter-spacing:.12em;max-width:min(260px,100vw - 140px);color:var(--note);font-size:13px;line-height:2}.hint[hidden]{display:none}.ink{opacity:0;filter:blur(6px);transition:opacity .9s ease-out var(--d,0s), filter 1.1s ease-out var(--d,0s)}.ink.is-shown{opacity:1;filter:blur()}.ink.is-leaving{opacity:0;filter:blur(3px);transition:opacity .28s ease-in,filter .28s ease-in}.actions{z-index:2;right:calc(var(--actions-right) + env(safe-area-inset-right));bottom:var(--actions-bottom);align-items:center;gap:var(--btn-gap);color:var(--sub);display:flex;position:absolute}.icon-btn{width:var(--btn-size);height:var(--btn-size);cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.icon-btn:before{content:"";opacity:0;background:currentColor;border-radius:50%;transition:opacity .2s;position:absolute;inset:6px}.icon-btn .icon{transition:transform .15s;position:relative}.icon-btn:focus{outline:none}.icon-btn:focus-visible:after{content:"";opacity:.75;border:1px solid;border-radius:50%;position:absolute;inset:6px}@media (hover:hover){.icon-btn:hover:not(:disabled):before{opacity:var(--btn-wash)}}.icon-btn:active:not(:disabled):before{opacity:calc(var(--btn-wash) * 1.8)}.icon-btn:active:not(:disabled) .icon{transform:scale(.9)}.icon-btn:disabled{cursor:default;opacity:.45}.tip{letter-spacing:.2em;white-space:nowrap;color:var(--note);opacity:0;pointer-events:none;font-size:12px;line-height:1;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%,4px)}@media (hover:hover){.icon-btn:hover:not(:disabled) .tip{opacity:1;transition-delay:.4s;transform:translate(-50%)}}.icon-btn:focus-visible .tip{opacity:1;transform:translate(-50%)}@media (hover:none){.tip{display:none}}.actions .icon-btn .tip.is-flash{opacity:1;transition:none;display:block;transform:translate(-50%)}.icon{width:var(--icon-size);height:var(--icon-size);display:block}.icon-bookmark-fill,.btn-save.is-saved .icon-bookmark-line{display:none}.btn-save.is-saved .icon-bookmark-fill{display:block}.actions{transition:opacity .8s ease-out 1.1s}.home[data-state=loading] .actions{opacity:0}@media (width>=768px) and (aspect-ratio>=1){.kuanshi{top:45%;left:50%;right:auto;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.atmos *{animation-play-state:paused!important}.ink{filter:none;transition:opacity .3s ease-out}.ink.is-shown{filter:none}.atmos-layer{transition-duration:.4s}}.city{min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));background:var(--page-bg,var(--paper));color:var(--ink);font-family:var(--font-serif)}.city-inner{max-width:560px;min-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.city button{font:inherit;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}.city a{color:inherit;text-decoration:none}.city :focus-visible{outline-offset:4px;outline:1px solid}.city-head{color:var(--sub);align-items:center;gap:6px;display:flex}.city-back{flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-11px;display:flex}.city-search{flex:1;margin:0;position:relative}.ico-search{width:18px;height:18px;color:var(--note);pointer-events:none;margin-top:-9px;position:absolute;top:50%;left:13px}.city-search input{background:color-mix(in srgb, var(--ink) 6%, transparent);width:100%;height:40px;color:var(--ink);font:400 16px/1 var(--font-serif);letter-spacing:.12em;appearance:none;border:0;border-radius:20px;padding:0 12px 0 38px;transition:background .2s}.city-search input::placeholder{color:var(--note);opacity:.8}.city-search input:focus{background:color-mix(in srgb, var(--ink) 10%, transparent);outline:none}.city-h{letter-spacing:.3em;color:var(--note);margin:36px 0 6px;font-size:12px;font-weight:400}.city-here-box{margin-top:20px}.city .city-here{letter-spacing:.15em;align-items:center;gap:10px;width:100%;min-height:52px;font-size:15px;display:flex}.city-here .ico-locate{width:15px;height:15px;color:var(--note);flex:none}.city-here[aria-current] .ico-locate{color:var(--ink)}.city-here-label{flex:1;align-items:center;display:flex}.city-status{letter-spacing:.2em;color:var(--note);font-size:12px}.city-guide{letter-spacing:.05em;color:var(--note);margin:4px 0 0;font-size:13px;line-height:1.9}.city-guide p{margin:0 0 4px}.city-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width>=480px){.city-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.city .city-chip{letter-spacing:.12em;white-space:nowrap;width:100%;min-height:46px;font-size:15px}.city-chip,.city-here-label{--mark:#b23a2a}.city-chip[aria-current]:after,.city-here[aria-current] .city-here-label:after{content:"";background:var(--mark);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:4px;display:inline-block;transform:translateY(-1px)}.city-here[aria-current] .city-here-label:after{margin-left:8px;transform:none}.city-results{margin-top:16px}.city-list{margin:0;padding:0;list-style:none}.city .city-row{letter-spacing:.15em;align-items:baseline;gap:14px;width:100%;min-height:48px;font-size:16px;display:flex}.city-adm{letter-spacing:.1em;color:var(--note);font-size:12px}.city-note{letter-spacing:.1em;color:var(--note);margin:12px 0 0;font-size:13px}.city-foot{text-align:center;margin-top:auto;padding-top:48px}.city-about{letter-spacing:.3em;color:var(--note);padding:12px 8px;font-size:12px;display:inline-block}@media (hover:hover){.city button:hover,.city-about:hover,.city-back:hover{opacity:.7}}.city-search input::-webkit-search-cancel-button{appearance:none}.city-search input::-webkit-search-decoration{appearance:none}