:root{color-scheme:light;--bg:#ffffff;--panel:#ffffff;--panel-2:#f7f7f8;--line:#e6e6e9;--text:#18181b;--muted:#6b7280;--brand:#d72638;--brand-strong:#b3182a;--brand-strong-rgb:179,24,42;--ok:#1c8a4b;--ok-bg:#e6f6ec;--ok-border:#a9dfc0;--warn:#92600a;--warn-bg:#fdf1da;--warn-border:#ecc879;--danger:#c81e2e;--danger-bg:#fbe4e6;--danger-border:#e39aa3;--unknown:#52525b;--unknown-bg:#f0f0f2;--unknown-border:#d4d4d8;--card-bg:#ffffff;--card-shadow:rgba(24,24,27,0.08);--surface-soft:rgba(24,24,27,0.04);--hairline-soft:rgba(24,24,27,0.07);--hairline:rgba(24,24,27,0.12);--control-bg:#f0f0f2;--overlay-bg:rgba(255,255,255,0.98);--overlay-shadow:rgba(20,21,30,0.16);--shell-gradient:radial-gradient(900px circle at 12% -10%,rgba(215,38,56,0.05),transparent 42%),#ffffff;--error-shell-gradient:radial-gradient(560px circle at 18% 10%,rgba(215,38,56,0.08),transparent 60%),#ffffff;--button-gradient:linear-gradient(180deg,#d72638,#a91525);--button-fg:#fff;--error-code-gradient:linear-gradient(180deg,#d72638,#7a0f1d);--error-orb-gradient:radial-gradient(circle,rgba(215,38,56,0.14),transparent 70%);--chart-line:#b3182a;--chart-fill:rgba(179,24,42,0.12);--chart-grid:rgba(24,24,27,0.08);--chart-ref:rgba(24,24,27,0.28);--map-control-bg:rgba(255,255,255,0.92);--map-control-bg-strong:rgba(255,255,255,0.98);--map-control-attribution-bg:rgba(255,255,255,0.85);--map-control-layers-bg:rgba(255,255,255,0.97);--map-control-fg:#18181b;--map-canvas-bg:#e4e6ea;--mix-1:#2a78d6;--mix-2:#eb6834;--mix-3:#1baf7a;--mix-4:#eda100;--mix-5:#e87ba4;--mix-6:#008300;--mix-7:#4a3aa7;--mix-8:#e34948;--focus-ring:var(--brand)}:root[data-theme=dark]{color-scheme:dark;--bg:#0f0f10;--panel:#161618;--panel-2:#1a1a1c;--line:#313136;--text:#f7f7f4;--muted:#b6b6ad;--brand-strong:#ff4b5f;--brand-strong-rgb:255,75,95;--ok:#6fdb9c;--ok-bg:rgba(111,219,156,0.14);--ok-border:rgba(111,219,156,0.36);--warn:#ffd27a;--warn-bg:rgba(255,193,7,0.14);--warn-border:rgba(255,193,7,0.36);--danger:#ff7a8a;--danger-bg:rgba(215,38,56,0.28);--danger-border:rgba(255,122,138,0.48);--unknown:#b6b6ad;--unknown-bg:rgba(182,182,173,0.12);--unknown-border:rgba(182,182,173,0.3);--card-bg:rgba(22,22,24,0.94);--card-shadow:rgba(0,0,0,0.4);--surface-soft:rgba(26,26,28,0.7);--hairline-soft:rgba(255,255,255,0.06);--hairline:rgba(255,255,255,0.08);--control-bg:rgba(34,34,38,0.88);--overlay-bg:rgba(10,10,11,0.97);--overlay-shadow:rgba(0,0,0,0.5);--shell-gradient:linear-gradient(120deg,rgba(215,38,56,0.14),transparent 34%),linear-gradient(180deg,#19191b,#0f0f10 46%);--error-shell-gradient:radial-gradient(560px circle at 18% 10%,rgba(215,38,56,0.24),transparent 60%),linear-gradient(180deg,#19191b,#0f0f10 55%);--button-gradient:linear-gradient(180deg,#f04b5a,#a91525);--button-fg:#fff;--error-code-gradient:linear-gradient(180deg,#ff8b98,#d72638);--error-orb-gradient:radial-gradient(circle,rgba(255,75,95,0.4),transparent 70%);--chart-line:#ff8b98;--chart-fill:rgba(255,75,95,0.16);--chart-grid:rgba(255,255,255,0.08);--chart-ref:rgba(255,255,255,0.24);--map-control-bg:rgba(5,5,5,0.86);--map-control-bg-strong:rgba(9,9,10,0.96);--map-control-attribution-bg:rgba(5,5,5,0.78);--map-control-layers-bg:rgba(10,10,11,0.95);--map-control-fg:#fff;--map-canvas-bg:#17171a;--mix-1:#3987e5;--mix-2:#d95926;--mix-3:#199e70;--mix-4:#c98500;--mix-5:#d55181;--mix-6:#008300;--mix-7:#9085e9;--mix-8:#e66767;--focus-ring:var(--brand-strong)}*{box-sizing:border-box}body,html{min-height:100%}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;transition:background-color .2s ease,color .2s ease}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:1000;background:var(--brand);color:#fff;padding:10px 18px;border-radius:6px;font-weight:700;font-size:14px;text-decoration:none}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ghost-button,.primary-button{min-height:44px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;font-weight:700;font-size:14px;text-decoration:none}.primary-button{background:var(--button-gradient);border-color:rgba(var(--brand-strong-rgb),.72);color:var(--button-fg)}.ghost-button{background:var(--control-bg);color:var(--text);border-color:var(--line)}.ghost-button.small{min-height:36px;padding:0 14px;font-size:12px}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(14px,4vw,28px);background:var(--bg);border-bottom:1px solid var(--line)}.site-header-brand{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:10px;background:#0f0f10;border:1px solid var(--line);color:#fff;text-decoration:none;min-height:44px}.site-header-brand svg{display:block}.site-header-brand span{display:flex;flex-direction:column;line-height:1.15}.site-header-brand strong{font-size:13px;letter-spacing:.06em;line-height:1.1}.site-header-brand small{display:block;color:#ff4b5f;font-size:9px;font-weight:700;letter-spacing:.14em}.site-header-controls{display:flex;align-items:center;gap:8px}.pref-group{display:flex;align-items:center;gap:6px}.pref-group-label{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pref-options{display:flex;gap:2px;border:1px solid var(--line);border-radius:10px;padding:2px;background:var(--control-bg)}.pref-option{min-height:34px;min-width:34px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.pref-option[aria-current=page],.pref-option[aria-pressed=true]{background:var(--brand);color:#fff}.pref-option:hover:not([aria-pressed=true]):not([aria-current=page]){border-color:rgba(var(--brand-strong-rgb),.5)}.header-menu{position:relative}.header-icon-button{min-height:44px;min-width:44px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--control-bg);color:var(--text);padding:0}.header-icon-button[aria-expanded=true]{border-color:rgba(var(--brand-strong-rgb),.72);color:var(--brand-strong)}.header-icon-button .icon-moon,:root[data-theme=dark] .header-icon-button .icon-sun{display:none}:root[data-theme=dark] .header-icon-button .icon-moon{display:block}.header-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;display:flex;flex-direction:column;gap:14px;min-width:220px;max-width:min(320px,calc(100vw - 24px));max-height:min(70vh,560px);overflow-y:auto;background:var(--overlay-bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px var(--overlay-shadow);padding:16px}.theme-panel{min-width:200px}.main-menu-panel{min-width:240px;max-width:min(320px,calc(100vw - 24px))}.main-menu-nav{display:flex;flex-direction:column;gap:2px}.main-menu-link{min-height:44px;display:flex;align-items:center;padding:0 10px;border-radius:8px;color:var(--text);text-decoration:none;font-weight:700;font-size:14px;background:none;border:none;text-align:left}.main-menu-link:hover{background:var(--control-bg);color:var(--brand-strong)}.menu-section{border-top:1px solid var(--hairline-soft);padding-top:12px;display:grid;gap:8px}.menu-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.dash-shell{min-height:100vh;background:var(--shell-gradient)}.dash-main{width:min(1180px,100%);margin:0 auto;padding:20px clamp(14px,4vw,28px) 48px;display:flex;flex-direction:column;gap:18px}.dash-intro{display:grid;gap:6px}.dash-eyebrow{margin:0;color:var(--brand-strong);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.dash-title{margin:0;font-size:clamp(22px,3.4vw,30px);line-height:1.2}.hero-answer{max-width:72ch;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.live-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-size:12px;font-weight:700;color:var(--text)}.live-badge-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.live-badge[data-status=live]{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.live-badge[data-status=connecting],.live-badge[data-status=reconnecting]{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}.live-badge[data-status=polling]{border-color:var(--line);background:var(--control-bg);color:var(--muted)}.live-badge[data-status=offline]{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.live-badge[data-status=live] .live-badge-dot{animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.toolbar{justify-content:space-between}.toolbar,.toolbar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.updated-note{margin:0;color:var(--muted);font-size:12px}.severity{display:inline-flex;align-items:center;gap:8px;font-weight:700}.severity svg{flex:none}.severity[data-level=normal]{color:var(--ok)}.severity[data-level=attention]{color:var(--warn)}.severity[data-level=critical]{color:var(--danger)}.severity[data-level=unknown]{color:var(--unknown)}.composite-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border:1px solid var(--line);background:var(--card-bg);border-radius:14px;box-shadow:0 1px 2px var(--card-shadow),0 12px 28px var(--card-shadow);padding:20px clamp(16px,3vw,26px)}.composite-score{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(var(--score-color,var(--ok)) calc(var(--score, 0) * 1%),var(--panel-2) 0)}.composite-score>span{width:72px;height:72px;border-radius:50%;background:var(--card-bg);display:grid;place-content:center;text-align:center}.composite-score strong{display:block;font-size:22px;line-height:1}.composite-score small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.composite-body{display:grid;gap:8px;min-width:0}.composite-body h2{margin:0;font-size:clamp(17px,2.4vw,21px)}.composite-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.composite-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:12px}.composite-meta strong{color:var(--text)}.composite-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.composite-bar{display:flex;gap:3px;border:1px solid var(--line);background:var(--card-bg);border-radius:12px;padding:4px;overflow-x:auto}.composite-bar-segment{position:relative;flex:1 0 20px;min-height:44px;min-width:20px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted)}.composite-bar-segment svg{width:18px;height:18px}.composite-bar-segment-status{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;display:grid;place-items:center;background:var(--card-bg);box-shadow:0 0 0 1px var(--card-bg)}.composite-bar-segment-status svg{width:9px;height:9px}.composite-bar-segment[data-level=normal]{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.composite-bar-segment[data-level=attention]{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.composite-bar-segment[data-level=critical]{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.composite-bar-segment[data-level=unknown]{color:var(--unknown);background:var(--unknown-bg);border-color:var(--unknown-border)}.composite-bar-segment[data-level=normal] .composite-bar-segment-status{color:var(--ok)}.composite-bar-segment[data-level=attention] .composite-bar-segment-status{color:var(--warn)}.composite-bar-segment[data-level=critical] .composite-bar-segment-status{color:var(--danger)}.composite-bar-segment[data-level=unknown] .composite-bar-segment-status{color:var(--unknown)}.view-switcher{margin-top:2px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-head h2{margin:0;font-size:18px}.section-note{margin:0;color:var(--muted);font-size:12px}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.domain-card{display:grid;gap:10px;align-content:start;border:1px solid var(--line);background:var(--card-bg);border-radius:14px;padding:16px;min-width:0}.domain-card[data-connected=false]{border-style:dashed;background:var(--surface-soft)}.domain-card-head{display:flex;align-items:flex-start;gap:10px}.domain-card-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--panel-2);color:var(--brand-strong)}.domain-card-titles{min-width:0;display:grid;gap:2px}.domain-card-titles h3{margin:0;font-size:14px;line-height:1.3}.domain-card-metric{display:grid;gap:2px}.domain-card-metric b{font-size:22px;letter-spacing:-.02em}.domain-card-metric span{color:var(--muted);font-size:11px}.domain-card-empty{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.domain-card-sources{display:grid;gap:6px;margin:0;padding:0;list-style:none}.source-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:11px;color:var(--muted);border-top:1px solid var(--hairline-soft);padding-top:6px}.access-pill,.source-row-name{color:var(--text);font-weight:700}.access-pill{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--line);background:var(--panel-2)}.access-pill[data-tier=direct]{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.access-pill[data-tier=adapter]{border-color:var(--line);background:var(--control-bg);color:var(--text)}.access-pill[data-tier=restricted]{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}.access-pill[data-tier=link_only],.access-pill[data-tier=unknown]{border-color:var(--line);background:transparent;color:var(--muted)}.availability-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700;border:1px solid var(--line);background:var(--panel-2);color:var(--muted)}.availability-badge[data-tier=live]{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.availability-badge[data-tier=failing]{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.availability-badge[data-tier=pending]{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}.availability-badge[data-tier=catalog]{border-color:var(--line);background:transparent;color:var(--muted)}.availability-filter{display:flex;flex-wrap:wrap;gap:6px}.freshness{display:inline-flex;align-items:center;gap:4px}.freshness[data-tier=stale],.freshness[data-tier=unknown]{color:var(--danger)}.freshness[data-tier=aging]{color:var(--warn)}.quality-note{margin:0;color:var(--muted);font-size:11px}.panel{border:1px solid var(--line);background:var(--card-bg);border-radius:14px;padding:18px clamp(14px,3vw,22px)}.chart-grid,.panel{display:grid;gap:14px}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.chart-card{border:1px solid var(--hairline);border-radius:12px;padding:12px 14px;display:grid;gap:8px;background:var(--surface-soft);min-width:0}.chart-card h3{margin:0;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.chart-card-value{display:flex;align-items:baseline;gap:6px}.chart-card-value b{font-size:20px}.chart-card-value span{color:var(--muted);font-size:11px}.ts-chart-wrap{position:relative}.ts-chart{display:block;width:100%;height:96px;cursor:crosshair}.ts-chart-empty{display:grid;place-items:center;height:64px;color:var(--muted);font-size:11px;border:1px dashed var(--line);border-radius:8px}.ts-chart-grid{stroke:var(--chart-grid);stroke-width:1}.ts-chart-axis-label{fill:var(--muted);font-size:7px}.ts-chart-hover-line{stroke:var(--chart-ref);stroke-width:1}.ts-chart-hover-dot{fill:var(--chart-line);stroke:var(--card-bg);stroke-width:1.5}.ts-chart-tooltip{position:absolute;transform:translate(-50%,-110%);display:grid;gap:2px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--overlay-bg);box-shadow:0 6px 18px var(--overlay-shadow);font-size:11px;white-space:nowrap;pointer-events:none;z-index:5}.ts-chart-tooltip strong{font-size:12px}.ts-chart-tooltip span{color:var(--muted)}.mix-chart{display:grid;gap:10px}.mix-stack{display:flex;gap:2px;height:22px;border-radius:6px;overflow:hidden}.mix-stack-segment{display:block;height:100%;min-width:3px}.mix-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:11px;color:var(--muted)}.mix-legend-item{display:inline-flex;align-items:center;gap:6px}.mix-legend-swatch{width:10px;height:10px;border-radius:3px;flex:none}.mix-chart-rows{display:grid;gap:6px}.mix-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:8px;font-size:11px}.mix-row-label{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-bar-track{height:8px;border-radius:5px;background:var(--panel-2);overflow:hidden}.mix-bar-fill{height:100%;background:var(--brand-strong);border-radius:5px}.mix-row-value{color:var(--muted);font-variant-numeric:tabular-nums}.metric-source-line{margin:0;color:var(--muted);font-size:11px}.camera-map-wrap{position:relative;border:1px solid var(--hairline);border-radius:12px;background:var(--surface-soft);overflow:hidden;aspect-ratio:16/10}.camera-map-svg{width:100%;height:100%;display:block}.camera-map-outline{fill:var(--panel-2);stroke:var(--line);stroke-width:2}.camera-marker{fill:var(--brand);stroke:var(--card-bg);stroke-width:1.5}.camera-marker:focus-visible,.camera-marker:hover{fill:var(--brand-strong)}.camera-map-empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:12px;text-align:center;padding:12px}.camera-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;max-height:220px;overflow-y:auto}.camera-list li{display:flex;justify-content:space-between;gap:8px;font-size:12px;border-top:1px solid var(--hairline-soft);padding-top:6px}.camera-list a{color:var(--brand-strong);font-weight:700;text-decoration:none}.camera-list a:hover{text-decoration:underline}.infra-map-section{display:grid;gap:12px}.infra-map-controls{display:flex;flex-wrap:wrap;gap:8px 16px}.map-layer-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--control-bg);font-size:13px;font-weight:600}.map-layer-toggle input{width:18px;height:18px}.infra-map-canvas{position:relative;width:100%;height:min(60vh,520px);min-height:320px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--map-canvas-bg)}.leaflet-map{width:100%;height:100%}.leaflet-div-icon{background:transparent;border:none}.map-camera-marker,.map-status-marker{width:var(--marker-size,26px);height:var(--marker-size,26px);border-radius:50%;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.45)}.map-camera-marker{background:var(--brand-strong)}.map-popup{display:grid;gap:4px;min-width:160px;font-size:12px}.map-popup-desc{margin:0;font-weight:700;color:#18181b}.map-popup-date{margin:0;color:#3f3f46}.leaflet-control-container .leaflet-control{border:1px solid var(--line)!important;border-radius:6px;background:var(--map-control-bg);color:var(--map-control-fg)}.leaflet-control-zoom a{background:var(--map-control-bg-strong)!important;color:var(--map-control-fg)!important;border-color:var(--line)!important}.leaflet-control-attribution{background:var(--map-control-attribution-bg)!important;color:var(--muted)!important}.map-legend{display:grid;gap:10px;border:1px solid var(--line);background:var(--card-bg);border-radius:14px;padding:16px clamp(14px,3vw,22px)}.map-legend h3{margin:0;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.map-legend-layers{display:grid;gap:8px;margin:0;padding:0;list-style:none}.map-legend-item{display:grid;gap:2px;font-size:12px;border-top:1px solid var(--hairline-soft);padding-top:8px}.map-legend-item:first-child{border-top:none;padding-top:0}.map-legend-empty{color:var(--warn);font-weight:700}.map-legend-status{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;font-size:12px}.map-legend-status-item{display:inline-flex;align-items:center;gap:6px}.map-legend-swatch{width:12px;height:12px;border-radius:50%;flex:none}.map-legend-status-item[data-level=normal] .map-legend-swatch{background:var(--ok)}.map-legend-status-item[data-level=attention] .map-legend-swatch{background:var(--warn)}.map-legend-status-item[data-level=critical] .map-legend-swatch{background:var(--danger)}.map-legend-status-item[data-level=unknown] .map-legend-swatch{background:var(--unknown)}.map-electricity-aggregate h3{margin:0;font-size:14px}.dash-footer{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:6px;color:var(--muted);font-size:12px}.dash-footer a{color:var(--brand-strong)}.error-note{margin:0;border-radius:10px;padding:10px 12px;border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);font-size:13px;font-weight:600}.error-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--error-shell-gradient)}.error-card{position:relative;width:min(560px,100%);border:1px solid var(--line);background:var(--card-bg);border-radius:14px;box-shadow:0 1px 2px var(--card-shadow),0 12px 28px var(--card-shadow);padding:38px 34px;text-align:center;display:grid;gap:16px;overflow:hidden}.error-card:before{content:"";position:absolute;inset:-40% -40% auto auto;width:220px;height:220px;background:var(--error-orb-gradient);filter:blur(2px);pointer-events:none}.error-brand{margin:0;color:var(--brand-strong);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.error-code{margin:0;font-size:64px;font-weight:800;letter-spacing:-1px;line-height:1;background:var(--error-code-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.error-copy{display:grid;gap:10px}.error-copy-block{display:grid;gap:4px}.error-copy-block p{margin:0;color:var(--text);font-size:15px;line-height:1.5}.error-copy-block span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.error-divider{height:1px;background:var(--hairline);margin:2px 0}.error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}.error-detail{margin:0;color:var(--muted);font-size:11px;word-break:break-word}@media (max-width:760px){.composite-card{grid-template-columns:auto 1fr}.composite-actions{grid-column:1/-1;align-items:stretch}.composite-actions .live-badge{justify-content:center}.header-panel{max-width:calc(100vw - 24px)}.mix-row{grid-template-columns:76px 1fr auto}.composite-bar-segment{flex-basis:18px;min-width:18px}.infra-map-canvas{height:min(50vh,380px)}}@media (max-width:360px){.composite-bar-segment{flex-basis:16px;min-width:16px}.composite-bar-segment svg{width:15px;height:15px}}@media (max-width:420px){.composite-card{grid-template-columns:1fr;justify-items:center;text-align:center}.composite-meta{justify-content:center}}