:root{--ui-ink:#203b46;--ui-accent:#176875;--ui-line:#dce5e6;--ui-nav:calc(62px + env(safe-area-inset-bottom));font-family:system-ui,'Noto Sans JP',sans-serif}
body{color:var(--ui-ink)}button,input,select,summary{font:inherit}button,summary{touch-action:manipulation}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1494a7;outline-offset:2px}[hidden]{display:none!important}
.app-brand,#hazard-active-summary,.leaflet-top.leaflet-left,#hazard-modal{display:none!important}
#ui-search{position:fixed;z-index:1001;top:12px;left:16px;width:min(430px,calc(100vw - 80px))}.address-search-block{width:100%;padding:0;border-radius:16px;box-shadow:0 3px 20px #172e3326}.gsi-search-container{width:100%;height:48px;display:flex}.gsi-search-input{width:100%;min-width:0;height:48px;font-size:16px!important;background:white;border:0;padding:0 14px}.gsi-search-btn{height:48px;min-width:48px}.address-results{width:100%;max-height:55dvh;overflow:auto;left:0;right:0;top:56px}.address-candidate{min-height:48px;font-size:14px}
#ui-locate{position:fixed;z-index:900;right:14px;top:12px}#ui-locate button{width:48px;height:48px;padding:0;font-size:0;border-radius:15px;background:white;box-shadow:0 3px 16px #173b4a22}#ui-locate button:after{content:'⌖';font-size:30px}.leaflet-top.leaflet-right{top:66px;right:5px}.leaflet-control-zoom a{width:44px;height:44px;line-height:44px}.leaflet-bottom{bottom:var(--ui-nav)}.leaflet-control-attribution{font-size:10px!important;max-width:calc(100vw - 18px)}
#ui-nav{position:fixed;bottom:0;left:0;right:0;z-index:1400;display:flex;background:#fffffffa;border-top:1px solid var(--ui-line);padding:4px 8px calc(4px + env(safe-area-inset-bottom));height:var(--ui-nav);box-sizing:border-box;gap:4px}#ui-nav button{flex:1;border:0;border-radius:12px;background:transparent;color:var(--ui-ink);min-height:50px;font-size:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}#ui-nav button span{font-size:19px;line-height:22px}#ui-nav button[aria-expanded=true]{background:#e5f1f1;color:var(--ui-accent);font-weight:700}
.ui-sheet{position:fixed;z-index:1200;bottom:var(--ui-nav);left:12px;width:410px;max-width:calc(100vw - 24px);height:min(60dvh,650px);background:#fff;border:1px solid var(--ui-line);border-radius:22px 22px 0 0;box-shadow:0 -4px 24px #15374125;display:flex;flex-direction:column;overflow:hidden}.ui-sheet[data-size=peek]{height:185px}.ui-sheet[data-size=full]{height:calc(100dvh - 84px - var(--ui-nav))}.ui-sheet-head{display:flex;align-items:center;padding:4px 12px 0;gap:4px;flex-shrink:0}.ui-sheet-head h2{font-size:17px;margin:0;flex:1}.ui-sheet-head button{min-width:44px;min-height:44px;border:0;background:white;border-radius:10px;color:var(--ui-accent)}.ui-grip{height:15px;flex-shrink:0;touch-action:none;cursor:ns-resize;display:grid;place-items:center}.ui-grip:after{content:'';width:36px;height:4px;border-radius:4px;background:#bccacc}.ui-scroll{overflow:auto;overscroll-behavior:contain;padding:0 14px 18px;flex:1;min-height:0}.ui-tabs{display:flex;gap:3px;padding:5px 10px 9px;flex-shrink:0}.ui-tabs button{flex:1;background:#f1f5f5;border:0;min-height:44px;border-radius:11px;font-size:14px}.ui-tabs button[aria-selected=true]{background:var(--ui-accent);color:white;font-weight:700}.ui-sheet p{line-height:1.6}.ui-muted{font-size:13px;color:#58717a}.ui-sheet button,.ui-sheet summary{min-height:44px}.ui-sheet summary{cursor:pointer;display:flex;align-items:center;font-weight:600}.ui-sheet details{border-top:1px solid var(--ui-line);padding:6px 0}.ui-sheet input[type=range]{min-height:32px;width:100%}.ui-sheet input[type=checkbox]{width:22px;height:22px;accent-color:var(--ui-accent)}.ui-sheet label{line-height:1.5}.ui-sheet a{color:#146a81}
#legend-panel{position:static!important;transform:none!important;width:auto!important;max-width:none;max-height:none;border:0;box-shadow:none;padding:0;margin:0;background:transparent;display:block!important}#legend-panel .legend-header{display:none}#legend-body{display:block!important}.terrain-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.terrain-toggles button,.terrain-check{min-height:48px!important;padding:10px!important;border:1px solid var(--ui-line);border-radius:12px;font-size:14px!important}.terrain-toggles button.active,.terrain-toggles button[aria-pressed=true]{background:#e4f1ee!important;border-color:#5a9295!important;color:#195a60!important}.terrain-check{display:flex;align-items:center;gap:8px}.terrain-summary{font-size:13px}#auto-elevation-legend{font-size:13px}.legend-credits{font-size:12px;line-height:1.6}.step-input-box{font-size:14px}.step-input-box input[type=number]{min-height:44px;font-size:16px!important}.terrain-opacity-row{font-size:14px}#terrain-settings{margin-top:12px}
#hazard-items-container{display:block;padding:0}#hazard-items-container .hazard-extra-title{display:none}.hazard-item{border:1px solid var(--ui-line);border-radius:13px;padding:10px 12px;margin-bottom:9px;box-shadow:none}.hazard-item.selected{background:#f1f8f7;border-color:#89b0ad}.hazard-choice{min-height:44px!important;gap:10px}.hazard-choice strong{font-size:15px}.hazard-choice small{display:none}.hazard-opacity-box{font-size:13px}.hazard-item:not(.selected) .hazard-opacity-box,.hazard-item:not(.selected) .hazard-status{display:none}.hazard-status{font-size:12px;line-height:1.6}.hazard-legend{font-size:13px}.hazard-legend img{max-width:100%;height:auto}.hazard-legend summary{font-size:13px}.ui-selection{font-size:13px;padding:8px 0;margin:0;line-height:1.6}.ui-tools{display:flex;gap:6px;flex-wrap:wrap}.ui-tools button,.ui-preset button,.ui-more button{border:1px solid var(--ui-line);border-radius:10px;padding:8px 12px;color:var(--ui-accent);background:#f4f8f8}.ui-preset{padding:10px 0;border-bottom:1px solid var(--ui-line);display:grid;grid-template-columns:1fr auto;gap:4px 8px}.ui-preset strong{font-size:14px}.ui-preset small{font-size:12px;color:#58717a;grid-column:1}.ui-preset button{grid-column:2;grid-row:1/3}.ui-more .control-block{display:flex;box-shadow:none;gap:4px;border:0;flex-wrap:wrap}.ui-more h3{font-size:15px;margin-top:18px}.ui-more>button{width:100%;margin:6px 0}
#ui-map-legend{position:fixed;z-index:800;bottom:calc(var(--ui-nav) + 16px);right:14px;width:245px;max-width:calc(100vw - 28px);border:1px solid var(--ui-line);border-radius:14px;background:#fffffff0;box-shadow:0 3px 15px #173b4a1b;padding:9px 12px;font-size:12px}.ui-legend-head{display:flex;gap:6px;align-items:center}.ui-legend-head select{flex:1;min-width:0;border:0;background:transparent;height:32px;font-size:13px}.ui-legend-head button{border:0;background:none;color:var(--ui-accent);min-width:44px;height:32px}.ui-legend-body{max-height:100px;overflow:auto;line-height:1.5}.ui-legend-body img{max-width:100%;max-height:85px;object-fit:contain}.ui-legend-body p{margin:4px 0}.ui-legend-body .auto-elevation-note{display:none}.ui-legend-body .auto-elevation-legend{margin:0}.ui-terrain-only .leaflet-hazard-pane,.ui-terrain-only .leaflet-fault-pane{visibility:hidden}.ui-terrain-only .fault-source-control{display:none}
#ui-point-content{font-size:14px;line-height:1.6}#ui-point-content>div{font-size:14px!important;font-family:inherit!important}.ui-point-summary{display:grid;gap:8px}.ui-point-card{padding:10px 12px;border:1px solid var(--ui-line);border-radius:12px;background:#f3f8f7;font-size:14px;line-height:1.6}.ui-point-card strong{display:block;color:var(--ui-accent)}.ui-point-card.is-unavailable{background:#f5f5f5;color:#5a6368}.ui-point-card.is-error{background:#fff2e8;color:#805120}.ui-point-coordinates{font-size:12px;color:#58717a;margin-bottom:8px}.ui-point-details{font-size:14px}.ui-point-details *{max-width:100%}.ui-point-details .point-hazard{font-size:14px!important}.ui-point-empty{font-size:14px;line-height:1.7;padding:15px 0}
#ui-drawing{position:fixed;z-index:1000;top:76px;left:16px;width:min(430px,calc(100vw - 32px));box-sizing:border-box;padding:10px;border-radius:15px;background:white;box-shadow:0 4px 20px #173b4a26;font-size:13px}#ui-drawing .action-btn-group{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}#ui-drawing button{min-height:44px;flex:1;font-size:13px;padding:5px}#chart-panel{bottom:var(--ui-nav)!important;z-index:1200;border-radius:20px 20px 0 0;border:1px solid var(--ui-line);box-shadow:0 -4px 24px #15374125}#chart-panel.fullscreen{top:76px!important;height:calc(100dvh - 76px - var(--ui-nav))!important}#chart-panel button,#chart-panel select{min-height:44px}.profile-controls{font-size:13px}.profile-resize{height:16px}.profile-controls .profile-resize-hint{display:none}.fault-source-control{max-width:230px!important;font-size:11px!important}#toast{bottom:calc(var(--ui-nav) + 25px);z-index:1600}.modal-overlay{z-index:1700}.modal-content{max-height:85dvh}.ui-sheet-open #ui-map-legend{display:none}
@media(max-width:640px){.ui-sheet{left:0;width:100%;max-width:100%;border-left:0;border-right:0}.ui-sheet[data-size=half]{height:55dvh}.ui-sheet[data-size=peek]{height:185px}#ui-search{left:10px;top:10px;width:calc(100vw - 72px)}#ui-locate{right:10px;top:10px}#ui-map-legend{width:220px;right:10px;bottom:calc(var(--ui-nav) + 24px);padding:6px 10px}.fault-source-control{max-width:150px!important}.fault-source-control[open]{max-width:calc(100vw - 28px)!important}.chart-panel{width:100%!important;left:0!important;transform:none!important;padding:15px 10px 10px}.chart-header{font-size:13px;gap:4px}.chart-btn-group{gap:2px}.chart-btn-group button{font-size:12px!important;padding:5px!important}.profile-controls{gap:6px}.chart-summary{font-size:12px}#ui-drawing{top:70px;left:10px;width:calc(100vw - 20px)}.leaflet-control-attribution{font-size:9px!important}.ui-sheet-head{padding-top:0}}
#ui-compare-map{position:fixed;z-index:900;top:76px;left:16px;min-height:44px;background:#e8f5ef;border:1px solid #79a49c;border-radius:12px;color:#195a60;padding:8px 12px;font-size:13px}.ui-sheet-open #ui-compare-map{display:none}
#toast{top:auto;max-width:calc(100vw - 56px);width:max-content;border-radius:12px;box-sizing:border-box}
.ui-terrain-only .leaflet-rainStorage-pane{visibility:hidden}
.rain-study{font-size:14px}.rain-study .rain-intro{padding:10px 12px;border-radius:12px;background:#eff7f5;line-height:1.65}.rain-input-label{display:flex;align-items:center;gap:10px;font-weight:600;margin:14px 0}.rain-input-label input{width:100px;min-height:44px;font-size:18px;padding:4px 8px;border:1px solid var(--ui-line);border-radius:10px}.rain-conditions{padding:12px;border:1px solid #e4d8bb;background:#fffaf0;border-radius:12px;font-size:13px;line-height:1.7}.rain-study dl{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px}.rain-study dd{margin:0;font-weight:600}.rain-study h3{font-size:15px}.rain-storage-overlay{image-rendering:pixelated}.rain-legend-colors{display:flex;gap:2px;font-size:10px}.rain-legend-colors span{flex:1;text-align:center}.rain-study #rain-run{background:#176875;color:white}.rain-study button:disabled{opacity:.45}.rain-study #rain-progress{font-size:13px;line-height:1.65}#rain-selection-bar{position:fixed;z-index:1100;top:76px;left:12px;max-width:calc(100vw - 24px);padding:8px 12px;background:white;border-radius:12px;box-shadow:0 3px 16px #173b4a26;display:flex;align-items:center;gap:8px;font-size:13px}#rain-selection-bar button{min-height:44px;border:1px solid var(--ui-line);background:#f3f7f7;border-radius:8px;color:var(--ui-accent)}
.ui-sheet summary::before{content:'›';font-size:20px;margin-right:8px;color:var(--ui-accent)}.ui-sheet details[open]>summary::before{content:'⌄'}
@media(prefers-reduced-motion:no-preference){.ui-sheet{animation:ui-enter .16s ease-out}@keyframes ui-enter{from{transform:translateY(20px);opacity:.5}to{transform:translateY(0);opacity:1}}}
#ui-trials>button{width:100%;margin:6px 0}#profile-reader{flex-shrink:0;border-top:1px solid var(--ui-line);margin-top:8px;padding-top:6px}#profile-reader[hidden]{display:none}.profile-reader-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px}.profile-reader-controls select{max-width:140px}.profile-reader-controls button{border:1px solid var(--ui-line);border-radius:8px;background:#f4f8f8;color:var(--ui-accent);padding:4px 8px}.profile-reader-note{font-size:11px;color:#58717a;margin:4px 0}#profile-read-content{max-height:160px;overflow:auto;font-size:12px;line-height:1.5;overscroll-behavior:contain}#profile-read-content>p{margin:4px 0}#profile-read-content .point-landform,#profile-read-content .point-hazard{margin:6px 0;padding:6px;border:1px solid var(--ui-line);border-radius:8px}#profile-read-content small{font-size:11px}@media(max-width:640px){#profile-read-content{max-height:115px}.profile-reader-controls{gap:4px}.profile-reader-controls button{font-size:12px}}
#chart-panel.profile-with-reader{overflow-y:auto;max-height:calc(100dvh - 140px);box-sizing:border-box}#chart-panel.profile-with-reader .profile-canvas{flex:1 0 120px;min-height:120px}#chart-panel.profile-with-reader.fullscreen{max-height:calc(100dvh - 76px - var(--ui-nav))}#chart-panel.profile-with-reader.minimized{overflow:visible}
#chart-panel.profile-with-reader{overflow-x:hidden}#profile-reader{min-width:0}#profile-read-content{overflow-wrap:anywhere}
#ui-map-title{position:fixed;top:7px;left:16px;z-index:1002;margin:0;padding:3px 10px;max-width:calc(100vw - 32px);box-sizing:border-box;font-size:17px;line-height:24px;color:#203b46;background:#fffffff2;border-radius:9px;box-shadow:0 2px 8px #173b4a18}#ui-search{top:43px}#ui-locate{top:43px}.leaflet-top.leaflet-right{top:98px}#ui-drawing,#rain-selection-bar{top:104px}#chart-panel.fullscreen{top:108px!important;height:calc(100dvh - 108px - var(--ui-nav))!important}#chart-panel.profile-with-reader.fullscreen{max-height:calc(100dvh - 108px - var(--ui-nav))}.ui-sheet[data-size=full]{height:calc(100dvh - 114px - var(--ui-nav))}
#hazard-items-container .hazard-item{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:0 6px;padding:5px 8px;margin-bottom:5px;align-items:start}#hazard-items-container .hazard-choice{grid-column:1;grid-row:1;align-items:center;gap:5px;min-width:0}#hazard-items-container .hazard-choice strong{font-size:14px;line-height:1.3}#hazard-items-container .hazard-icon{font-size:16px;flex-shrink:0}#hazard-items-container .hazard-choice>span:nth-child(2){min-width:0}#hazard-items-container .hazard-choice input{order:-1;margin:0;flex-shrink:0;width:22px;height:22px}#hazard-items-container .hazard-legend{grid-column:2;grid-row:1;margin:0;padding:0;border:0}#hazard-items-container .hazard-legend summary{min-height:44px;font-size:12px;white-space:nowrap;justify-content:flex-end;color:var(--ui-accent)}#hazard-items-container .hazard-legend[open]{grid-column:1/-1;grid-row:2;border-top:1px solid var(--ui-line);padding-bottom:8px}#hazard-items-container .hazard-legend[open] summary{justify-content:flex-start}#hazard-items-container .hazard-opacity-box,#hazard-items-container .hazard-status,#hazard-items-container .ui-tools{grid-column:1/-1}#hazard-items-container .hazard-opacity-box{margin-top:3px}#hazard-items-container .hazard-status{margin-top:2px}.chart-btn-group #profile-clear{background:#f4f8f8;color:#176875;border:1px solid var(--ui-line);border-radius:7px;padding:5px 8px}
@media(max-width:640px){#ui-map-title{left:10px;top:5px;font-size:16px;max-width:calc(100vw - 20px)}#ui-search{top:41px}#ui-locate{top:41px}#ui-drawing,#rain-selection-bar{top:100px}#hazard-items-container .hazard-item{grid-template-columns:minmax(0,1fr) 90px}#hazard-items-container .hazard-choice strong{font-size:13px}#hazard-items-container .hazard-icon{display:none}}

.ui-hazard-group{font-size:13px;color:#53686d;margin:10px 8px 4px}