*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--panel-width: 340px;--panel-bg: #1a1d23;--panel-border: #2a2d35;--accent: #00d4ff;--accent-dim: #00d4ff33;--text: #e0e0e0;--text-dim: #888;--danger: #dc3545;--warning: #fd7e14;--elevated: #ffc107;--safe: #28a745;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.4;color:var(--text)}body{margin:0;overflow:hidden;background:#000;height:100vh;width:100vw}#root{height:100vh;width:100vw}.cesium-viewer-bottom{display:none!important}.cesium-widget canvas{outline:none}.app-layout{display:flex;height:100vh;width:100vw}.scenario-panel{width:var(--panel-width);min-width:var(--panel-width);background:var(--panel-bg);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;overflow:hidden;z-index:10}.panel-header{padding:16px 20px;border-bottom:1px solid var(--panel-border);background:linear-gradient(135deg,#0a0f1a,#1a1d23)}.panel-header h2{font-size:20px;font-weight:700;letter-spacing:4px;color:var(--accent);margin:0}.panel-subtitle{font-size:11px;color:var(--text-dim);letter-spacing:1px}.panel-content{flex:1;overflow-y:auto;padding:12px 16px}.panel-content::-webkit-scrollbar{width:4px}.panel-content::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:2px}.config-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--panel-border)}.config-section:last-child{border-bottom:none}.config-section h3{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.config-section label{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;color:var(--text-dim)}.config-section input[type=number],.config-section select{background:#0d1117;border:1px solid var(--panel-border);color:var(--text);padding:6px 8px;border-radius:4px;font-size:12px;font-family:JetBrains Mono,monospace}.config-section input[type=number]:focus,.config-section select:focus{outline:none;border-color:var(--accent)}.config-section input[type=range]{width:100%;accent-color:var(--accent);margin-top:2px}.substance-info{font-size:11px;color:var(--text-dim);font-style:italic;margin-bottom:10px;padding:6px 8px;background:#0d111766;border-radius:4px}.control-buttons{display:flex;gap:8px;margin-bottom:12px}.btn{padding:8px 16px;border:1px solid var(--panel-border);border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;background:#0d1117;color:var(--text)}.btn:hover{border-color:var(--accent)}.btn-start{background:var(--safe);color:#fff;border-color:var(--safe);flex:1}.btn-start:hover{background:#2ebd55;border-color:#2ebd55}.btn-pause{background:var(--elevated);color:#000;border-color:var(--elevated);flex:1}.btn-stop{background:var(--danger);color:#fff;border-color:var(--danger);flex:1}.btn-stop:hover{background:#e74c5c;border-color:#e74c5c}.btn-danger{background:#f40;color:#fff;border-color:#f40;flex:1;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse-danger 1.5s ease-in-out infinite}.btn-danger:hover{background:#f62;border-color:#f62}@keyframes pulse-danger{0%,to{box-shadow:0 0 #ff440080}50%{box-shadow:0 0 12px 4px #ff44004d}}.status-danger{color:#f40!important;font-weight:700}.speed-control{margin-bottom:12px}.speed-control>span{font-size:11px;color:var(--text-dim);display:block;margin-bottom:4px}.speed-buttons{display:flex;gap:4px}.btn-speed{padding:4px 8px;font-size:11px;flex:1}.sim-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat{background:#0d1117;border-radius:4px;padding:6px 8px;display:flex;flex-direction:column}.stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text)}.stat-value.warn{color:var(--warning)}.status-running{color:var(--safe)}.status-paused{color:var(--elevated)}.globe-container{flex:1;position:relative;overflow:hidden}.globe-container .cesium-viewer{position:absolute;inset:0}.info-panel{position:absolute;top:16px;right:16px;width:280px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;overflow:hidden;z-index:20;box-shadow:0 8px 32px #00000080}.info-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0d1117;border-bottom:1px solid var(--panel-border)}.info-header h3{font-size:14px;font-weight:600;color:var(--accent);font-family:JetBrains Mono,monospace;margin:0}.btn-close{background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.btn-close:hover{color:var(--text)}.info-body{padding:10px 14px}.info-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #ffffff08;font-size:12px}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--text-dim)}.info-row span:last-child{font-family:JetBrains Mono,monospace;font-weight:500}.alarm-safe{color:var(--safe)}.alarm-elevated{color:var(--elevated)}.alarm-warning{color:var(--warning)}.alarm-danger{color:var(--danger)}.alarm-badge{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.5px}.alarm-badge.alarm-safe{background:#28a74520}.alarm-badge.alarm-elevated{background:#ffc10720}.alarm-badge.alarm-warning{background:#fd7e1420}.alarm-badge.alarm-danger{background:#dc354520}.status-active{color:var(--safe)}.status-degraded{color:var(--warning)}.status-offline{color:var(--text-dim)}.timeline-bar{position:absolute;bottom:0;left:0;right:0;height:36px;background:var(--panel-bg);border-top:1px solid var(--panel-border);display:flex;align-items:center;padding:0 16px;gap:24px;font-size:12px;font-family:JetBrains Mono,monospace;z-index:20}.timeline-status{font-weight:700;letter-spacing:1px;font-size:11px}.timeline-running{color:var(--safe)}.timeline-paused{color:var(--elevated)}.timeline-time{color:var(--accent);font-weight:600;font-size:14px}.timeline-tick{color:var(--text-dim)}.timeline-nodes{color:var(--text-dim);margin-left:auto}.wind-mode-toggle{display:flex;gap:0;margin-bottom:10px;border-radius:4px;overflow:hidden;border:1px solid var(--panel-border)}.btn-toggle{flex:1;padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;border:none;background:#0d1117;color:var(--text-dim);cursor:pointer;transition:all .15s}.btn-toggle:not(:last-child){border-right:1px solid var(--panel-border)}.btn-toggle:hover{color:var(--text);background:#161b22}.btn-toggle.active{background:var(--accent);color:#000}.wind-status{font-size:11px;padding:6px 8px;border-radius:4px;margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wind-status-loading{background:#0d111766;color:var(--accent)}.wind-status-loading:before{content:"";width:8px;height:8px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.wind-status-ready{background:#28a74526;color:var(--safe)}.wind-status-error{background:#dc354526;color:var(--danger)}.wind-error{color:var(--danger)}.wind-timestamp{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;opacity:.7}.config-section label.disabled{opacity:.4;pointer-events:none}.wind-capture-controls{display:flex;gap:4px;margin:6px 0;flex-wrap:wrap}.btn-capture{background:#1a3a5c;color:var(--accent);border-color:#1a3a5c;font-size:10px!important;padding:3px 8px!important}.btn-capture:hover{background:#224a72;border-color:#224a72}.btn-capture-delete{background:#3a1a1a;color:var(--danger);border-color:#3a1a1a;font-size:10px!important;padding:3px 8px!important}.btn-capture-delete:hover{background:#4a2222;border-color:#4a2222}.btn-capture-success{background:#1a4a2a;color:#4ade80;border-color:#1a4a2a;font-size:11px;padding:3px 8px!important;cursor:default}.wind-capture-info{font-size:10px;color:var(--text-dim);margin-bottom:6px;font-family:JetBrains Mono,monospace}.btn-place{background:#1a6b3a;color:#fff;border-color:#1a6b3a;flex:1}.btn-place:hover{background:#22884a;border-color:#22884a}.btn-active{background:var(--accent);color:#000;border-color:var(--accent);flex:1;font-weight:700;animation:pulse-place 1.5s ease-in-out infinite}.btn-active:hover{background:#5aafff;border-color:#5aafff}@keyframes pulse-place{0%,to{box-shadow:0 0 #58a6ff80}50%{box-shadow:0 0 12px 4px #58a6ff4d}}.btn-sm{padding:3px 8px!important;font-size:10px!important}.source-list{margin:8px 0;background:#0d1117;border-radius:6px;padding:8px}.source-list h4{font-size:11px;color:var(--text-dim);margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.source-item{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:4px;margin-bottom:3px;font-size:11px;font-family:JetBrains Mono,monospace}.source-item:last-child{margin-bottom:0}.source-item.pending{background:#ffa5001a;border-left:2px solid #ff8c00}.source-item.active{background:#ff44001a;border-left:2px solid #ff4400}.source-label{color:var(--text)}.source-status{font-size:10px;color:#f40;font-weight:600;text-transform:uppercase;letter-spacing:.5px}