:root{color-scheme:dark;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif;background:#070b12;color:#e7edf5;font-synthesis:none;--bg: #070b12;--panel: rgba(15, 21, 32, .78);--line: rgba(150, 171, 198, .13);--muted: #708098;--soft: #9ba8ba;--mint: #5defc7;--amber: #f1c572;--red: #ff6b73}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% -10%,rgba(36,92,109,.2),transparent 32rem),radial-gradient(circle at 8% 38%,rgba(31,70,86,.12),transparent 28rem),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 80%)}button,a{font:inherit}#app{max-width:1600px;min-height:100vh;margin:0 auto;padding:0 42px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(93,239,199,.5);color:var(--mint);font:700 18px/1 ui-monospace,monospace;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.brand>span:last-child{display:flex;flex-direction:column;gap:2px}.brand strong{letter-spacing:.27em;font-size:15px}.brand small{color:var(--muted);font-size:8px;letter-spacing:.18em}.topbar-right{display:flex;align-items:center;gap:25px;color:var(--soft);font:600 10px/1 ui-monospace,monospace;letter-spacing:.08em}.mode-pill,.connection{display:flex;align-items:center;gap:8px}.mode-pill{padding:8px 11px;border:1px solid rgba(241,197,114,.23);color:var(--amber);background:#f1c5720e}.mode-pill span,.connection i,.live-tag i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.connection i{color:var(--amber)}.connection.online{color:var(--mint)}.connection.error{color:var(--red)}main{padding:58px 0 64px}.hero{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.eyebrow{margin:0 0 17px;color:var(--mint);font:600 10px/1 ui-monospace,monospace;letter-spacing:.25em}h1{margin:0;max-width:780px;font-size:clamp(30px,4.1vw,61px);line-height:1.12;letter-spacing:-.055em;font-weight:520;color:#dce5ef}h1 em{color:#fff;font-style:normal;font-weight:710}.hero-meta{min-width:330px;padding:4px 0 2px 25px;display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;border-left:1px solid var(--line)}.hero-meta div:last-child{grid-column:1 / -1}.hero-meta span,.metric>span,.authority-state span{display:block;color:var(--muted);font:600 9px/1 ui-monospace,monospace;letter-spacing:.18em;margin-bottom:8px}.hero-meta b{color:var(--soft);font:500 12px/1.2 ui-monospace,monospace}.metric-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);border:1px solid var(--line);background:#0a0f1799;margin-bottom:18px}.metric{min-height:125px;padding:25px 26px;border-right:1px solid var(--line);position:relative;overflow:hidden}.metric:last-child{border:0}.metric.primary:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--mint),transparent)}.metric strong{display:block;margin:17px 0 8px;font:500 clamp(19px,2vw,29px)/1 ui-monospace,monospace;letter-spacing:-.04em;color:#f0f5fb}.metric small{color:var(--muted);font:500 9px/1 ui-monospace,monospace;text-transform:uppercase}.workspace-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(290px,.85fr);gap:18px;margin-bottom:18px}.panel{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(12px)}.panel-head{min-height:75px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head>div:first-child{display:flex;align-items:center;gap:17px}.section-index{color:var(--mint);font:600 9px/1 ui-monospace,monospace}.panel-head h2{margin:0 0 5px;font-size:14px;letter-spacing:.01em}.panel-head p{margin:0;color:var(--muted);font-size:10px}.live-tag,.locked{color:var(--mint);font:600 8px/1 ui-monospace,monospace;letter-spacing:.15em;display:flex;align-items:center;gap:8px}.locked{border:1px solid rgba(93,239,199,.2);padding:7px 9px}.chart-wrap{height:310px;position:relative;background:linear-gradient(rgba(93,239,199,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(93,239,199,.025) 1px,transparent 1px);background-size:50px 50px}#market-chart{width:100%;height:100%;display:block}.empty-chart{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);overflow:hidden}.empty-chart[hidden]{display:none}.empty-chart b{color:var(--soft);font-size:12px;margin-bottom:8px}.empty-chart small{font-size:10px}.scanner{position:absolute;width:100%;height:1px;top:50%;background:linear-gradient(90deg,transparent,rgba(93,239,199,.45),transparent);animation:scan 4s ease-in-out infinite}@keyframes scan{0%,to{transform:translateY(-110px);opacity:0}50%{transform:translateY(110px);opacity:1}}.chart-footer{min-height:43px;padding:0 24px;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);color:var(--muted);font:500 8px/1 ui-monospace,monospace;letter-spacing:.08em}.chart-footer span:first-child{margin-right:auto}.chart-footer b{color:var(--soft);font-weight:500}.legend-mid{display:inline-block;width:13px;height:2px;margin-right:7px;background:var(--mint);vertical-align:middle}.authority-panel{display:flex;flex-direction:column}.authority-state{margin:27px 24px 20px;padding:19px;display:flex;align-items:center;gap:16px;background:#5defc70b;border:1px solid rgba(93,239,199,.13)}.shield{width:38px;height:38px;display:grid;place-items:center;color:var(--mint);border:1px solid rgba(93,239,199,.28);font-size:22px}.authority-state strong{font:600 14px/1 ui-monospace,monospace;color:var(--mint)}.status-list,.runtime-list{margin:0 24px}.status-list div,.runtime-list div{display:flex;justify-content:space-between;align-items:center;min-height:36px;border-bottom:1px solid rgba(150,171,198,.08)}dl dt{color:var(--muted);font-size:10px}dl dd{margin:0;color:var(--soft);font:500 9px/1 ui-monospace,monospace}dl dd.on{color:var(--mint)}dl dd.off{color:var(--red)}.risk-reason{margin:auto 24px 24px;padding-top:20px;color:var(--muted);font-size:9px;line-height:1.5}.flow-panel,.models-panel{margin-bottom:18px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.flow-grid div{min-height:94px;padding:23px 22px;border-right:1px solid var(--line)}.flow-grid div:nth-child(4n){border-right:0}.flow-grid div:nth-child(-n+4){border-bottom:1px solid var(--line)}.flow-grid dt{margin-bottom:15px;font:600 8px/1 ui-monospace,monospace;letter-spacing:.12em}.flow-grid dd{color:#e7edf5;font-size:12px}.flow-latest{margin:0;min-height:42px;padding:14px 22px;border-top:1px solid var(--line);color:var(--muted);font:500 9px/1.4 ui-monospace,monospace}.model-grid{display:grid;grid-template-columns:repeat(4,1fr)}.model-card{min-height:125px;padding:25px;border-right:1px solid var(--line);position:relative}.model-card:last-child{border:0}.model-card:before{content:"";position:absolute;top:0;left:25px;width:27px;height:1px;background:var(--mint)}.model-card span{color:var(--mint);font:600 8px/1 ui-monospace,monospace;letter-spacing:.15em}.model-card b{display:block;margin:18px 0 15px;font-size:12px}.model-card small{color:var(--muted);font:500 9px/1 ui-monospace,monospace}.pipeline{min-height:48px;padding:0 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:500 8px/1 ui-monospace,monospace;letter-spacing:.08em}.pipeline i{color:#5defc766;font-style:normal}.lower-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.system-panel,.event-panel{min-height:315px}.runtime-list{padding:13px 0 21px}.runtime-list div{min-height:36px}.runtime-list dd.ready{color:var(--mint)}.runtime-list dd i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:7px;box-shadow:0 0 8px currentColor}#clear-log{border:0;color:var(--muted);background:transparent;font:600 8px/1 ui-monospace,monospace;cursor:pointer;letter-spacing:.12em}#clear-log:hover{color:var(--mint)}.event-log{list-style:none;margin:0;padding:16px 24px 20px}.event-log li{min-height:31px;display:grid;grid-template-columns:70px 12px 1fr;align-items:center;color:var(--soft);font:500 9px/1.3 ui-monospace,monospace}.event-log time{color:var(--muted)}.event-log i{width:5px;height:5px;border-radius:50%;background:#597086}.event-log .ok i{background:var(--mint);box-shadow:0 0 7px #5defc7a6}.event-log .warn i{background:var(--amber)}.footer{min-height:63px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#556478;font:500 8px/1 ui-monospace,monospace;letter-spacing:.12em}@media(max-width:980px){#app{padding:0 24px}.hero{align-items:start;flex-direction:column}.hero-meta{width:100%;border-left:0;border-top:1px solid var(--line);padding:22px 0 0;grid-template-columns:repeat(3,1fr)}.hero-meta div:last-child{grid-column:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--line)}.metric:last-child{grid-column:1 / -1}.workspace-grid,.lower-grid{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(2,1fr)}.flow-grid div:nth-child(odd){border-right:1px solid var(--line)}.flow-grid div:nth-child(2n){border-right:0}.flow-grid div:nth-child(-n+6){border-bottom:1px solid var(--line)}.authority-panel{min-height:405px}}@media(max-width:650px){#app{padding:0 15px}.topbar{height:72px}.mode-pill,#clock{display:none}main{padding-top:40px}.hero{margin-bottom:34px}.hero-meta{grid-template-columns:1fr 1fr}.hero-meta div:last-child{grid-column:1 / -1}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:112px;padding:21px 19px}.metric.primary{grid-column:1 / -1}.metric:last-child{grid-column:auto}.panel-head{padding:0 17px}.live-tag,.locked{display:none}.chart-wrap{height:250px}.chart-footer span:nth-child(2){display:none}.model-grid,.flow-grid{grid-template-columns:1fr 1fr}.flow-grid div:nth-child(2n){border-right:0}.model-card:nth-child(2){border-right:0}.model-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.pipeline{overflow-x:auto;gap:18px;justify-content:start;white-space:nowrap}.footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}