:root{--background: #040814;--text-color: #e0f7ff;--panel-background: rgba(10, 15, 28, .96);--panel-border: rgba(56, 189, 248, .42);--panel-shadow: 0 0 48px rgba(56, 189, 248, .18);--input-background: rgba(15, 23, 42, .92);--input-border: rgba(56, 189, 248, .45);--label-color: #9fd8ff;--caption-color: #94a3b8;--accent-color: #7dd3fc;--button-text: #e0f7ff;--legend-background: rgba(5, 10, 22, .96);--legend-border: rgba(56, 189, 248, .28);--status-color: #86efac;--status-paused: #facc15}body.light{--background: #f8fafc;--text-color: #0f172a;--panel-background: rgba(255, 255, 255, .96);--panel-border: rgba(148, 163, 184, .45);--panel-shadow: 0 0 48px rgba(148, 163, 184, .14);--input-background: rgba(255, 255, 255, .95);--input-border: rgba(148, 163, 184, .45);--label-color: #475569;--caption-color: #64748b;--accent-color: #2563eb;--button-text: #0f172a;--legend-background: rgba(255, 255, 255, .94);--legend-border: rgba(148, 163, 184, .35);--status-color: #16a34a;--status-paused: #ca8a04}html,body{margin:0;min-height:100%;background:var(--background);color:var(--text-color);font-family:Consolas,monospace}body{overflow:hidden}#root{position:fixed;inset:0;width:100vw;height:100vh}.map-deckgl{position:absolute;top:0;left:0;width:100%;height:100%}.panel{position:fixed;top:20px;width:340px;height:calc(100vh - 40px);box-sizing:border-box;overflow:hidden;padding:22px;font-size:13px;color:var(--text-color);background:var(--panel-background);border:1px solid var(--panel-border);border-radius:20px;box-shadow:var(--panel-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1}.panel-left{left:20px;display:grid;grid-template-rows:auto 1fr;gap:16px;overflow-y:auto;overflow-x:auto}.panel-right{right:20px;width:320px;display:grid;grid-template-rows:1fr;gap:16px;overflow-y:auto;overflow-x:fixed}.mobile-panel-toggle{position:fixed;left:50%;bottom:20px;z-index:2;width:calc(100% - 40px);max-width:160px;font-size:14px;padding:14px 18px;background:#0ea5e9;color:#fff;border:none;border-radius:999px;box-shadow:0 12px 24px #0000002e;transform:translate(-50%)}.panel-hidden{opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .2s ease,transform .2s ease}.panel-left .section{overflow:visible}@media(max-width:900px){.panel{width:calc(100% - 40px);max-width:100%;left:50%;right:auto;transform:translate(-50%);border-radius:18px;padding:18px}.panel-left,.panel-right{width:calc(100% - 40px);max-width:100%;right:auto;left:50%;transform:translate(-50%)}.panel-left{top:20px;height:50vh;max-height:50vh;min-height:0;overflow-y:auto}.panel-left .section{overflow:visible}.panel-right{top:calc(36px + 50vh);height:calc(45vh - 16px);max-height:calc(45vh - 16px);min-height:0;overflow-y:auto;bottom:auto}.mobile-panel-toggle{display:block}}@media(min-width:901px){.mobile-panel-toggle{display:none;background:#0ea5e9}}.section{display:grid;gap:12px;margin-top:16px;padding:8px 0}.panel-row{display:grid;gap:12px}.panel-group{display:grid;gap:16px}.button-group{display:grid;gap:12px}.label-wrap{flex-wrap:wrap;gap:8px}.paragraph-small{font-size:11px;color:var(--caption-color)}.paragraph-caption{color:var(--caption-color)}.button{cursor:pointer;width:100%;border-radius:18px;border:1px solid transparent;background:#0ea5e924;color:var(--button-text);padding:14px 18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 40px #0ea5e92e;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.mobile-panel-toggle:hover{transform:translate(-50%)}.button-outline{border-color:var(--input-border);background:#ffffff14}.control-label span{display:inline-block}.button{cursor:pointer;width:100%;border-radius:18px;border:1px solid transparent;background:#0ea5e924;color:var(--button-text);padding:14px 18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 40px #0ea5e92e}.status-text{font-size:11px;color:var(--status-color)}.status-warning{font-size:11px;color:var(--status-paused)}.caption-text{color:var(--caption-color)}.accent-text{color:var(--accent-color)}.legend{padding:18px;background:var(--legend-background);border-radius:18px;border:1px solid var(--legend-border);box-shadow:0 0 26px #38bdf81a}.legend-label{font-size:11px;color:var(--caption-color);margin-bottom:6px}.legend-row{display:flex;gap:6px;align-items:center}.insight-value{font-size:18px;font-weight:700;color:var(--accent-color)}.history-row{display:flex;gap:10px;align-items:flex-end;min-height:96px}.history-date{font-size:10px;color:var(--caption-color);text-align:center}.detail-text{font-size:13px;color:var(--text-color)}.break-all{word-break:break-all}.panel-section-title{font-size:16px;font-weight:800;color:var(--accent-color);letter-spacing:.08em}.panel-header{display:grid;gap:14px}.panel-title{font-size:20px;font-weight:800;color:var(--accent-color);letter-spacing:.08em}.panel-subtitle{font-size:12px;color:var(--caption-color);line-height:1.6}.section{display:grid;gap:12px;margin-top:16px;padding:8px 0;overflow:hidden}.control-group{display:grid;gap:16px}.detail-row{display:grid;gap:6px}.detail-list{display:grid;gap:3px}.button{cursor:pointer;width:100%;border-radius:18px;border:1px solid var(--input-border);background:#0ea5e924;color:var(--button-text);padding:14px 18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 40px #0ea5e92e;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button-small{padding:12px 14px;letter-spacing:.06em}.button-soft{background:#ffffff14}.legend-title{font-size:12px;font-weight:700;margin-bottom:10px;color:var(--text-color)}.legend-swatch{width:28px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.12)}.control-group{display:grid;gap:14px}.control-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.control-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--label-color);text-transform:uppercase;letter-spacing:.08em}.control-input,.control-select,.control-text,.control-range{width:100%;max-width:100%;min-width:0;border-radius:14px;border:1px solid var(--input-border);background:var(--input-background);color:var(--text-color);padding:12px 14px;outline:none;box-sizing:border-box;box-shadow:inset 0 0 0 1px #38bdf829;transition:border-color .2s ease,box-shadow .2s ease}.control-input:focus,.control-select:focus,.control-text:focus,.control-range:focus{border-color:#38bdf8e6;box-shadow:0 0 20px #38bdf82e}.control-checkbox{width:auto}.button{cursor:pointer;width:100%;border-radius:18px;border:1px solid transparent;background:#0ea5e924;color:var(--button-text);padding:14px 18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 40px #0ea5e92e;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px)}.button-theme{border-color:#6366f1cc;background:linear-gradient(135deg,#3b82f626,#2563eb24)}.button-soft{border-color:var(--input-border);background:#ffffff14}.button-accent{border-color:var(--accent-color);background:#0ea5e924}.range-input{margin-bottom:0}.status-text{color:var(--status-color);font-size:11px}.status-warning{color:var(--status-paused);font-size:11px}.notice-text{color:var(--caption-color)}.legend-content{display:grid;gap:12px}.detail-group{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.detail-row{display:grid;gap:4px}.detail-key{font-size:11px;color:var(--caption-color)}.detail-value{font-size:14px;color:var(--text-color)}.detail-block{display:grid;gap:4px}.summary-section{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.history-bar{display:grid;align-items:end;gap:4px;width:36px}.history-line{border-radius:10px}.footer-text{font-size:10px;color:var(--caption-color);text-align:center}