.k-command-surface{--c-bg: #0a0e12;--c-bg-2: #0e141b;--c-panel: #121a23;--c-panel-2: #16202b;--c-line: #25323f;--c-line-soft: #1b2630;--c-text: #f1ece1;--c-text-dim: #c7c1b4;--c-text-faint: #9a9486;--c-gold: #c8a24b;--c-gold-bright: #e8c878;--c-ok: #45d18a;--c-warn: #e8b84b;--c-bad: #f0584f;--c-info: #5aa9e6;--g-ok: rgba(69, 209, 138, .55);--g-warn: rgba(232, 184, 75, .6);--g-bad: rgba(240, 88, 79, .65);--g-gold: rgba(200, 162, 75, .5);--display-font: "Fraunces", Georgia, serif;--ui-font: "Inter", system-ui, -apple-system, sans-serif;--radius: 10px;--radius-sm: 7px}.k-command-surface,.k-command-surface *{box-sizing:border-box}.k-command-surface{position:relative;height:100%;background:radial-gradient(1200px 800px at 75% -10%,rgba(200,162,75,.06),transparent 60%),radial-gradient(900px 700px at 0% 110%,rgba(90,169,230,.05),transparent 55%),var(--c-bg);color:var(--c-text);font-family:var(--ui-font);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:auto;overflow-y:hidden}.k-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--c-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--c-line-soft) 1px,transparent 1px);background-size:44px 44px;opacity:.18;-webkit-mask-image:radial-gradient(120% 120% at 50% 40%,#000 55%,transparent 100%);mask-image:radial-gradient(120% 120% at 50% 40%,#000 55%,transparent 100%);z-index:0}.k-shell{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:248px 1fr 360px;grid-template-areas:"top    top     top" "rail   canvas  detail" "ticker ticker  ticker";height:100%;min-width:1200px;gap:1px;background:var(--c-line-soft)}.k-top{grid-area:top}.k-rail{grid-area:rail;overflow-y:auto}.k-canvas{grid-area:canvas;position:relative;overflow:hidden}.k-detail{grid-area:detail;overflow-y:auto}.k-ticker{grid-area:ticker}.k-panel{background:var(--c-panel)}.k-display{font-family:var(--display-font);font-optical-sizing:auto}.k-mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.k-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-faint);font-weight:700}.k-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor}.k-dot--pulse{animation:k-pulse 1.8s ease-out infinite}@keyframes k-pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 7px transparent;opacity:.85}to{box-shadow:0 0 0 0 transparent;opacity:1}}.k-command-surface .is-ok{color:var(--c-ok)}.k-command-surface .is-warn{color:var(--c-warn)}.k-command-surface .is-bad{color:var(--c-bad)}.k-rail::-webkit-scrollbar,.k-detail::-webkit-scrollbar{width:8px}.k-rail::-webkit-scrollbar-thumb,.k-detail::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:8px}.k-rail::-webkit-scrollbar-track,.k-detail::-webkit-scrollbar-track{background:transparent}@keyframes k-march{to{stroke-dashoffset:-16}}.k-flow{stroke-dasharray:3 6;animation:k-march .9s linear infinite}@keyframes k-fade{0%{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}.k-node{animation:k-fade .28s ease both}@media(prefers-reduced-motion:reduce){.k-flow,.k-dot--pulse,.k-node{animation:none}}.k-btn{font-family:var(--ui-font);font-size:12px;font-weight:600;color:var(--c-text);background:var(--c-panel-2);border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.k-btn:hover{border-color:var(--c-gold);background:#1a2530}.k-ticker{display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;overflow:hidden}.k-ticker-badge{flex:none;display:flex;align-items:center;gap:7px;height:100%;padding-right:12px;border-right:1px solid var(--c-line)}.k-ticker-feed{flex:1;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,#000 86%,transparent 100%)}.k-evt{flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--c-panel-2);border:1px solid var(--c-line-soft);border-radius:var(--radius-sm);padding:4px 10px 4px 8px;font-family:var(--ui-font);font-size:11.5px;cursor:pointer;animation:k-evt-in .26s ease both;transition:border-color .12s ease,background .12s ease}.k-evt:hover{border-color:var(--c-gold);background:#1a2530}@keyframes k-evt-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.k-evt{animation:none}}
