:root{color-scheme:light dark;--bg: #f6f4f1;--surface: #ffffff;--ink: #201e1b;--secondary: #5f5b55;--muted: #8f8a82;--hairline: rgba(32, 30, 27, .16);--press: rgba(32, 30, 27, .04);--radius-card: 15px;--pad-card: 22px;--hairline-w: .5px}@media (prefers-color-scheme: dark){:root{--bg: #161513;--surface: #1f1e1b;--ink: #ebe8e3;--secondary: #a6a199;--muted: #767168;--hairline: rgba(235, 232, 227, .17);--press: rgba(235, 232, 227, .05)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;font-weight:400;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.w500{font-weight:500}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:left}input{font:inherit;color:var(--ink)}.card{background:var(--surface);border:var(--hairline-w) solid var(--hairline);border-radius:var(--radius-card);padding:var(--pad-card)}.hairline{border:none;border-top:var(--hairline-w) solid var(--hairline);margin:0}.section-label{font-size:12px;color:var(--muted);letter-spacing:.06em;margin:0 4px 8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}.keyline{display:block;width:44px;height:2px;border-radius:1px}.app-frame{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;padding:20px 20px 96px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 0}.app-header .city-name{font-size:14px;font-weight:500;letter-spacing:.02em}.icon-button{color:var(--muted);display:inline-flex;padding:6px;border-radius:8px}.icon-button:active{background:var(--press)}.area-button{display:inline-flex;align-items:center;gap:2px;color:var(--muted);font-size:13px;padding:4px;margin:2px 0 18px;border-radius:8px}.area-button:active{background:var(--press)}.hero-sub{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--secondary);letter-spacing:.03em}.hero-title{font-size:30px;font-weight:500;line-height:1.3;margin:10px 0 12px;letter-spacing:.01em}.hero-note{font-size:14px;color:var(--secondary);margin-top:14px}.hero-extra{font-size:13px;color:var(--secondary);margin-top:6px;display:flex;align-items:center;gap:7px}.hero-notify{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);padding-top:16px;margin-top:16px;border-top:var(--hairline-w) solid var(--hairline)}.list-card{padding:4px var(--pad-card)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}.list-row+.list-row{border-top:var(--hairline-w) solid var(--hairline)}.list-row .row-date{font-size:13px;color:var(--secondary);flex:none;width:84px}.row-types{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:1}.row-type{display:inline-flex;align-items:center;gap:8px;font-size:15px}.section{margin-top:28px}.search-field{display:flex;align-items:center;gap:10px;background:var(--surface);border:var(--hairline-w) solid var(--hairline);border-radius:12px;padding:13px 16px;color:var(--muted)}.search-field input{flex:1;border:none;outline:none;background:none;font-size:15px}.search-field input::placeholder{color:var(--muted)}.quick-links{font-size:13px;color:var(--secondary);margin:12px 4px 0}.quick-links button{color:var(--secondary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;display:flex;background:var(--bg);border-top:var(--hairline-w) solid var(--hairline);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--muted);letter-spacing:.04em}.bottom-nav-item.is-active{color:var(--ink);font-weight:500}.screen-title{font-size:20px;font-weight:500;margin:8px 4px 20px;letter-spacing:.01em}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin:4px 4px 16px}.cal-nav .cal-month{font-size:17px;font-weight:500;letter-spacing:.02em}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-weekday{text-align:center;font-size:11px;color:var(--muted);padding:6px 0 10px}.cal-cell{min-height:64px;padding:6px 2px;border-top:var(--hairline-w) solid var(--hairline);display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:10px}.cal-cell:active{background:var(--press)}.cal-cell .cal-date{font-size:13px;color:var(--secondary);line-height:1;padding:4px 0 2px}.cal-cell.is-today .cal-date{color:var(--ink);font-weight:500}.cal-cell.is-selected{background:var(--press)}.cal-cell.is-other-month{visibility:hidden}.cal-mark{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--secondary);line-height:1.2}.cal-mark .dot{width:5px;height:5px}.cal-detail{margin-top:16px}.dict-filters{display:flex;gap:14px;overflow-x:auto;padding:14px 4px 4px;font-size:13px;color:var(--muted);scrollbar-width:none}.dict-filters::-webkit-scrollbar{display:none}.dict-filters button{color:var(--muted);flex:none;padding:2px 0;display:inline-flex;align-items:center;gap:6px}.dict-filters button.is-active{color:var(--ink);font-weight:500;border-bottom:1.5px solid var(--ink)}.dict-list{margin-top:8px}.dict-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:var(--hairline-w) solid var(--hairline)}.dict-row .dict-name{font-size:15px}.dict-row .dict-type{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--secondary);flex:none}.dict-note{font-size:13px;color:var(--secondary);padding:0 4px 14px;border-bottom:var(--hairline-w) solid var(--hairline);margin-top:-4px}.dict-row-head{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.fav-button{color:var(--muted);display:inline-flex;padding:4px;flex:none}.fav-button.is-fav{color:var(--secondary)}.gojuon-label{font-size:12px;color:var(--muted);padding:18px 4px 6px;letter-spacing:.06em}.text-link-row{font-size:13px;color:var(--secondary);padding:10px 4px}.text-link-row button{color:var(--secondary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline);margin-right:14px}.detail-header{display:flex;align-items:center;gap:4px;margin:4px 0 16px;color:var(--muted);font-size:13px}.detail-items{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--secondary)}.note-list{margin:0;padding-left:1.2em;font-size:14px;color:var(--secondary)}.note-list li+li{margin-top:6px}.todo-badge{font-size:11px;color:var(--muted);border:var(--hairline-w) solid var(--hairline);border-radius:6px;padding:1px 6px;margin-left:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.setting-row+.setting-row{border-top:var(--hairline-w) solid var(--hairline)}.setting-row .setting-label{font-size:15px}.setting-row .setting-sub{font-size:12px;color:var(--muted);margin-top:2px}.time-input{border:var(--hairline-w) solid var(--hairline);border-radius:8px;background:var(--surface);padding:6px 10px;font-size:14px}.switch{width:44px;height:26px;border-radius:13px;border:var(--hairline-w) solid var(--hairline);background:var(--bg);position:relative;flex:none;transition:background .15s ease}.switch:after{content:"";position:absolute;top:2.5px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);border:var(--hairline-w) solid var(--hairline);transition:transform .15s ease}.switch.is-on{background:var(--ink)}.switch.is-on:after{transform:translate(17px)}.onboarding{padding:48px 24px 40px}.onboarding-lead{font-size:14px;color:var(--secondary);margin:8px 4px 24px}.town-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 4px;border-bottom:var(--hairline-w) solid var(--hairline);font-size:15px}.town-row:active{background:var(--press)}.town-row .town-group{font-size:12px;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);overflow-y:auto;z-index:10}.overlay-inner{max-width:430px;margin:0 auto;padding:20px 20px 48px}.region-card+.region-card{margin-top:14px}.region-card .region-title{font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px}.region-card .region-desc{font-size:14px;color:var(--secondary);margin-top:8px}.region-card a{color:var(--ink);font-size:14px;display:inline-flex;align-items:center;gap:6px;margin-top:12px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline)}.muted-note{font-size:12px;color:var(--muted);margin:16px 4px 0}@media (prefers-color-scheme: light){:root{--bg: var(--cz-bg);--ink: var(--cz-ink);--secondary: var(--cz-ink-2)}}html,body{font-family:var(--cz-jp)}.app-header{border-bottom:4px solid var(--ink);padding-bottom:10px}.app-header .city-name{display:inline-flex;align-items:center;gap:8px;font-weight:900;letter-spacing:.04em}.app-header .city-name:before{content:"";width:18px;height:18px;border-radius:5px;background:var(--cz-seibu);box-shadow:inset 0 0 0 3px var(--cz-ink);flex:none}:root{--cz-bg: #FAFAF7;--cz-ink: #17181A;--cz-ink-2: #5C5F63;--cz-line: #E4E4DE;--cz-seibu: #F5C400;--cz-l-daily: #009B77;--cz-l-med: #0072BC;--cz-l-kids: #6CA53A;--cz-l-explore: #D98E00;--cz-l-safety: #5A5FA8;--cz-jp: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;--cz-num: "Archivo", "Helvetica Neue", sans-serif}.line-D{--cz-lc: var(--cz-l-daily)}.line-L{--cz-lc: var(--cz-l-med)}.line-K{--cz-lc: var(--cz-l-kids)}.line-E{--cz-lc: var(--cz-l-explore)}.line-S{--cz-lc: var(--cz-l-safety)}body.chizucho{background:var(--cz-bg);color:var(--cz-ink);font-family:var(--cz-jp)}body.chizucho h1,body.chizucho h2,body.chizucho h3{font-weight:900}body.chizucho .leaflet-popup-content{font-family:var(--cz-jp)}.cz-header{background:#fff;border-bottom:4px solid var(--cz-ink)}.cz-title{display:inline-flex;align-items:center;gap:10px;font-family:var(--cz-jp);font-weight:900;letter-spacing:.04em;color:var(--cz-ink)}.cz-title:before{content:"";width:20px;height:20px;border-radius:6px;background:var(--cz-seibu);box-shadow:inset 0 0 0 3px var(--cz-ink);flex:none}.cz-chip{font-family:var(--cz-jp);font-weight:700;border-radius:999px;border:1.5px solid var(--cz-line);background:#fff;color:var(--cz-ink)}.cz-chip.is-active,.cz-chip[aria-pressed=true]{border-color:var(--cz-lc);background:var(--cz-lc);color:#fff}.cz-home{display:inline-flex;align-items:center;gap:7px;font-family:var(--cz-jp);font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--cz-ink-2);text-decoration:none;white-space:nowrap}.cz-home:before{content:"";width:13px;height:13px;border-radius:4px;background:var(--cz-seibu);box-shadow:inset 0 0 0 2px var(--cz-ink);flex:none}.cz-home:hover{color:var(--cz-ink);text-decoration:underline}.cz-home:focus-visible{outline:3px solid var(--cz-lc, var(--cz-ink));outline-offset:2px}body.chizucho .leaflet-popup-content-wrapper{background:#fff;color:var(--cz-ink);border:1.5px solid var(--cz-line);border-top:3px solid var(--cz-lc, var(--cz-ink));border-radius:12px;box-shadow:0 10px 26px -16px #17181a66}body.chizucho .leaflet-popup-content{margin:14px 16px;font-family:var(--cz-jp);line-height:1.6}body.chizucho .leaflet-popup-tip{border:1.5px solid var(--cz-line);border-top:none;border-left:none}body.chizucho .leaflet-popup-close-button{width:44px;height:44px;font-size:22px;line-height:44px;color:var(--cz-ink-2)}body.chizucho .leaflet-popup-close-button:hover{color:var(--cz-ink)}.cz-popup{font-family:var(--cz-jp);min-width:210px;max-width:290px}.cz-popup .cz-cat{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--cz-ink-2)}.cz-popup .cz-cat .cz-dot{width:8px;height:8px;border-radius:50%;flex:none}.cz-popup .cz-name{margin:0 0 8px;font-weight:900;font-size:17px;line-height:1.4;color:var(--cz-ink)}.cz-popup .cz-row{display:flex;gap:8px;margin:3px 0;font-size:12.5px;line-height:1.55;color:var(--cz-ink-2)}.cz-popup .cz-row .cz-k{flex:none;font-weight:700}.cz-popup .cz-row .cz-v{color:var(--cz-ink);font-weight:500}.cz-popup .cz-actions{display:flex;gap:8px;margin-top:12px}.cz-popup .cz-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:9px;border:1.5px solid var(--cz-lc, var(--cz-ink));background:var(--cz-lc, var(--cz-ink));color:#fff;font-family:var(--cz-jp);font-weight:900;font-size:13px;letter-spacing:.03em;text-decoration:none;white-space:nowrap;cursor:pointer}.cz-popup .cz-btn.cz-sub{background:#fff;color:var(--cz-lc, var(--cz-ink))}body.chizucho .leaflet-popup-content .cz-btn{color:#fff}body.chizucho .leaflet-popup-content .cz-btn.cz-sub{color:var(--cz-lc, var(--cz-ink))}