:root{--color-obsidian: #0A0E14;--color-concrete: #2D3139;--color-charcoal: #4A505C;--color-lumen: #A89968;--color-steel: #6B7684;--color-white: #FFFFFF;--color-off-white: #F5F5F5;--opacity-high: 1;--opacity-medium: .7;--opacity-low: .5;--opacity-faint: .3;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 64px;--spacing-2xl: 96px;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--duration-fast: .2s;--duration-standard: .4s;--duration-slow: .6s;--delay-increment: .1s;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--ls-hero: .7em;--ls-heading: .4em;--ls-label: .3em;--ls-body: .2em;--ls-micro: .05em}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-obsidian);color:var(--color-white);font-family:var(--font-sans);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}::selection{background:#a8996859}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-obsidian)}::-webkit-scrollbar-thumb{background:var(--color-charcoal)}::-webkit-scrollbar-thumb:hover{background:var(--color-steel)}.label{font-size:11px;font-weight:500;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-steel)}.label--lumen{color:var(--color-lumen)}.mono{font-family:var(--font-mono);font-size:13px;line-height:20px;letter-spacing:0}.panel{background:var(--color-concrete);border:1px solid var(--color-charcoal)}.btn{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:var(--ls-label);text-transform:uppercase;background:transparent;color:var(--color-off-white);border:1px solid var(--color-charcoal);padding:12px 24px;cursor:pointer;transition:opacity var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.btn:hover{opacity:var(--opacity-medium);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:var(--opacity-faint);cursor:not-allowed;transform:none}.btn--primary{background:var(--color-lumen);color:var(--color-obsidian);border-color:var(--color-lumen);font-weight:600}.input,.textarea,.select{width:100%;font-family:var(--font-mono);font-size:13px;color:var(--color-white);background:var(--color-obsidian);border:1px solid var(--color-charcoal);padding:12px 16px;outline:none;transition:opacity var(--duration-fast) var(--easing-standard)}.input:focus,.textarea:focus{border-color:var(--color-lumen)}.textarea{resize:vertical;min-height:88px;line-height:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spinner{to{transform:rotate(360deg)}}.anim-slide-up{animation:slideInUp var(--duration-standard) var(--easing-ease-out) both}.anim-fade{animation:fadeIn var(--duration-slow) var(--easing-standard) both}.anim-scale{animation:scaleUp var(--duration-standard) var(--easing-ease-out) both}.app{min-height:100%;display:flex;flex-direction:column}.nav{position:fixed;top:0;left:0;right:0;height:64px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:var(--color-concrete);border-bottom:1px solid var(--color-charcoal)}.nav__brand{display:flex;align-items:baseline;gap:var(--spacing-sm);cursor:default}.nav__logo{font-size:18px;font-weight:300;letter-spacing:var(--ls-hero);color:var(--color-white);text-indent:0}.nav__logo span{color:var(--color-lumen)}.nav__tag{font-size:9px;letter-spacing:var(--ls-label);color:var(--color-steel);text-transform:uppercase}.nav__links{display:flex;gap:var(--spacing-lg);align-items:center}.nav__link{font-size:11px;font-weight:500;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-off-white);opacity:var(--opacity-medium);background:none;border:none;cursor:pointer;padding:8px 0;position:relative;transition:opacity var(--duration-fast) var(--easing-standard);font-family:var(--font-sans)}.nav__link:hover{opacity:1}.nav__link--active{opacity:1;color:var(--color-lumen)}.nav__link--active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-lumen);transform:scaleX(1)}.main{flex:1;padding:calc(64px + var(--spacing-lg)) var(--spacing-lg) var(--spacing-xl)}.console{display:grid;grid-template-columns:320px 1fr 340px;gap:var(--spacing-md);align-items:start}.console__left,.console__right{position:sticky;top:calc(64px + var(--spacing-sm));max-height:calc(100vh - 96px);overflow-y:auto}@media (max-width: 820px){.console__left,.console__right{position:static;max-height:none}}@media (max-width: 1180px){.console{grid-template-columns:280px 1fr}.console__right{grid-column:1 / -1}}@media (max-width: 820px){.console{grid-template-columns:1fr}}.panel{padding:var(--spacing-md)}.panel+.panel{margin-top:var(--spacing-md)}.panel__title{margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center}.field{margin-bottom:var(--spacing-sm)}.field .label{display:block;margin-bottom:var(--spacing-xs)}.mode{display:flex;border:1px solid var(--color-charcoal)}.mode__btn{flex:1;padding:10px 0;font-size:10px;font-weight:500;letter-spacing:var(--ls-label);text-transform:uppercase;background:transparent;color:var(--color-steel);border:none;cursor:pointer;font-family:var(--font-sans);transition:opacity var(--duration-fast) var(--easing-standard)}.mode__btn--active{background:var(--color-lumen);color:var(--color-obsidian);font-weight:600}.scenario{width:100%;text-align:left;padding:var(--spacing-sm);background:var(--color-obsidian);border:1px solid var(--color-charcoal);border-left:2px solid var(--color-charcoal);color:var(--color-off-white);cursor:pointer;margin-bottom:var(--spacing-xs);font-family:var(--font-sans);transition:transform var(--duration-fast) var(--easing-standard),opacity var(--duration-fast) var(--easing-standard)}.scenario:hover{transform:translate(2px)}.scenario--active{border-left-color:var(--color-lumen)}.scenario__name{font-size:12px;letter-spacing:var(--ls-label);text-transform:uppercase;margin-bottom:4px}.scenario--active .scenario__name{color:var(--color-lumen)}.scenario__q{font-size:12px;line-height:18px;opacity:var(--opacity-medium);letter-spacing:var(--ls-micro);display:block}.timeline{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:480px}.timeline__empty{border:1px dashed var(--color-charcoal);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--color-steel)}.timeline__empty-glyph{font-size:40px;font-weight:300;letter-spacing:var(--ls-hero);color:var(--color-charcoal);margin-bottom:var(--spacing-sm)}.record{border:1px solid var(--color-charcoal);background:var(--color-concrete);animation:slideInUp var(--duration-standard) var(--easing-ease-out) both}.record__head{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-sm);border-bottom:1px solid rgba(74,80,92,.5)}.record__body{padding:var(--spacing-sm)}.record__glyph{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;flex-shrink:0;border:1px solid var(--color-charcoal);color:var(--color-steel)}.record--assistant .record__glyph{color:var(--color-lumen);border-color:var(--color-lumen)}.record--answer{border-color:var(--color-lumen)}.record--answer .record__glyph{background:var(--color-lumen);color:var(--color-obsidian);border-color:var(--color-lumen)}.record__kind{font-size:10px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-steel)}.record__round{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--color-steel);opacity:var(--opacity-medium)}.record__reasoning{font-size:13px;line-height:21px;color:var(--color-off-white);opacity:var(--opacity-medium);letter-spacing:var(--ls-micro);border-left:1px solid var(--color-charcoal);padding-left:var(--spacing-sm);margin-bottom:var(--spacing-xs);white-space:pre-wrap}.record__content{font-size:14px;line-height:22px;letter-spacing:var(--ls-micro);white-space:pre-wrap}.record__obs{font-family:var(--font-mono);font-size:12px;line-height:19px;background:var(--color-obsidian);border:1px solid var(--color-charcoal);padding:var(--spacing-sm);white-space:pre-wrap;max-height:220px;overflow:auto;color:var(--color-off-white)}.record__args{font-family:var(--font-mono);font-size:12px;color:var(--color-lumen);word-break:break-all;white-space:pre-wrap}.vchip{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--color-charcoal);color:var(--color-steel);margin-top:var(--spacing-xs)}.vchip__dot{width:6px;height:6px;border-radius:50%;background:var(--color-steel)}.vchip--pass .vchip__dot{background:var(--color-lumen)}.vchip--pass{color:var(--color-off-white);border-color:var(--color-lumen)}.vchip--warn .vchip__dot{background:var(--color-steel)}.vchip--fail{border-color:#8a4b4b;color:#c98787}.vchip--fail .vchip__dot{background:#c98787}.thinking{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:var(--color-steel)}.thinking__dot{width:8px;height:8px;background:var(--color-lumen);animation:pulse 1.2s var(--easing-standard) infinite}.thinking__dot:nth-child(2){animation-delay:.2s}.thinking__dot:nth-child(3){animation-delay:.4s}.gauge{margin-bottom:var(--spacing-sm)}.gauge__bar{height:2px;background:var(--color-charcoal);position:relative;overflow:hidden;margin-top:var(--spacing-xs)}.gauge__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-lumen);transform-origin:left;transform:scaleX(0);transition:transform var(--duration-slow) var(--easing-standard)}.gauge__meta{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--font-mono);font-size:10px;color:var(--color-steel)}.ability{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:10px}.ability__name{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-off-white);opacity:var(--opacity-medium);width:150px;flex-shrink:0}.ability__track{flex:1;height:2px;background:var(--color-charcoal);overflow:hidden}.ability__fill{height:100%;background:var(--color-lumen);transform-origin:left;transition:transform var(--duration-slow) var(--easing-standard)}.ability__count{font-family:var(--font-mono);font-size:10px;color:var(--color-steel);width:20px;text-align:right}.kag-svg{width:100%;display:block;background:var(--color-obsidian);border:1px solid var(--color-charcoal)}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.domain{padding:10px;border:1px solid var(--color-charcoal);background:var(--color-obsidian);transition:opacity var(--duration-standard) var(--easing-standard),transform var(--duration-standard) var(--easing-standard);opacity:var(--opacity-faint)}.domain--active{opacity:1;border-color:var(--color-lumen);transform:scale(1.02)}.domain__name{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-off-white)}.domain--active .domain__name{color:var(--color-lumen)}.domain__bench{font-family:var(--font-mono);font-size:8px;color:var(--color-steel);margin-top:3px}.statusbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-concrete);border:1px solid var(--color-charcoal)}.statusbar .mono{color:var(--color-steel);font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-steel)}.status-dot--running{background:var(--color-lumen);animation:pulse 1.2s infinite}.status-dot--done{background:var(--color-lumen)}.bench-section{margin-bottom:var(--spacing-xl)}.bench-title{font-size:14px;font-weight:400;letter-spacing:var(--ls-heading);text-transform:uppercase;margin-bottom:var(--spacing-md);color:var(--color-off-white)}.bench-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.bench-row__name{width:220px;font-size:11px;letter-spacing:var(--ls-micro);color:var(--color-off-white);opacity:var(--opacity-medium);flex-shrink:0}.bench-row__track{flex:1;height:14px;background:var(--color-concrete);position:relative}.bench-row__fill{position:absolute;top:0;left:0;bottom:0;background:var(--color-charcoal);transform-origin:left;animation:growX var(--duration-slow) var(--easing-ease-out) both}.bench-row__fill--a1{background:var(--color-lumen)}.bench-row__val{width:48px;font-family:var(--font-mono);font-size:11px;color:var(--color-steel)}.bench-row--a1 .bench-row__name{opacity:1;color:var(--color-lumen)}.bench-row--a1 .bench-row__val{color:var(--color-lumen)}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero{padding:var(--spacing-xl) 0 var(--spacing-lg);text-align:left}.hero__title{font-size:36px;line-height:44px;font-weight:300;letter-spacing:var(--ls-heading);text-transform:uppercase}.hero__title em{font-style:normal;color:var(--color-lumen)}.hero__sub{margin-top:var(--spacing-sm);font-size:13px;line-height:21px;color:var(--color-steel);letter-spacing:var(--ls-micro);max-width:720px}.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width: 900px){.sys-grid{grid-template-columns:1fr}}.sys-card{padding:var(--spacing-md);border-left:2px solid var(--color-lumen)}.sys-card__idx{font-family:var(--font-mono);font-size:11px;color:var(--color-lumen);margin-bottom:var(--spacing-xs)}.sys-card__title{font-size:13px;letter-spacing:var(--ls-label);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.sys-card__body{font-size:13px;line-height:21px;color:var(--color-off-white);opacity:var(--opacity-medium);letter-spacing:var(--ls-micro)}.footer{border-top:1px solid var(--color-charcoal);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.footer a{color:var(--color-steel);text-decoration:none;font-size:10px;letter-spacing:var(--ls-label);text-transform:uppercase;transition:opacity var(--duration-fast) var(--easing-standard)}.footer a:hover{opacity:var(--opacity-medium)}@media (max-width: 720px){.nav{padding:0 var(--spacing-sm);gap:var(--spacing-sm)}.nav__tag{display:none}.nav__logo{font-size:14px;letter-spacing:.4em;white-space:nowrap}.nav__links{gap:var(--spacing-sm);overflow-x:auto}.nav__link{white-space:nowrap;font-size:10px;letter-spacing:.2em}.main{padding:calc(64px + var(--spacing-md)) var(--spacing-sm) var(--spacing-lg)}.hero__title{font-size:24px;line-height:32px;letter-spacing:.3em}.statusbar{flex-wrap:wrap;gap:var(--spacing-xs)}.timeline__empty-glyph{font-size:24px;letter-spacing:.4em}.bench-row__name{width:120px;font-size:9px}}