:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9edf2;--surface:#ffffffe6;--surface-solid:#fff;--surface-2:#f3f5f8;--line:#dde2e9;--line-2:#c4ccd7;--text-1:#141a22;--text-2:#4a5565;--text-3:#5d6878;--amber:#f5a524;--amber-ink:#9a5a00;--amber-dim:#f5a52424;--amber-strong:#b86e00;--on-amber:#fff;--control-off:#8a96a8;--cold:#1d5fd6;--hot:#d0261c;--coolant:#0e9fbf;--good:#15803d;--warn:#a15c07;--serious:#c2410c;--critical:#c81e1e;--series-a:#2a78d6;--series-b:#eb6834;--grid-line:#e4e8ee;--shadow:0 10px 30px #1e293b1f;--tooltip-bg:#fffffff7;--label-bg:#ffffffeb;--radius:10px;--font:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text-1);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn,.seg__btn,.chip{white-space:nowrap}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.app{width:100vw;height:100vh;position:relative}.stage{z-index:0;position:absolute;inset:0}.hud{z-index:1;pointer-events:none;--top-h:158px;--dock-h:214px;position:absolute;inset:0}.hud>*{pointer-events:auto}.panel-in{animation:.8s cubic-bezier(.2,.8,.2,1) both panel-in}@keyframes panel-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.985)}to{opacity:1;filter:none;transform:none}}.topbar,.panel,.dock{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);position:absolute}.panel:before,.panel:after,.topbar:before,.dock:before{content:"";border:2px solid var(--amber);pointer-events:none;width:14px;height:14px;position:absolute}.panel:before,.topbar:before,.dock:before{border-top-left-radius:var(--radius);border-bottom:0;border-right:0;top:-1px;left:-1px}.panel:after{border-bottom-right-radius:var(--radius);border-top:0;border-left:0;bottom:-1px;right:-1px}.topbar{grid-template-columns:auto 1fr auto;grid-template-areas:"brand clock alarm""kpis kpis kpis";align-items:center;gap:10px 20px;padding:12px 14px;display:grid;top:12px;left:12px;right:12px;overflow:hidden}.topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);width:30%;height:1px;animation:5s linear infinite scan;position:absolute;top:0;left:-30%}@keyframes scan{to{left:100%}}.brand{grid-area:brand;align-items:center;gap:12px;display:flex}.brand__mark{align-items:flex-end;gap:3px;height:26px;display:flex}.brand__mark span{background:var(--amber);border-radius:2px;width:5px;animation:1.2s ease-in-out infinite bars}.brand__mark span:first-child{height:40%}.brand__mark span:nth-child(2){height:100%;animation-delay:.2s}.brand__mark span:nth-child(3){height:70%;animation-delay:.4s}@keyframes bars{50%{transform:scaleY(.55)}}.brand__title{letter-spacing:-.01em;font-size:16px;font-weight:700}.brand__sub{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.clock{grid-area:clock;justify-content:center;align-items:center;gap:14px;display:flex}.clock__time{color:var(--amber-ink);text-shadow:none;font-size:18px}.clock__controls{align-items:center;gap:6px;display:flex}.alarm-pill{border:1px solid var(--line-2);color:var(--text-2);border-radius:999px;grid-area:alarm;align-items:center;gap:8px;padding:6px 12px;font-weight:600;display:inline-flex}.alarm-pill__dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 8px var(--good);border-radius:50%}.alarm-pill.is-active{border-color:var(--serious);color:var(--text-1);background:#c2410c14}.alarm-pill.is-active .alarm-pill__dot{background:var(--serious);box-shadow:0 0 8px var(--serious);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.kpis{grid-area:kpis;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.kpi{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;min-width:0;padding:8px 12px 9px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--line-2);width:2px;position:absolute;top:8px;bottom:8px;left:0}.kpi--accent:before{background:var(--amber);box-shadow:0 0 10px var(--amber)}.kpi__label{color:var(--text-2);white-space:nowrap;font-size:11px}.kpi__value{white-space:nowrap;align-items:baseline;gap:5px;margin-top:2px;display:flex}.kpi__value .num{font-size:21px;font-weight:700}.kpi__unit{color:var(--text-3);text-overflow:ellipsis;font-size:11px;overflow:hidden}.kpi__delta{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.kpi__delta--good{color:var(--good)}.kpi__delta--good:before{content:"▲ ";font-size:9px}.btn{border:1px solid var(--line-2);background:var(--surface-2);border-radius:7px;padding:6px 12px;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--amber)}.btn--icon{place-items:center;width:32px;height:30px;padding:0;font-size:11px;display:grid}.btn--ghost{background:0 0}.btn--wide{background:var(--amber-dim);width:100%;color:var(--amber-ink);border-color:#f5a52480;margin-top:12px;padding:9px;font-weight:600}.seg{border:1px solid var(--line-2);background:var(--surface-2);border-radius:8px;padding:2px;display:inline-flex}.seg--full{display:flex}.seg--full .seg__btn{flex:1}.seg__btn{color:var(--text-2);background:0 0;border:0;border-radius:6px;padding:5px 10px}.seg__btn.is-on{background:var(--amber-ink);color:var(--on-amber);font-weight:700}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-2);color:var(--text-2);background:0 0;border-radius:999px;padding:5px 11px}.chip:hover{border-color:var(--amber);color:var(--text-1)}.chip.is-on{border-color:var(--amber-strong);background:var(--amber-dim);color:var(--amber-ink)}.chip--sm{padding:2px 9px;font-size:11px}.panel{top:calc(var(--top-h) + 22px);bottom:calc(var(--dock-h) + 22px);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;padding:14px;overflow-y:auto}.panel--left{width:272px;left:12px}.panel--right{width:316px;right:12px}.panel__title{letter-spacing:.1em;color:var(--amber-ink);text-transform:uppercase;margin:0 0 10px;font-size:11px}.section+.section{border-top:1px dashed var(--line);margin-top:16px;padding-top:14px}.section__title{letter-spacing:.06em;color:var(--text-3);margin:0 0 10px;font-size:11px;font-weight:600}.hint{color:var(--text-3);margin:8px 0 0;font-size:11px;line-height:1.5}.slider{margin-top:10px;display:block}.slider__head{color:var(--text-2);justify-content:space-between;margin-bottom:6px;display:flex}.slider__head b{color:var(--text-1);font-weight:600}.slider.is-disabled{opacity:.4}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--amber-strong) var(--pct), var(--control-off) var(--pct));border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface-solid);border:3px solid var(--amber-strong);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #1e293b4d}input[type=range]::-moz-range-thumb{background:var(--surface-solid);border:3px solid var(--amber-strong);border-radius:50%;width:10px;height:10px}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--text-1);outline-offset:2px}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--text-1);outline-offset:2px}.toggle{border:1px solid var(--line);background:var(--surface-2);text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:6px;padding:8px 10px;display:flex}.toggle__track{background:var(--control-off);border-radius:999px;flex:none;width:34px;height:18px;transition:background .2s;position:relative}.toggle__knob{background:var(--surface-solid);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #1e293b59}.toggle.is-on{border-color:var(--amber-strong)}.toggle.is-on .toggle__track{background:var(--amber-strong)}.toggle.is-on .toggle__knob{transform:translate(16px)}.toggle__text{flex-direction:column;display:flex}.toggle__text small{color:var(--text-3);font-size:11px}.layers{grid-template-columns:1fr 1fr;gap:6px;display:grid}.layer{border:1px solid var(--line);color:var(--text-3);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;display:flex}.layer__swatch{opacity:.35;border-radius:3px;width:10px;height:10px}.layer.is-on{color:var(--text-1);border-color:var(--line-2)}.layer.is-on .layer__swatch{opacity:1;outline:1px solid #141a2233}.detail{animation:.4s both panel-in}.detail__head{justify-content:space-between;gap:8px;display:flex}.detail__kicker{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.detail__title{margin:2px 0 0;font-size:20px}.detail__meta{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.detail__time{color:var(--text-3);font-size:11px}.detail__desc{color:var(--text-2);margin:8px 0 12px;line-height:1.55}.status{border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px}.status--good{color:var(--good)}.status--idle{color:var(--text-2)}.status--warn{color:var(--warn)}.alarm-row{background:var(--surface-2);border-left:3px solid;border-radius:7px;margin-bottom:6px;padding:7px 10px}.alarm-row--warning{border-color:var(--warn)}.alarm-row--serious{border-color:var(--serious)}.alarm-row--critical{border-color:var(--critical)}.readings{margin:0}.readings__row{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;display:flex}.readings dt{color:var(--text-2)}.readings dd{text-align:right;white-space:nowrap;margin:0}.readings dd small{color:var(--text-3);margin-left:4px}.spark{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;margin:0 0 10px;padding:8px 10px 6px}.spark figcaption{color:var(--text-3);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.spark svg{width:100%;height:56px;display:block}.spark__line{fill:none;stroke:var(--amber-ink);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.spark__area{fill:var(--amber-dim)}.spark__dot{fill:var(--amber-ink);stroke:var(--surface-solid);stroke-width:2px}.eqlist__group+.eqlist__group{margin-top:12px}.eqlist__item{background:var(--surface-2);text-align:left;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:7px 9px;display:flex}.eqlist__item:hover{border-color:var(--amber)}.eqlist__item small{color:var(--text-3);font-size:10px}.dot{border-radius:50%;width:8px;height:8px}.dot--warning{background:var(--warn)}.dot--serious{background:var(--serious)}.dot--critical{background:var(--critical)}.dock{height:var(--dock-h);padding:12px 14px;bottom:12px;left:12px;right:12px}.dock.is-collapsed{height:38px}.hud:has(.dock.is-collapsed){--dock-h:38px}.dock__toggle{border:1px solid var(--line);background:var(--surface);color:var(--text-2);border-bottom:0;border-radius:8px 8px 0 0;padding:4px 12px;font-size:11px;position:absolute;top:-1px;right:18px;transform:translateY(-100%)}.dock__grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,.9fr);gap:14px;height:100%;display:grid}.chart{min-width:0;position:relative}.chart__head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.chart__title{margin:0;font-size:12px;font-weight:700}.legend{color:var(--text-2);gap:12px;margin-top:3px;font-size:11px;display:flex}.legend__item{align-items:center;gap:5px;display:inline-flex}.chart__plot{position:relative}.chart__plot svg{display:block;overflow:visible}.chart__empty{height:128px;color:var(--text-3);place-items:center;display:grid}.chart__table{border-collapse:collapse;width:100%;font-size:11px}.chart__table th{color:var(--text-3);text-align:right;padding:2px 4px;font-weight:600}.chart__table td{text-align:right;border-top:1px solid var(--line);padding:2px 4px}.chart__table th:first-child,.chart__table td:first-child{text-align:left}.grid{stroke:var(--grid-line);stroke-width:1px}.tick{fill:var(--text-3);font-size:10px;font-family:var(--mono)}.line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.series-a{stroke:var(--series-a)}.series-b{stroke:var(--series-b);stroke-dasharray:5 3}.key{stroke-width:2px}.marker{fill:var(--surface-solid);stroke-width:2px;stroke-dasharray:none}.crosshair{stroke:var(--text-3);stroke-width:1px}.endlabel{fill:var(--text-1);font-size:11px;font-family:var(--mono)}.endlabel--muted{fill:var(--text-2)}.tooltip{border:1px solid var(--line-2);background:var(--tooltip-bg);min-width:140px;box-shadow:var(--shadow);pointer-events:none;z-index:2;border-radius:7px;padding:7px 9px;font-size:11px;position:absolute}.tooltip__time{color:var(--text-3);margin-bottom:4px}.tooltip__row{align-items:center;gap:6px;display:flex}.tooltip__row span{color:var(--text-2)}.tooltip__unit{color:var(--text-3);margin-top:3px}.events{border-left:1px solid var(--line);flex-direction:column;min-width:0;padding-left:14px;display:flex}.events__list{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex:1;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.event{border-bottom:1px solid var(--line);grid-template-columns:14px 62px 1fr;gap:6px;padding:4px 0;font-size:11px;animation:.4s both event-in;display:grid}@keyframes event-in{0%{opacity:0;transform:translate(-8px)}}.event__icon,.event__time{color:var(--text-3)}.event__msg{color:var(--text-2)}.event--warning .event__icon{color:var(--warn)}.event--serious .event__icon{color:var(--serious)}.event--critical .event__icon{color:var(--critical)}.event--warning .event__msg,.event--serious .event__msg,.event--critical .event__msg{color:var(--text-1)}.labels-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.labels-layer .label{will-change:transform;position:absolute;top:0;left:0}.labels-layer .label:not([data-placed]){visibility:hidden}.label{background:var(--label-bg);white-space:nowrap;font-family:var(--font);-webkit-user-select:none;user-select:none;border:1px solid #b56e0059;border-radius:7px;flex-direction:column;align-items:center;padding:5px 10px 6px;font-size:12px;line-height:1.25;transition:border-color .2s,box-shadow .2s,opacity .25s,visibility .25s;display:flex;box-shadow:0 2px 8px #1e293b1f}.label.is-hidden{opacity:0;visibility:hidden}.label b{color:var(--text-1);font-weight:700}.label small{color:var(--text-3);letter-spacing:.04em;font-size:9px}.label span{color:var(--amber-ink);font-family:var(--mono);margin-top:1px;font-size:11px}.label--tag{border-color:var(--line-2);flex-direction:row;gap:6px;padding:2px 6px;font-size:10px}.label--tag span{color:var(--text-1);margin:0;font-size:10px}.label--tag b{color:var(--amber-ink)}.label--active{border-color:var(--amber);box-shadow:0 0 0 2px #f5a52459,0 4px 14px #1e293b29}.label--warning{border-color:var(--warn)}.label--serious{border-color:var(--serious);box-shadow:0 0 0 2px #c2410c40}.label--critical{border-color:var(--critical);box-shadow:0 0 0 2px #c81e1e40}@media (width<=1500px){.kpi__value .num{font-size:18px}.dock__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.events{display:none}}@media (width<=1100px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.hud{--top-h:226px}.panel--left{width:240px}.panel--right{width:270px}}@media (width<=820px){html,body,#root{overflow:auto}.app{height:auto}.stage{height:60vh;position:relative}.hud{flex-direction:column;gap:12px;padding:12px 16px;display:flex;position:static}.topbar,.panel,.dock{width:auto;height:auto;position:relative;inset:auto}.topbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""clock""alarm""kpis"}.clock{flex-wrap:wrap;justify-content:flex-start}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dock__grid{grid-template-columns:1fr}.events{border-left:0;max-height:220px;padding-left:0;display:flex}.dock__toggle{border-bottom:1px solid var(--line);border-radius:8px;margin-bottom:10px;position:static;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}