.commander-scene{--ink:var(--color-dark);--muted:var(--color-ink-secondary);--canvas:var(--color-ground);--surface:var(--color-sunken);--line:var(--color-layout-rule);--strong:var(--color-border);min-width:0;color:var(--ink);font-size:16px;line-height:1.5}.commander-scene *,.commander-scene :before,.commander-scene :after{box-sizing:border-box}.commander-scene button,.commander-scene a,.commander-scene input{font:inherit;color:inherit}.commander-scene button{cursor:pointer}.commander-scene a{text-decoration:none}.commander-scene :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.commander-scene svg{flex-shrink:0;display:block}.commander-scene h3,.commander-scene h4,.commander-scene p{margin:0}.commander-scene h3{color:var(--ink);letter-spacing:-.03em;font-size:23px;font-weight:500;line-height:1.25}.commander-scene p{color:var(--muted)}.commander-scene .icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.commander-scene .field-label,.commander-scene .badge,.commander-scene .chart-times,.commander-scene .event-columns,.commander-scene .state-status{font-family:var(--font-mono);font-size:12px;line-height:16px}.commander-scene .badge{border-radius:var(--radius-pill);background:var(--color-product-icon-surface);color:var(--ink);white-space:nowrap;padding:3px 10px;display:inline-flex}.commander-scene .panel{background:0 0;border:0;min-width:0;padding:0}.commander-scene .console{--journey-line-x:26px;border:1px solid var(--color-layout-rule-inverse);background:var(--color-scene-raised);width:100%;color:var(--color-inverse);border-radius:12px;overflow:hidden}.commander-scene .console-body{padding:28px 24px}.commander-scene .journey{flex-direction:column;display:flex}.commander-scene .journey-step{border:1px solid var(--color-layout-rule-inverse);background:var(--color-layout-guide-inverse);width:100%;color:var(--color-inverse);text-align:left;border-radius:4px;align-items:center;gap:16px;padding:13px 16px;transition:background .25s,border-color .25s;display:flex;position:relative}.commander-scene .journey-step .step-label{flex:1;font-size:14px}.commander-scene .journey-step .state{min-width:38px;min-height:15px;color:var(--color-hero-muted);justify-content:flex-end;align-items:center;font-size:11px;display:inline-flex}.commander-scene .journey-step:not(.active):is(:hover,:focus-visible){border-color:var(--color-inverse-muted);background:var(--color-inverse-border)}.commander-scene .journey-step.active{border-color:var(--color-scene-accent);background:var(--color-scene-accent-wash)}.commander-scene .journey-step.active:is(:hover,:focus-visible){border-color:var(--color-scene-accent-bright)}.commander-scene .journey-step.active .state{color:var(--color-inverse)}.commander-scene .journey-step.done{background:var(--color-layout-guide-inverse)}.commander-scene .journey-step.active .state-mark{display:none}.commander-scene .state-status{color:var(--color-scene-accent-bright);letter-spacing:.04em;white-space:nowrap;display:none}.commander-scene .journey-step.active .state-status{align-items:center;gap:2px;display:inline-flex}.commander-scene .state-cursor{background:var(--color-scene-accent-bright);width:7px;height:13px;animation:1s step-end infinite commanderCursorBlink;display:block}.commander-scene .state-status.typing .state-cursor{animation:none}@keyframes commanderCursorBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.commander-scene .connector{width:1px;height:14px;margin-left:var(--journey-line-x);background:var(--color-layout-rule-inverse);position:relative}.commander-scene .connector.active{background:var(--color-scene-accent)}.commander-scene .field-label{color:var(--muted);margin-bottom:10px;display:block}.commander-scene .segments{flex-wrap:wrap;gap:8px;display:flex}.commander-scene .segments button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--canvas);padding:10px 14px;font-size:13px}.commander-scene .segments button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--color-inverse)}.commander-scene .tool-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.commander-scene .data-app{--event-Transfer:var(--color-navy-600);--event-Mint:var(--color-navy-300);--event-Burn:var(--color-slate-300);border:1px solid var(--color-panel-stroke);border-radius:var(--radius-card);background:var(--color-sunken-deep);letter-spacing:-.01em;gap:16px;padding:12px;display:flex}.commander-scene .data-events{background:0 0;border:0;padding:0}.commander-scene .data-events .app-main{padding:0}.commander-scene .app-rail{border:1px solid var(--color-panel-stroke);border-radius:var(--radius-card);background:linear-gradient(var(--color-surface), var(--color-scene-ground));flex-direction:column;flex-shrink:0;align-self:stretch;width:52px;display:flex}.commander-scene .app-mark{justify-content:center;height:64px;padding-top:16px;display:flex}.commander-scene .app-mark svg{width:auto;height:32px;color:var(--color-logo)}.commander-scene .app-nav{padding:0 8px 8px}.commander-scene .app-nav-group+.app-nav-group{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.commander-scene .app-nav-item{border-radius:var(--radius-control);height:34px;transition:background var(--duration-feedback) var(--ease-enter);place-items:center;display:grid;position:relative}.commander-scene .app-nav-item:hover{background:var(--color-dashboard-active)}.commander-scene .app-nav-item[data-active]{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-panel-stroke), 0 1px 2px #0c163b0f}.commander-scene .app-nav-item:after{z-index:2;background:var(--color-dark);color:var(--color-inverse);content:attr(data-label);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-feedback) var(--ease-enter);border-radius:6px;padding:4px 8px;font-size:12px;line-height:16px;position:absolute;left:calc(100% + 10px)}.commander-scene .app-nav-item:hover:after{opacity:1}.commander-scene .app-main{flex:1;min-width:0;padding:6px 4px 0}.commander-scene .app-heading{letter-spacing:-.035em;margin-bottom:18px;font-size:22px;font-weight:600;line-height:28px}.commander-scene .app-crumb{color:var(--muted);margin-right:8px;font-weight:400}.commander-scene .app-crumb:after{color:var(--color-slate-300);content:"/";margin-left:8px}.commander-scene .live-badge{border:1px solid var(--color-panel-stroke);background:var(--color-surface);align-items:center;gap:8px}.commander-scene .live-dot{background:var(--event-Transfer);border-radius:50%;width:6px;height:6px;position:relative}.commander-scene .live-dot:after{background:var(--event-Transfer);content:"";opacity:.35;animation:commanderLive 2s var(--ease-out-soft) infinite;border-radius:50%;position:absolute;inset:-3px}@keyframes commanderLive{0%{opacity:.45;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.commander-scene .data-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.commander-scene .data-metric,.commander-scene .data-chart,.commander-scene .event-list,.commander-scene .event-detail{border:1px solid var(--color-panel-stroke);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;padding:18px;box-shadow:0 1px 2px #0c163b0a}.commander-scene .data-metric{align-items:baseline;gap:14px;display:flex}.commander-scene .metric-icon{border-radius:var(--radius-control);background:var(--color-navy-50);flex-shrink:0;align-self:center;width:36px;height:36px;display:block;position:relative}.commander-scene .metric-icon:before{background:var(--event-Transfer);content:"";-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;position:absolute;inset:9px}.commander-scene .data-metric p{min-width:0;color:var(--muted);order:2;margin-left:4px;font-size:14px;line-height:20px}.commander-scene .data-metric strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;order:1;font-size:28px;font-weight:500;line-height:32px;display:block}.commander-scene .data-chart{margin-bottom:12px}.commander-scene .chart-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.commander-scene .chart-heading p{font-size:14px;font-weight:500}.commander-scene .chart-legend{color:var(--muted);font-family:var(--font-mono);gap:16px;font-size:12px;line-height:16px;display:flex}.commander-scene .chart-legend span,.commander-scene .event-row>:first-child,.commander-scene .event-detail #event-type{align-items:center;gap:8px;display:inline-flex}.commander-scene .chart-legend span:before,.commander-scene .event-row>:first-child:before,.commander-scene .event-detail #event-type:before{content:"";border-radius:2px;flex-shrink:0;width:8px;height:8px}.commander-scene [data-type=Transfer]>:first-child:before,.commander-scene .chart-legend [data-type=Transfer]:before,.commander-scene .event-detail[data-type=Transfer] #event-type:before{background:var(--event-Transfer)}.commander-scene [data-type=Mint]>:first-child:before,.commander-scene .chart-legend [data-type=Mint]:before,.commander-scene .event-detail[data-type=Mint] #event-type:before{background:var(--event-Mint)}.commander-scene [data-type=Burn]>:first-child:before,.commander-scene .chart-legend [data-type=Burn]:before,.commander-scene .event-detail[data-type=Burn] #event-type:before{background:var(--event-Burn)}.commander-scene .event-bars{border-bottom:1px solid var(--line);align-items:stretch;gap:4px;height:96px;display:flex}.commander-scene .event-bar{min-width:2px;transition:background var(--duration-feedback) var(--ease-enter);border-radius:4px 4px 0 0;flex-direction:column-reverse;flex:1;gap:2px;padding-bottom:2px;display:flex;position:relative}.commander-scene .event-bar:hover{background:var(--color-dashboard-active)}.commander-scene .event-bar[data-selected]{background:var(--color-navy-50)}.commander-scene .event-bar:empty:before{background:var(--color-slate-300);content:"";border-radius:2px;flex-shrink:0;height:3px}.commander-scene .event-bar span{transition:opacity var(--duration-state) var(--ease-enter);border-radius:3px;flex-shrink:0}.commander-scene .event-bar span[data-type=Transfer]{background:var(--event-Transfer)}.commander-scene .event-bar span[data-type=Mint]{background:var(--event-Mint)}.commander-scene .event-bar span[data-type=Burn]{background:var(--event-Burn)}.commander-scene .event-bars[data-filter=Transfer] span:not([data-type=Transfer]),.commander-scene .event-bars[data-filter=Mint] span:not([data-type=Mint]),.commander-scene .event-bars[data-filter=Burn] span:not([data-type=Burn]){opacity:.15}.commander-scene .data-chart.chart-visible .event-bar{animation:commanderBarEnter .6s var(--ease-out-soft) both;transform-origin:bottom}.commander-scene .chart-times{color:var(--muted);justify-content:space-between;margin-top:8px;display:flex}.commander-scene .event-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;display:grid}.commander-scene .event-list .tool-heading{margin-bottom:12px;font-size:14px;font-weight:500}.commander-scene #recent-label{color:var(--muted);font-weight:400}.commander-scene .data-app .segments{border-radius:var(--radius-control);background:var(--color-sunken);gap:2px;padding:2px}.commander-scene .data-app .segments button{color:var(--muted);transition:background var(--duration-feedback) var(--ease-enter), color var(--duration-feedback) var(--ease-enter);background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:12px;line-height:18px}.commander-scene .data-app .segments button:hover{color:var(--ink)}.commander-scene .data-app .segments button[aria-pressed=true]{border-color:var(--color-panel-stroke);background:var(--color-surface);color:var(--ink);box-shadow:0 1px 2px #0c163b0f}.commander-scene #event-rows{min-height:200px}.commander-scene .event-row{text-align:left;width:100%;height:40px;transition:background var(--duration-feedback) var(--ease-enter);background:0 0;border:0;border-radius:6px;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,.8fr);align-items:center;gap:8px;padding:0 12px;font-size:14px;display:grid;position:relative}.commander-scene .event-row>:nth-child(2),.commander-scene .event-row>:last-child{font-family:var(--font-mono);font-size:13px}.commander-scene .event-row>:last-child{color:var(--muted);text-align:right}.commander-scene button.event-row{cursor:pointer}.commander-scene button.event-row:hover{background:var(--color-dashboard-active)}.commander-scene button.event-row[aria-pressed=true]{background:var(--color-navy-50)}.commander-scene .event-columns{height:32px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:0;margin-bottom:4px;font-size:11px}.commander-scene .event-columns>:first-child:before{display:none}.commander-scene .event-detail h3{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:400;line-height:16px}.commander-scene .event-detail #event-title{font-size:14px;font-weight:500}.commander-scene .event-detail strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:6px 0 4px;font-size:32px;font-weight:500;line-height:36px;display:block}.commander-scene .event-detail #event-route{color:var(--muted);font-size:14px}.commander-scene .event-detail dl{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:10px 16px;margin:16px 0 0;padding-top:16px;font-size:13px;display:grid}.commander-scene .event-detail dt{color:var(--muted)}.commander-scene .event-detail dd{overflow-wrap:anywhere;text-align:right;margin:0}.commander-scene .event-detail #event-type{justify-content:flex-end}.commander-scene .event-detail #event-contract,.commander-scene .event-detail #event-observed{font-family:var(--font-mono);font-size:12px}.commander-scene .event-detail.changed{animation:commanderDetailFade .3s var(--ease-enter) both}.commander-scene .event-subscription{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--color-sunken);margin-top:16px;padding:12px 14px;font-size:13px}.commander-scene .event-subscription p{color:var(--muted);margin-bottom:2px;font-size:12px}@keyframes commanderBarEnter{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes commanderDetailFade{0%{opacity:.4}to{opacity:1}}@media (max-width:680px){.commander-scene .app-rail{display:none}.commander-scene .data-app{padding:8px}.commander-scene .badge{white-space:normal}.commander-scene .console-body{padding:20px 16px}.commander-scene .console{--journey-line-x:22px}.commander-scene .journey-step{padding:12px}.commander-scene .data-metrics,.commander-scene .event-layout{grid-template-columns:minmax(0,1fr)}.commander-scene .data-metric{justify-content:space-between;align-items:center;gap:12px;display:flex}.commander-scene .event-row{grid-template-columns:minmax(0,1fr) auto auto;gap:12px;height:auto;min-height:40px;padding:8px;font-size:12px}.commander-scene .event-row>*{white-space:nowrap}.commander-scene .event-row>:first-child{text-overflow:ellipsis;overflow:hidden}.commander-scene .event-row>:nth-child(2),.commander-scene .event-row>:last-child{font-size:12px}.commander-scene .event-list,.commander-scene .event-detail{padding:14px}}@media (prefers-reduced-motion:reduce){.commander-scene *,.commander-scene :before,.commander-scene :after{transition:none!important;animation:none!important}}