:root{--bg: #fafaf7;--bg-elev: #ffffff;--bg-elev-2: #f3f3ef;--bg-overlay: rgba(250, 250, 247, .92);--fg: #1a1d23;--fg-dim: #5b6271;--fg-faint: #9aa0ac;--border: #e6e6e0;--border-strong: #d3d3cc;--accent: #4f6df5;--accent-hover: #3a59e6;--accent-soft: #eef1fc;--danger: #d8413a;--danger-soft: #fdecec;--success: #2a9d5c;--success-soft: #e8f5ed;--warn: #c47a16;--warn-soft: #fbf2e1;--mcp-badge: #c47a16;--role-a: #d34836;--role-a-soft: #fbe9e3;--role-a-bg: #fff5f1;--role-b: #2e4cb8;--role-b-soft: #e6ebf7;--role-b-bg: #f1f3fb;--role-host: #9c6a0e;--role-host-soft: #f7eed7;--role-host-bg: #fdf7e8;--on-role: #ffffff;--on-success: #ffffff;--tint-accent: rgba(79, 109, 245, .1);--tint-accent-strong: rgba(79, 109, 245, .18);--tint-success: rgba(42, 157, 92, .1);--tint-danger: rgba(216, 65, 58, .1);--tint-warn: rgba(196, 122, 22, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--shadow-1: 0 1px 3px rgba(20, 22, 28, .05), 0 1px 2px rgba(20, 22, 28, .04);--shadow-2: 0 6px 24px rgba(20, 22, 28, .08), 0 2px 6px rgba(20, 22, 28, .04);--shadow-3: 0 14px 44px rgba(20, 22, 28, .12), 0 3px 10px rgba(20, 22, 28, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--text-xs: 11px;--text-sm: 12px;--text-md: 13.5px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14.5px;line-height:1.65;color:var(--fg);background:var(--bg);font-feature-settings:"tnum" on,"cv11" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);background-image:radial-gradient(circle at 20% 0%,rgba(79,109,245,.04),transparent 40%),radial-gradient(circle at 100% 100%,rgba(217,84,63,.03),transparent 50%);background-attachment:fixed}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}button{font:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background .14s,border-color .14s,color .14s,transform 80ms,box-shadow .14s;box-shadow:var(--shadow-1)}button:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}button:active{transform:translateY(1px);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-role);font-weight:600;box-shadow:0 1px 2px #4f6df54d,0 2px 6px #4f6df52e}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 4px #4f6df557,0 6px 14px #4f6df53d}button.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--fg-dim)}button.ghost:hover{background:var(--bg-elev-2);color:var(--fg)}button.danger{background:transparent;border-color:var(--border);color:var(--danger)}button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}select,input[type=text],input[type=number],textarea{font:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);outline:none;transition:border-color .14s,box-shadow .14s}select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint-accent)}textarea{resize:vertical;min-height:88px;line-height:1.55}label{display:block;font-size:var(--text-sm);color:var(--fg-dim);margin-bottom:var(--space-1);font-weight:500;letter-spacing:.01em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}#app{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 20px;border-bottom:1px solid var(--border);background:var(--bg-elev);gap:16px}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.01em}.topbar .brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--role-a),var(--role-b));box-shadow:0 0 var(--space-3) var(--tint-accent-strong)}.topbar .actions{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-md)}.topbar-status{font-size:var(--text-sm);color:var(--fg-dim);padding:var(--space-1) 10px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--border)}button.ghost{background:transparent;border-color:var(--border);font-size:var(--text-sm);padding:5px var(--space-3);color:var(--fg-dim)}button.ghost:hover{color:var(--fg)}.layout{display:grid;grid-template-columns:260px 1fr;min-height:0;overflow:hidden;transition:grid-template-columns .2s ease}.layout.sidebar-collapsed{grid-template-columns:36px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--bg-elev);overflow-y:auto;overflow-x:hidden;padding:10px 6px;display:flex;flex-direction:column;gap:6px}.layout.sidebar-collapsed .sidebar{padding:10px var(--space-1);align-items:center}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 6px var(--space-1) 10px}.sidebar-toggle{background:transparent;color:var(--fg-dim);cursor:pointer;flex-shrink:0}.sidebar-toggle:hover{color:var(--fg);background:var(--bg-elev-2);border-radius:var(--radius-sm)}.sidebar-toggle-icon{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:14px;margin:0 auto}.sidebar-toggle-hide{width:24px;height:24px;padding:0;border:none;font-size:16px;line-height:1;color:var(--fg-faint);border-radius:var(--radius-sm)}.sidebar-toggle-hide:hover{background:var(--bg-elev-2);color:var(--fg)}.sidebar-title{font-size:var(--text-xs);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.layout.sidebar-collapsed .sidebar-title{display:none}.layout.sidebar-collapsed .sidebar:before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--role-a),var(--role-b));margin:var(--space-2) auto var(--space-3);opacity:.85}.layout.sidebar-collapsed .history-empty{writing-mode:vertical-rl;text-orientation:mixed;font-size:10px;letter-spacing:.05em;padding:var(--space-2) 0}.history-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 10px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .1s,border-color .1s}.history-item:hover{background:var(--bg-elev-2)}.history-item.active{background:var(--tint-accent);border-color:var(--accent);box-shadow:var(--shadow-1)}.history-item .q{font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item .meta{display:flex;gap:6px;font-size:var(--text-xs);color:var(--fg-dim)}.history-item .badge-mini{font-size:10px;padding:1px 6px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-dim)}.history-item .badge-mini.active{background:var(--tint-success);border-color:var(--success);color:var(--success)}.history-item .badge-mini.done{background:var(--tint-accent);border-color:var(--accent);color:var(--accent)}.history-item .badge-mini.error{background:var(--tint-danger);border-color:var(--danger);color:var(--danger)}.history-item .providers{display:flex;align-items:center;gap:4px;margin-top:2px}.history-item .chip{font-size:10px;font-family:var(--font-mono, monospace);padding:1px 5px;border-radius:4px;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-dim);line-height:1.3}.history-item .chip-a{border-color:color-mix(in srgb,var(--role-a) 35%,transparent);color:var(--role-a);background:var(--role-a-soft)}.history-item .chip-b{border-color:color-mix(in srgb,var(--role-b) 35%,transparent);color:var(--role-b);background:var(--role-b-soft)}.history-item .chip-host{border-color:color-mix(in srgb,var(--role-host) 35%,transparent);color:var(--role-host);background:var(--role-host-soft)}.history-item .history-delete{margin-left:auto;background:transparent;border:none;color:var(--fg-dim);font-size:14px;line-height:1;padding:0 4px;cursor:pointer;opacity:0;transition:opacity .1s,color .1s}.history-item:hover .history-delete{opacity:1}.history-item .history-delete:hover{color:var(--danger)}.layout.sidebar-collapsed .history-item .q,.layout.sidebar-collapsed .history-item .meta,.layout.sidebar-collapsed .history-item .providers{display:none}.layout.sidebar-collapsed .history-item{width:28px;height:28px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-elev-2);font-size:var(--text-xs);color:var(--fg-dim)}.layout.sidebar-collapsed .history-item.active{background:var(--tint-accent-strong);color:var(--accent)}.history-empty{font-size:var(--text-sm);color:var(--fg-faint);padding:var(--space-2) 10px;font-style:italic}.main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.setup-host,.statusbar-host{flex:0 0 auto}.debate-host{flex:1;min-height:0;overflow:hidden}.setup{flex:0 0 auto;max-height:min(420px,50vh);overflow-y:auto;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--border);background:var(--bg)}.setup-grid{display:grid;grid-template-columns:1fr;gap:6px}.setup-col-left{display:grid;grid-template-columns:2fr 1fr;gap:6px}.setup-col-right{display:contents}@media (max-width: 900px){.setup-col-left{grid-template-columns:1fr}}.section{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 10px;display:flex;flex-direction:column;gap:var(--space-1)}.section h2{margin:0;font-size:var(--text-xs);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.mode-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;transition:border-color .12s,background .12s}.mode-card:hover{border-color:var(--border-strong)}.mode-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.mode-card .name{font-weight:600;font-size:var(--text-md);margin-bottom:2px}.mode-card .desc{font-size:var(--text-xs);color:var(--fg-dim);line-height:1.4}.roles-bar{display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:6px;align-items:stretch;padding:6px}@media (max-width: 900px){.roles-bar{grid-template-columns:1fr 1fr}.roles-bar .rounds-stepper,.roles-bar .start-inline{grid-column:1 / -1}}.role-inline{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);position:relative;overflow:hidden}.role-inline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--space-1);background:var(--border)}.role-inline.a:before{background:var(--role-a)}.role-inline.b:before{background:var(--role-b)}.role-inline.host:before{background:var(--role-host)}.role-inline.a{background:var(--role-a-soft)}.role-inline.b{background:var(--role-b-soft)}.role-inline.host{background:var(--role-host-soft)}.role-inline .lbl{font-size:var(--text-md);font-weight:700;flex-shrink:0;min-width:36px;letter-spacing:.04em}.role-inline.a .lbl{color:var(--role-a)}.role-inline.b .lbl{color:var(--role-b)}.role-inline.host .lbl{color:var(--role-host)}.role-inline .swatch{display:none}.role-warning{margin-top:.5rem;padding:.5rem .7rem;border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);font-size:var(--text-sm);line-height:1.4}.role-inline select{flex:1;min-width:0;padding:5px var(--space-2);font-size:var(--text-sm);background:var(--bg-elev);border-color:var(--border-strong)}.role-inline select:focus{border-color:var(--accent)}.start-inline{padding:var(--space-2) 16px;font-size:var(--text-md);align-self:stretch}.rounds-stepper{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.rounds-stepper .rounds-label{font-size:var(--text-xs);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600;flex-shrink:0}.step-btn{width:24px;height:24px;padding:0;font-size:14px;font-weight:700;border-radius:var(--radius-sm);background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.step-btn:hover{background:var(--bg-elev-2);border-color:var(--accent)}.step-btn:active{transform:translateY(1px)}.step-btn:disabled{opacity:.4;cursor:not-allowed}.rounds-val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;min-width:18px;text-align:center;color:var(--accent)}.mcp-tag{display:inline-block;font-size:9px;padding:1px 5px;border-radius:999px;background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);margin-left:var(--space-1);font-weight:700;letter-spacing:.05em}.slider-row{display:flex;align-items:center;gap:var(--space-3)}.slider-row input[type=range]{flex:1;accent-color:var(--accent)}.slider-row .val{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-sm);min-width:48px;text-align:right}label{font-size:10px}textarea#question{min-height:36px;padding:6px var(--space-2);font-size:var(--text-md)}.setup-col{display:flex;flex-direction:column;gap:14px;min-width:0}.toast-inline{font-size:var(--text-sm);color:var(--danger);opacity:0;transition:opacity .2s}.toast-inline.show{opacity:1}.setup-toast{font-size:var(--text-sm);color:var(--danger);padding:var(--space-1) 14px 6px;line-height:1.4}.setup-toast[hidden]{display:none}.model-hint{font-size:var(--text-xs);color:var(--fg-faint)}.model-hint a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.roles-bar #e2e-toggle{font-size:var(--text-sm);padding:4px 10px;background:var(--bg-elev-2);color:var(--fg-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.roles-bar #e2e-toggle:hover{color:var(--accent);border-color:var(--accent)}.e2e-panel{grid-column:1 / -1;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-elev-1);display:flex;flex-direction:column;gap:var(--space-2)}.e2e-header{display:flex;flex-direction:column;gap:2px}.e2e-title{font-weight:600;font-size:var(--text-md)}.e2e-hint{font-size:var(--text-xs);color:var(--fg-dim)}.e2e-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px;max-height:320px;overflow-y:auto}.e2e-row{display:grid;grid-template-columns:24px 130px 60px 1fr;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2);cursor:pointer;font-size:var(--text-xs);text-align:left;color:var(--fg)}.e2e-row:hover{border-color:var(--accent);background:var(--tint-accent)}.e2e-idx{color:var(--fg-dim);font-family:var(--font-mono, monospace);text-align:center}.e2e-id{color:var(--accent);font-family:var(--font-mono, monospace);font-weight:600}.e2e-mode{color:var(--fg-dim)}.e2e-q{color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e2e-footer{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.e2e-progress{font-size:var(--text-xs);color:var(--fg-dim);font-family:var(--font-mono, monospace)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161c59;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settings-overlay[hidden]{display:none}.settings-panel{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-2)}.settings-head{display:flex;align-items:center;justify-content:space-between}.settings-head h2{margin:0;font-size:16px;font-weight:600}.settings-sub{margin:0;color:var(--fg-dim);font-size:var(--text-sm)}.settings-list{display:flex;flex-direction:column;gap:var(--space-2)}.settings-row{display:grid;grid-template-columns:120px 1fr;gap:var(--space-3);align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px var(--space-3)}.settings-row .settings-name{display:flex;align-items:center;gap:6px;font-size:var(--text-md);font-weight:600}.settings-row .settings-name .dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--accent)}.settings-row select,.settings-row input[type=text]{width:100%;font-size:var(--text-sm);padding:5px var(--space-2)}.settings-row .readonly{color:var(--fg-faint);font-style:italic;font-size:var(--text-sm)}.settings-foot{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:6px}.close-btn{background:transparent;border:none;color:var(--fg-dim);font-size:16px;cursor:pointer;padding:var(--space-1) var(--space-2)}.close-btn:hover{color:var(--fg)}.prompts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161c59;display:flex;align-items:center;justify-content:center;z-index:210;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.prompts-overlay[hidden]{display:none}.prompts-panel{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 60px);display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:18px 22px;box-shadow:var(--shadow-2);gap:var(--space-3)}.prompts-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.prompts-head h2{margin:0 0 var(--space-1);font-size:16px;font-weight:600}.prompts-sub{margin:0;color:var(--fg-dim);font-size:var(--text-sm);max-width:600px}.prompts-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.prompts-filters{display:flex;gap:var(--space-1)}.prompts-filters button{font-size:var(--text-sm);padding:5px var(--space-3);background:transparent;border-color:var(--border);color:var(--fg-dim)}.prompts-filters button.active{background:var(--bg-elev-2);border-color:var(--accent);color:var(--fg)}.prompts-filters button:hover:not(.active){color:var(--fg)}.prompts-list{overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-1)}.prompts-empty{text-align:center;color:var(--fg-faint);font-size:var(--text-md);padding:40px 0}.prompts-empty.error{color:var(--danger)}.prompt-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) 14px}.prompt-card.has-override{border-color:var(--warn);background:linear-gradient(180deg,var(--tint-warn-soft) 0%,var(--bg) 60%)}.prompt-card-head{display:flex;flex-direction:column;gap:var(--space-1)}.prompt-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.prompt-name{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--text-sm);color:var(--accent);background:var(--bg-elev-2);padding:2px 6px;border-radius:var(--space-1)}.prompt-card-label{font-size:var(--text-md);font-weight:600;color:var(--fg)}.prompt-card-desc{font-size:var(--text-sm);color:var(--fg-dim)}.prompt-card textarea{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--text-sm);line-height:1.55;min-height:120px;white-space:pre-wrap;background:var(--bg-elev-2)}.prompt-card-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.char-count{font-size:var(--text-xs);color:var(--fg-faint)}.prompt-card-actions{display:flex;gap:6px}.prompt-card-actions button{font-size:var(--text-sm);padding:5px var(--space-3)}.prompts-foot{display:flex;justify-content:flex-end;min-height:24px;padding-top:var(--space-1);border-top:1px solid var(--border)}.badge{font-size:10px;padding:2px 7px;border-radius:10px;font-weight:600;letter-spacing:.02em}.badge.mode{background:var(--bg-elev-2);color:var(--fg-dim);border:1px solid var(--border)}.badge.mode-debate{color:var(--role-a);background:var(--role-a-soft);border-color:color-mix(in srgb,var(--role-a) 30%,transparent)}.badge.mode-counter{color:var(--role-b);background:var(--role-b-soft);border-color:color-mix(in srgb,var(--role-b) 30%,transparent)}.badge.mode-spec{color:var(--role-host);background:var(--role-host-soft);border-color:color-mix(in srgb,var(--role-host) 30%,transparent)}.badge.override{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent)}.badge.default{background:var(--bg-elev-2);color:var(--fg-faint);border:1px solid var(--border)}.dirty-indicator{font-size:10px;color:var(--warn);border:1px dashed var(--warn);padding:1px 7px;border-radius:10px}.statusbar{display:flex;align-items:center;gap:10px;padding:3px 14px;background:var(--bg-elev);border-bottom:1px solid var(--border);font-size:var(--text-sm);line-height:1.3;color:var(--fg-dim);min-height:24px}.statusbar>*{white-space:nowrap}.statusbar .status-sep{width:1px;height:var(--text-xs);background:var(--border);flex-shrink:0}.statusbar .status-text{color:var(--fg);font-weight:600}.statusbar .status-speaker{color:var(--fg);font-weight:600;padding:0 6px;border-radius:var(--space-1)}.statusbar .status-speaker.tone-a{color:var(--role-a);background:var(--role-a-soft)}.statusbar .status-speaker.tone-b{color:var(--role-b);background:var(--role-b-soft)}.statusbar .status-speaker.tone-host{color:var(--role-host);background:var(--role-host-soft)}.statusbar .status-meta{color:var(--fg);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em}.statusbar .status-legend{display:inline-flex;align-items:center;gap:var(--space-1)}.statusbar .legend-pill{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);padding:0 6px;border-radius:999px;background:var(--bg);border:1px solid var(--border);line-height:1.5;color:var(--fg-dim)}.statusbar .legend-pill .swatch{width:6px;height:6px;border-radius:50%;display:inline-block}.statusbar .legend-pill.tone-a .swatch{background:var(--role-a)}.statusbar .legend-pill.tone-b .swatch{background:var(--role-b)}.statusbar .legend-pill.tone-host .swatch{background:var(--role-host)}.statusbar .status-note{color:var(--fg-dim);margin-left:auto;font-size:var(--text-xs)}.statusbar .status-round{font-variant-numeric:tabular-nums;color:var(--fg-dim)}.statusbar .status-progress-bar{display:none}.status-progress{display:flex;align-items:center;gap:6px}.status-progress.idle .status-round{display:none}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:var(--space-1);vertical-align:middle}.debate-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--fg-faint);text-align:center;-webkit-user-select:none;user-select:none}.debate-empty-glyph{display:inline-flex;align-items:center;gap:12px;margin-bottom:var(--space-2);opacity:.85}.debate-empty-glyph .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.debate-empty-glyph .dot-a{background:var(--role-a)}.debate-empty-glyph .dot-b{background:var(--role-b)}.debate-empty-glyph .dot-host{background:var(--role-host)}.debate-empty-title{font-size:var(--text-lg);font-weight:600;color:var(--fg-dim);letter-spacing:.01em}.debate-empty-hint{font-size:var(--text-sm);max-width:360px;line-height:1.65;color:var(--fg-faint)}.debate-empty-hint kbd{background:var(--bg-elev);border:1px solid var(--border);padding:1px 7px;border-radius:4px;font-family:inherit;font-size:11px;color:var(--fg);margin:0 1px}.debate-empty-tips{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--fg-faint)}.debate-empty-tips kbd{background:var(--bg-elev);border:1px solid var(--border);padding:0 5px;border-radius:3px;font-family:inherit;font-size:10px;color:var(--fg-dim);margin-right:2px}.debate-empty.hidden{display:none}.debate{height:100%;display:grid;grid-template-rows:1fr}.debate-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden;min-height:0}.debate-main{overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.debate-sidebar{border-left:1px solid var(--border);background:var(--bg-elev);padding:14px var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:10px}.debate-sidebar h3{margin:0 0 var(--space-1);font-size:var(--text-xs);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.dis-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) 10px;font-size:var(--text-sm);display:flex;gap:6px;align-items:flex-start}.dis-item .tag{flex-shrink:0;font-size:10px;padding:1px 6px;border-radius:999px;background:var(--bg-elev-2);color:var(--fg-dim);margin-top:1px}.dis-item.resolved{border-color:var(--tint-success-strong);opacity:.7}.dis-item.resolved .tag{background:var(--success);color:var(--on-success)}.dis-empty{color:var(--fg-faint);font-size:var(--text-sm);font-style:italic}.message{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) 14px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-1)}.message.a{background:var(--role-a-bg);border-color:color-mix(in srgb,var(--role-a) 25%,var(--border));border-left:4px solid var(--role-a)}.message.b{background:var(--role-b-bg);border-color:color-mix(in srgb,var(--role-b) 25%,var(--border));border-left:4px solid var(--role-b)}.message.host{background:var(--role-host-bg);border-color:color-mix(in srgb,var(--role-host) 25%,var(--border));border-left:4px solid var(--role-host);box-shadow:var(--shadow-2)}.message.relay{background:transparent;border:1px dashed var(--border-strong);color:var(--fg-dim);font-size:var(--text-sm);font-style:italic;padding:6px var(--space-3)}.message-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.message-header .role-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-weight:600;letter-spacing:.02em;color:var(--on-role)}.message.a .role-pill{background:var(--role-a)}.message.b .role-pill{background:var(--role-b)}.message.host .role-pill{background:var(--role-host)}.message-header .round{font-variant-numeric:tabular-nums;color:var(--fg-dim);background:var(--bg);padding:2px var(--space-2);border-radius:999px;border:1px solid var(--border)}.message-body{white-space:pre-wrap;word-wrap:break-word;font-size:var(--text-md)}.message-body.pending{color:var(--fg-dim);font-style:italic}.debate-banner-empty{display:contents}.debate-banner-empty.filled{display:block;margin-bottom:6px}.summary-banner{background:linear-gradient(135deg,var(--role-host-soft),color-mix(in srgb,var(--role-host-soft) 40%,var(--bg-elev)));border:1px solid color-mix(in srgb,var(--role-host) 30%,transparent);border-radius:var(--radius-md);padding:14px 18px;display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-2)}.summary-banner.no_consensus{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:linear-gradient(135deg,var(--danger-soft),color-mix(in srgb,var(--danger-soft) 40%,var(--bg-elev)))}.summary-banner.final_spec{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 40%,var(--bg-elev)))}.summary-banner-title{font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--role-host)}.summary-banner.no_consensus .summary-banner-title{color:var(--danger)}.summary-banner.final_spec .summary-banner-title{color:var(--accent)}.summary-banner-body{white-space:pre-wrap;font-size:var(--text-md);line-height:1.6;color:var(--fg)}@media (max-width: 900px){.debate-body{grid-template-columns:1fr}.debate-sidebar{border-left:none;border-top:1px solid var(--border);max-height:200px}.setup-grid{grid-template-columns:1fr}.role-row{grid-template-columns:70px 1fr 1fr}}.status-dot{display:inline-block;width:var(--space-2);height:var(--space-2);border-radius:50%;margin-right:6px;background:var(--fg-faint);vertical-align:middle}.status-dot.connecting{background:var(--warn)}.status-dot.open{background:var(--success)}.status-dot.closed{background:var(--danger)}.status-dot.done{background:var(--accent)}.status-dot.error{background:var(--danger)}.webpilot-banner{display:flex;align-items:center;gap:var(--space-3);padding:10px 16px;margin:var(--space-2) 16px 0;border-radius:6px;border:1px solid var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--bg));color:var(--fg);font-size:var(--text-md);line-height:1.4}.webpilot-banner[hidden]{display:none}.webpilot-banner .icon{font-size:16px;color:var(--warn);flex:0 0 auto}.webpilot-banner .msg{flex:1 1 auto}.webpilot-banner code{background:var(--bg-elev);padding:1px 6px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm)}.webpilot-banner .dismiss{flex:0 0 auto;border:none;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 var(--space-1)}.webpilot-banner .dismiss:hover{color:var(--fg)}.toast{position:fixed;right:24px;bottom:24px;background:var(--bg-elev);border:1px solid var(--danger);color:var(--fg);padding:var(--space-3) 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-2);max-width:360px;z-index:100}.toast .title{font-weight:600;color:var(--danger);margin-bottom:var(--space-1)}@media (max-width: 900px){.debate-body{grid-template-columns:1fr}.debate-sidebar{border-left:none;border-top:1px solid var(--border)}.mode-grid,.role-row{grid-template-columns:1fr}}