@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dbe4e8;--bg:#070a0c;--panel:#0b1013;--panel-2:#0e1519;--line:#243038;--line-2:#182229;--text:#dbe4e8;--muted:#73828a;--green:#b8ef3f;--green-2:#7da72a;--orange:#ff7347;--blue:#5bbbd6;--gray:#91a0a7;background:#070a0c;font-family:IBM Plex Mono,Noto Sans SC,monospace}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;margin:0}body{background-image:linear-gradient(#0c121640 1px,#0000 1px),linear-gradient(90deg,#0c121640 1px,#0000 1px);background-size:32px 32px}button,input{font:inherit}.console-shell{width:min(1920px,100%);margin:auto;padding:10px}.command-bar{border:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090e11e8;grid-template-columns:240px 210px 1fr auto 100px;align-items:center;gap:14px;height:66px;padding:0 14px;display:grid;position:sticky;top:0}.brand-block,.session-state,.command-meta,.controls{align-items:center;display:flex}.brand-block{gap:10px}.brand-mark{border:1px solid var(--green);width:34px;height:34px;color:var(--green);place-items:center;font-size:12px;font-weight:600;display:grid}.brand-block div,.session-state div{flex-direction:column;display:flex}.brand-block strong{letter-spacing:.08em;font-size:13px}.brand-block small,.session-state small{color:var(--muted);margin-top:3px;font-size:8px}.session-state{gap:9px}.session-state>i{background:#4c565b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4c565b18}body:not([data-state=idle]) .session-state>i{background:var(--green);box-shadow:0 0 12px var(--green)}.session-state span{font:500 11px Noto Sans SC,sans-serif}.command-meta{justify-content:flex-end;gap:8px;min-width:0}.command-meta span{color:#54636b;font-size:8px}.command-meta b,.command-meta time{color:#a8b5bb;white-space:nowrap;font-size:10px;font-weight:500}.command-meta time{color:var(--green);margin-left:10px}.controls{gap:7px}.controls button{border:1px solid var(--line);cursor:pointer;height:38px;color:var(--text);background:#12191d;padding:0 14px;font-size:10px}.controls .call-button{background:var(--green);border-color:var(--green);color:#101508;font-weight:600}.controls .call-button.active{background:var(--orange);border-color:var(--orange)}.interrupt-button:disabled{opacity:.28;cursor:not-allowed}.interrupt-button:not(:disabled):hover{color:var(--orange);border-color:var(--orange)}.call-icon{margin-right:6px;font-size:8px}.mic-level{border:1px solid var(--line);background:#080c0e;height:22px;padding:3px;overflow:hidden}.mic-level i{height:100%;width:calc(5% + var(--level,0) * 95%);background:linear-gradient(90deg,var(--green-2),var(--green),var(--orange));transition:width 60ms linear;display:block}.workspace{grid-template-columns:minmax(290px,340px) minmax(580px,1fr) minmax(300px,360px);align-items:start;gap:10px;margin-top:10px;display:grid}.panel{border:1px solid var(--line);background:var(--panel)}.panel-title{border-bottom:1px solid var(--line);background:#0d1317;justify-content:space-between;align-items:center;height:42px;padding:0 11px;display:flex}.panel-title>div:first-child{align-items:baseline;gap:9px;display:flex}.panel-title b{font:600 11px Noto Sans SC,sans-serif}.panel-title span{color:var(--muted);letter-spacing:.06em;font-size:8px}.panel-title button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:9px}.panel-title button:hover{color:var(--orange)}.transcript-panel{flex-direction:column;height:760px;display:flex;position:sticky;top:76px}.conversation{scrollbar-width:thin;scrollbar-color:#40505a #0b1013;overscroll-behavior:contain;flex:1;min-height:0;padding:8px 12px;overflow:auto}.empty-state{border-top:1px solid var(--line);color:#5e6c73;grid-template-columns:58px 1fr;gap:8px;margin-top:48%;padding:16px 0;font:11px/1.7 Noto Sans SC,sans-serif;display:grid}.empty-state span{color:var(--green);font:9px IBM Plex Mono,monospace}.message{border-bottom:1px solid var(--line-2);grid-template-columns:42px 1fr;gap:8px;padding:13px 0;display:grid}.message>span{color:var(--muted);padding-top:3px;font-size:8px}.message p{overflow-wrap:anywhere;margin:0;font:12px/1.75 Noto Sans SC,sans-serif}.message.assistant p{color:#dce8cb}.message.user p{color:#9eabb1}.text-form{border-top:1px solid var(--line);background:#0b1013;gap:6px;padding:8px;display:flex}.text-form input{border:1px solid var(--line);min-width:0;height:36px;color:var(--text);background:#080c0e;outline:none;flex:1;padding:0 10px;font-size:10px}.text-form input:focus{border-color:var(--green-2)}.text-form button{color:#b8c2c7;cursor:pointer;background:#141d21;border:1px solid #3b4a51;width:54px;font-size:9px}.center-stack{gap:10px;min-width:0;display:grid}.summary-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.summary-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);min-width:0;height:76px;padding:9px 10px;position:relative}.summary-grid span,.summary-grid small{display:block}.summary-grid span{color:#86949b;font:9px Noto Sans SC,sans-serif}.summary-grid b{white-space:nowrap;text-overflow:ellipsis;margin:8px 0 3px;font-size:15px;font-weight:500;display:block;overflow:hidden}.summary-grid small{color:#4d5b62;font-size:7px}.summary-grid .primary{box-shadow:inset 0 2px var(--green)}.summary-grid .primary b{color:var(--green)}.latency-panel{height:380px;padding-bottom:20px;position:relative}.chart-title{padding-left:13px}.line-legend{color:#728088;align-items:center;gap:5px;font-size:8px;display:flex}.line-legend i,.bar-legend i{background:var(--green-2);width:14px;height:2px;display:inline-block}.line-legend i:nth-of-type(2){background:var(--gray)}.line-legend i:nth-of-type(3){background:var(--orange)}.line-legend i:nth-of-type(4){background:var(--green)}.latency-panel svg{width:calc(100% - 18px);height:310px;margin:5px 8px 0 10px;display:block;overflow:visible}.latency-panel svg text{fill:#718087;font-size:9px}.latency-panel .grid-line{stroke:#253139;stroke-width:1px;stroke-dasharray:2 4}.latency-panel .axis-line{stroke:#52616a;stroke-width:1px}.latency-panel .tick-label{fill:#7d8b92;font-size:9px}.latency-panel .phase-line{stroke-width:1.6px;opacity:.8;vector-effect:non-scaling-stroke}.latency-panel .main-line{stroke-width:2.5px;filter:drop-shadow(0 0 3px #b8ef3f55);vector-effect:non-scaling-stroke}.latency-panel circle{cursor:crosshair;stroke:#071013;stroke-width:1.5px;vector-effect:non-scaling-stroke}.axis-note{color:#55636a;font-size:8px;position:absolute}.y-note{writing-mode:vertical-rl;top:52px;left:7px}.x-note{bottom:7px;right:14px}.secondary-charts{grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);gap:10px;display:grid}.text-chart,.breakdown-chart{height:190px;position:relative}.bar-legend{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.bar-legend i:last-of-type{background:var(--orange)}.text-bars{background:repeating-linear-gradient(0deg,#0000 0 31px,#1c272d 32px);border-bottom:1px solid #43515a;border-left:1px solid #43515a;justify-content:space-around;align-items:flex-end;gap:7px;height:132px;margin:8px 12px 0;padding:0 8px 18px;display:flex}.text-bars>p{color:#536168;margin:auto;font-size:9px}.text-bar-group{flex:1;justify-content:center;align-items:flex-end;gap:3px;max-width:42px;height:100%;display:flex;position:relative}.text-bar-group i{background:var(--green-2);width:9px;min-height:2px}.text-bar-group i:nth-child(2){background:var(--orange)}.text-bar-group small{color:#69777e;font-size:7px;position:absolute;bottom:-14px}.donut-row{justify-content:center;align-items:center;gap:18px;height:110px;display:flex}.average-donut{background:#202a2f;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:relative}.average-donut:after{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:13px}.average-donut span{z-index:1;color:#77858c;text-align:center;font-size:8px;line-height:1.4;position:relative}.breakdown-copy{flex-direction:column;display:flex}.breakdown-copy b{color:var(--green);font-size:18px;font-weight:500}.breakdown-copy span{color:var(--muted);font-size:8px}.breakdown-copy small{color:#a3afb5;margin-top:9px;font-size:8px}.phase-key{color:#69777e;justify-content:center;gap:14px;font-size:8px;display:flex}.phase-key span{align-items:center;gap:4px;display:flex}.phase-key i{background:var(--green-2);width:7px;height:7px}.phase-key span:nth-child(2) i{background:var(--gray)}.phase-key span:nth-child(3) i{background:var(--orange)}.right-stack{gap:10px;display:grid;position:sticky;top:76px}.current-turn .panel-title strong{color:var(--green);font-size:9px;font-weight:500}.waterfall{padding:10px}.waterfall>div{grid-template-columns:78px 1fr 64px;align-items:center;gap:8px;height:31px;display:grid}.waterfall span{color:#87959b;font:9px Noto Sans SC,sans-serif}.waterfall i{background:var(--green-2);min-width:2px;height:7px;transition:width .4s;display:block}.waterfall>div:nth-child(2) i{background:var(--gray)}.waterfall>div:nth-child(3) i{background:var(--orange)}.waterfall b{text-align:right;font-size:9px;font-weight:500}.waterfall .total{border-top:1px solid var(--line);margin-top:5px;padding-top:5px}.waterfall .total i{background:linear-gradient(90deg,var(--green-2),var(--gray),var(--orange));width:100%}.waterfall .total b{color:var(--green)}.milestones{border-left:1px solid var(--line-2);border-top:1px solid var(--line-2);grid-template-columns:1fr 1fr;margin:0 10px 10px;display:grid}.milestones>div{border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:8px;position:relative}.milestones span{color:#6e7d84;font:8px Noto Sans SC,sans-serif;display:block}.milestones b{color:#b2bec3;white-space:nowrap;margin-top:5px;font-size:9px;font-weight:500;display:block}.turn-history summary{cursor:pointer;justify-content:space-between;align-items:center;height:40px;padding:0 11px;font:600 10px Noto Sans SC,sans-serif;list-style:none;display:flex}.turn-history summary::-webkit-details-marker{display:none}.turn-history summary span:before{content:"＋";color:var(--green);margin-right:7px}.turn-history[open] summary span:before{content:"−"}.turn-history summary small{color:var(--muted);font:8px IBM Plex Mono,monospace}.history-list{border-top:1px solid var(--line);max-height:230px;padding:5px 10px;overflow:auto}.history-list>p{color:#5f6d74;font:9px/1.6 Noto Sans SC,sans-serif}.history-list article{border-bottom:1px dotted var(--line);padding:8px 0}.history-list header,.history-list article div{align-items:center;gap:8px;display:flex}.history-list header b{font-size:9px}.history-list header time{color:var(--muted);font-size:8px}.history-list header em{color:var(--green);margin-left:auto;font-size:8px;font-style:normal}.history-list article.interrupted header em{color:var(--orange)}.history-list article div{color:#748289;margin-top:5px;font-size:8px}.history-list article strong{color:var(--green);margin-left:auto;font-weight:500}.runtime-grid{grid-template-columns:1fr 1fr;display:grid}.runtime-grid>div{border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);min-height:54px;padding:8px 10px}.runtime-grid span{color:#637179;text-transform:uppercase;font-size:7px;display:block}.runtime-grid b{margin-top:7px;font-size:10px;font-weight:500;display:block}.runtime-grid small{color:#5c6970;font-size:7px}.bottom-dock{grid-template-columns:minmax(650px,1.35fr) minmax(420px,.65fr);gap:10px;margin-top:10px;display:grid}.transport-grid{grid-template-columns:repeat(5,1fr);display:grid}.transport-grid>div{border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);height:58px;padding:8px 10px}.transport-grid span{color:#637179;font-size:7px;display:block}.transport-grid b{margin-top:7px;font-size:11px;font-weight:500;display:block}.transport-grid .hot b{color:var(--green)}.event-log{scrollbar-width:thin;height:116px;padding:6px 10px;overflow:auto}.event-log p{border-bottom:1px dotted var(--line-2);grid-template-columns:82px 58px 1fr;gap:8px;margin:0;padding:4px 0;font-size:8px;display:grid}.event-log time{color:#59676e}.event-log i{color:var(--green);font-style:normal}.event-log span{white-space:nowrap;text-overflow:ellipsis;color:#8b999f;overflow:hidden}[data-tip]{cursor:help}[data-tip]:after{content:attr(data-tip);z-index:80;color:#dce7d4;opacity:0;visibility:hidden;pointer-events:none;background:#10170f;border:1px solid #52622f;width:230px;padding:8px 10px;font:10px/1.55 Noto Sans SC,sans-serif;transition:all .12s;position:absolute;bottom:calc(100% + 7px);left:8px;transform:translateY(3px);box-shadow:0 10px 28px #000b}[data-tip]:hover:after{opacity:1;visibility:visible;transform:none}@media (max-width:1280px){.command-bar{grid-template-columns:210px 180px 1fr auto 70px}.workspace{grid-template-columns:300px minmax(520px,1fr) 320px}.summary-grid{grid-template-columns:repeat(3,1fr)}.summary-grid article{height:66px}.secondary-charts{grid-template-columns:1fr}.right-stack,.transcript-panel{position:static}}@media (max-width:980px){.command-bar{grid-template-columns:1fr auto;height:auto;min-height:66px;padding:9px}.session-state,.command-meta,.mic-level{display:none}.workspace{grid-template-columns:1fr}.transcript-panel{height:520px}.center-stack{grid-row:1}.right-stack{grid-template-columns:1fr 1fr}.current-turn{grid-column:1/-1}.bottom-dock{grid-template-columns:1fr}.latency-panel{height:350px}}@media (max-width:620px){.console-shell{padding:5px}.command-bar{position:static}.brand-block small{display:none}.controls button{padding:0 9px}.workspace,.center-stack,.right-stack,.bottom-dock{gap:6px;margin-top:6px}.summary-grid{grid-template-columns:repeat(2,1fr)}.right-stack{grid-template-columns:1fr}.latency-panel{height:315px}.latency-panel svg{height:250px}.secondary-charts{grid-template-columns:1fr}.transport-grid{grid-template-columns:repeat(2,1fr)}.conversation{padding-inline:9px}.line-legend{display:none}}