*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 340px;--bg-dark: #1a1a2e;--bg-panel: #16213e;--accent: #e94560;--accent-hover: #ff6b6b;--text: #eee;--text-muted: #aaa;--border: #0f3460}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text);height:100vh;overflow:hidden}#app{display:flex;height:100vh}#sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-panel);overflow-y:auto;padding:16px;border-right:1px solid var(--border)}.sidebar-header{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:1.2rem;font-weight:700}.subtitle{font-size:.8rem;color:var(--text-muted);margin-top:4px}fieldset{border:1px solid var(--border);border-radius:6px;padding:10px;margin-bottom:10px}legend{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);padding:0 6px}label{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;margin-bottom:6px;gap:8px}input[type=number],select{width:120px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg-dark);color:var(--text);font-size:.82rem}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.grid-row{display:flex;gap:8px}.grid-row label{flex:1}.grid-row input{width:80px}button[type=submit],.export-btn{width:100%;padding:10px;border:none;border-radius:6px;background:var(--accent);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}button[type=submit]:hover,.export-btn:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}#status-panel{margin-top:10px;padding:10px;background:#e945601a;border:1px solid var(--accent);border-radius:6px}#status-text{font-size:.85rem;margin-bottom:8px}.progress-bar{height:6px;background:var(--bg-dark);border-radius:3px;overflow:hidden}#progress-fill{height:100%;width:0%;background:var(--accent);transition:width .3s;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#results-panel fieldset{margin-top:10px}input[type=range]{width:100%;accent-color:var(--accent)}#time-label{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:4px}.playback-controls{display:flex;align-items:center;gap:6px;margin-top:8px}.playback-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:6px;background:var(--bg-dark);color:var(--text);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.playback-btn:hover:not(:disabled){background:var(--accent)}.playback-btn:disabled{opacity:.35;cursor:not-allowed}.speed-label{margin-left:auto;font-size:.78rem;gap:4px}.speed-label select{width:60px;padding:3px 4px;font-size:.78rem}#cluster-details{font-size:.82rem;line-height:1.6}.score-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;margin-left:4px}.score-excellent{background:#00c853;color:#000}.score-good{background:#64dd17;color:#000}.score-fair{background:#ffc107;color:#000}.score-weak{background:#ff5252;color:#fff}#point-details{font-size:.82rem;line-height:1.6}.export-btn{margin-top:4px;padding:7px;font-size:.85rem}#map-container{flex:1;position:relative}#map{width:100%;height:100%}#legend{position:absolute;bottom:30px;right:10px;background:#16213eeb;border:1px solid var(--border);border-radius:6px;padding:10px 14px;z-index:1000;min-width:60px}.legend-title{font-size:.75rem;font-weight:600;text-align:center;margin-bottom:6px}.legend-max-label{text-align:center;font-size:.68rem;color:var(--text-muted);margin-top:4px;min-height:0}.layer-switcher{display:flex;flex-direction:column;gap:6px}.layer-option{display:flex;align-items:center;gap:6px;font-size:.82rem;cursor:pointer}.layer-option input[type=radio]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.contour-mode-row{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-left:12px;border-left:2px solid var(--accent)}.legend-body{display:flex;position:relative;height:150px}.legend-gradient{width:20px;height:100%;border-radius:3px;background:linear-gradient(to bottom,red,#f60,#fc0,#0f0,#06f,#006);flex-shrink:0}.legend-ticks{position:relative;width:36px;margin-left:4px}.tick{position:absolute;font-size:.68rem;color:var(--text-muted);transform:translateY(-50%);white-space:nowrap}.hidden{display:none!important}.field-hint{font-size:.72rem;color:var(--text-muted);margin:0 0 4px;font-style:italic}#weather-status{font-size:.72rem;margin-left:6px}.contour-label{background:transparent!important;border:none!important}.scenario-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.scenario-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:2px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.scenario-card:hover{border-color:var(--accent);background:#e9456014}.scenario-card.active{border-color:var(--accent);background:#e9456026}.scenario-card.disabled,.scenario-card:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.scenario-icon{font-size:1.5rem}.scenario-name{font-size:.72rem;font-weight:600;text-align:center;line-height:1.2}.size-toggle{display:flex;gap:2px;background:var(--bg-dark);border-radius:6px;overflow:hidden;border:1px solid var(--border)}.mode-toggle{display:flex;gap:2px;background:var(--bg-dark);border-radius:8px;overflow:hidden;border:1px solid var(--border)}.mode-option{display:flex!important;justify-content:center!important;align-items:center;margin:0!important;padding:8px 6px;font-size:.78rem;cursor:pointer;transition:background .15s;gap:4px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-option input[type=radio]{display:none}.mode-option:has(input:checked){background:var(--accent);color:#fff;font-weight:600}.mode-icon{font-size:1.1rem}.size-option{display:flex!important;justify-content:center!important;align-items:center;margin:0!important;padding:4px 10px;font-size:.75rem;cursor:pointer;transition:background .15s;gap:4px}.size-option input[type=radio]{display:none}.size-option:has(input:checked){background:var(--accent);color:#fff;font-weight:600}.location-search-row{margin-bottom:6px}#address-search{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-dark);color:var(--text);font-size:.82rem}#address-search::placeholder{color:var(--text-muted);font-style:italic}.location-label{font-size:.72rem;color:var(--text-muted);min-height:1em;margin-top:2px}@media(max-width:768px){#app{flex-direction:column}#sidebar{width:100%;min-width:0;max-height:45vh;border-right:none;border-bottom:1px solid var(--border)}#map{min-height:55vh}.scenario-cards{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media(max-width:400px){#sidebar{padding:10px}.mode-option{padding:6px 4px;font-size:.72rem;gap:2px}.mode-icon{font-size:.9rem}.scenario-cards{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:4px}.scenario-card{padding:6px 2px}.scenario-name{font-size:.65rem}}.waterway-status{margin-top:8px;padding:8px 10px;border-radius:6px;background:#36a2eb1f;border:1px solid rgba(54,162,235,.35);font-size:.74rem;color:#b9e4ff;line-height:1.35}.warning-banner{margin-top:8px;padding:8px 10px;border-radius:6px;background:#ffc10724;border:1px solid rgba(255,193,7,.35);font-size:.74rem;color:#ffe28a;line-height:1.35}.weather-display{font-size:.82rem;line-height:1.6}.weather-row{white-space:nowrap}.weather-hint{font-size:.75rem;color:var(--text-muted);font-style:italic}#advanced-gas-section,#advanced-water-section{margin-bottom:10px}.advanced-toggle{cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-muted);padding:6px 0;-webkit-user-select:none;user-select:none}.advanced-toggle:hover{color:var(--text)}#advanced-gas-section[open] .advanced-toggle,#advanced-water-section[open] .advanced-toggle{color:var(--accent)}#advanced-gas-section fieldset,#advanced-water-section fieldset{margin-top:8px}.quality-badge{display:inline-block;width:100%;text-align:center;padding:6px 0;border-radius:6px;font-size:1rem;font-weight:700;letter-spacing:.5px}.quality-badge.score-excellent{background:#00c853;color:#000}.quality-badge.score-good{background:#64dd17;color:#000}.quality-badge.score-fair{background:#ffc107;color:#000}.quality-badge.score-weak{background:#ff5252;color:#fff}.stats-toggle{margin-top:8px}.stats-toggle summary{cursor:pointer;font-size:.78rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.stats-toggle summary:hover{color:var(--text)}.stats-toggle[open] summary{margin-bottom:6px}#cluster-details{font-size:.78rem;line-height:1.6;color:var(--text-muted)}