/* Shared CROMA foundations: dark navy, Inter, Space Grotesk and glass panels.
   Consensus uses turquoise as its primary accent; Synapse uses gold. */
@font-face{font-family:Inter;src:url('fonts/inter.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('fonts/space-grotesk.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ink:#f1f5f5;--muted:#99aab1;--paper:#070a1a;--line:rgba(206,227,234,.1);--green:#59dbcb;--mint:rgba(89,219,203,.1);--orange:#e6b478;--red:#fb9097;--white:#fff;--serif:'Space Grotesk',Inter,sans-serif;--sans:Inter,system-ui,sans-serif}
body{background:radial-gradient(ellipse at 80% 10%,rgba(89,219,203,.035),transparent 55%),radial-gradient(ellipse at 0% 0%,rgba(214,178,116,.045),transparent 50%),var(--paper);background-attachment:fixed;-webkit-font-smoothing:antialiased}
input,select,textarea{color-scheme:dark;background:rgba(0,0,0,.23);border-color:var(--line)}select option{background:#111d25;color:#d9e7ec}input::placeholder,textarea::placeholder{color:#7f939c}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#59dbcb}textarea:focus-visible{box-shadow:inset 0 -2px #59dbcb}
.topbar{height:88px;padding:0 30px;background:linear-gradient(90deg,rgba(35,52,60,.92),rgba(18,31,40,.92));border-bottom-color:rgba(89,219,203,.16)}.brand-group{display:flex;align-items:center;gap:10px}.brand{gap:12px;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand-secondary{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:-.6px;color:var(--green);margin-left:1px}.brand-copy small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:1.4px;font-weight:750;text-transform:uppercase;color:#99a9af;margin-top:1px}.brand-mark{width:37px;height:37px;border:1px solid rgba(89,219,203,.3);border-radius:9px;display:grid;place-items:center;background:rgba(89,219,203,.06)}.brand-mark img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(84%) sepia(18%) saturate(1078%) hue-rotate(112deg) brightness(96%) contrast(87%)}.top-actions{font-weight:500}.experimental{color:#b7eee5;background:rgba(89,219,203,.065);border:1px solid rgba(89,219,203,.18);font-size:10px;padding:7px 12px;letter-spacing:.3px}.experimental span{background:var(--green)}.croma-link{color:#cdb486;font-size:11px}.menu-button{display:none;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:8px;width:34px;height:34px}.menu-button img{width:16px;height:16px;filter:invert(1)}
.shell{grid-template-columns:300px minmax(0,1fr);max-width:1800px;min-height:calc(100vh - 88px)}.sidebar{background:linear-gradient(180deg,rgba(35,52,60,.79),rgba(19,31,39,.85));padding:27px 23px;min-height:calc(100vh - 88px);border-right-color:rgba(214,178,116,.14)}.section-label h2{color:#ae9670;font-weight:800;letter-spacing:1.35px;font-size:10px}.section-label>span{color:#82ead8;background:rgba(89,219,203,.1);border:1px solid rgba(89,219,203,.13)}.config-section>p{color:#a2b0b5}.new-button,.composer button{background:linear-gradient(135deg,#79efcd,#38b8be);color:#071c23;font-weight:800;border-radius:8px;box-shadow:0 4px 16px rgba(56,184,190,.1)}.new-button:hover,.composer button:hover{filter:brightness(1.06)}.new-button{font-size:12px;letter-spacing:.15px}.selected-model{background:rgba(3,9,17,.35);border-color:rgba(195,218,226,.1);padding:9px 10px;color:#d5e3e8}.selected-model .name{font-size:11px}.remove-model{color:#85989f}.remove-model:hover{color:#f1f5f5}.avatar{background:rgba(89,219,203,.09);color:#9fd5ce;border:1px solid rgba(89,219,203,.13)}.avatar[data-provider=openai]{background:rgba(70,173,135,.13);color:#8ce9bd;border-color:rgba(70,173,135,.2)}.avatar[data-provider=anthropic]{background:rgba(214,178,116,.13);color:#e2bb8b;border-color:rgba(214,178,116,.19)}.avatar[data-provider=google]{background:rgba(102,147,214,.12);color:#a2c6ff;border-color:rgba(102,147,214,.2)}.avatar[data-provider=deepseek]{background:rgba(160,125,217,.13);color:#c9b2fc;border-color:rgba(160,125,217,.2)}.round-label output{background:rgba(89,219,203,.08);color:#83dfd1;border:1px solid rgba(89,219,203,.14)}.text-button{font-weight:600}.icon-button{color:#b0c6cc}.history-section{border-color:rgba(214,178,116,.12)}.history-item{border:1px solid transparent}.history-item:hover,.history-item.current{background:rgba(89,219,203,.07);border-color:rgba(89,219,203,.15)}.history-item.current{box-shadow:inset 2px 0 var(--green)}.history-item strong{color:#dce9e9}.history-note{color:#84979f}.method-note{color:#8b9ea8}
main{max-width:none;padding:30px;position:relative}.workspace-heading{margin:-30px -30px 24px;padding:23px 30px;background:linear-gradient(100deg,rgba(35,52,60,.8),rgba(18,31,40,.8));border-bottom:1px solid rgba(89,219,203,.12);min-height:124px;align-items:center}.workspace-heading h1{font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:-.8px;line-height:1.15}.workspace-heading .eyebrow{margin-bottom:7px;font-size:9px;letter-spacing:1.4px}.workspace-heading .muted{font-size:11px;color:#9cabb4;margin-top:8px}.status-badge{color:#b6cbd1;background:rgba(0,0,0,.17);border:1px solid rgba(196,221,232,.13);margin:0;font-size:9px;font-weight:600;letter-spacing:.4px}.status-badge.running{color:#80ead2;background:rgba(89,219,203,.06);border-color:rgba(89,219,203,.22)}.phase-tracker{background:rgba(35,52,60,.3);border-color:rgba(196,221,232,.09);padding:13px 18px;color:#859aa4;font-size:10px;font-weight:650;letter-spacing:.2px}.phase-tracker b{border-color:rgba(162,190,202,.2);color:#90a2ab}.phase-tracker .active{color:#82ead8}.phase-tracker .active b{color:#05201f;background:var(--green);border-color:var(--green)}
.welcome{max-width:none;padding:34px 34px 31px;margin-top:20px;text-align:center;background:radial-gradient(ellipse at 55% 0%,rgba(89,219,203,.055),transparent 65%),rgba(0,0,0,.19);border:1px solid var(--line);border-radius:12px}.welcome-symbol{height:58px;width:58px;border:1px solid rgba(89,219,203,.2);border-radius:14px;display:grid;place-items:center;margin:0 auto 22px;background:rgba(89,219,203,.04);box-shadow:0 0 30px rgba(89,219,203,.035)}.welcome-symbol img{width:30px;height:30px;filter:brightness(0) saturate(100%) invert(84%) sepia(18%) saturate(1078%) hue-rotate(112deg) brightness(96%) contrast(87%)}.welcome h2{font-family:var(--serif);font-size:43px;font-weight:700;letter-spacing:-1.8px;line-height:1.16}.welcome>p:not(.eyebrow){color:#9fafb8;font-size:12px;line-height:1.85;max-width:550px}.welcome .eyebrow{font-size:9px;letter-spacing:1.3px}.sample-topics{margin:24px auto;max-width:670px}.sample-topics button{background:rgba(35,52,60,.23);border-color:rgba(196,221,232,.1);color:#cad7dc;font-size:11px;padding:13px 14px;min-height:48px}.sample-topics button span{color:var(--green)}.sample-topics button:hover{background:rgba(89,219,203,.06);border-color:rgba(89,219,203,.26)}.consensus-note{max-width:550px;border-color:rgba(214,178,116,.14);font-size:10px;padding-top:18px;line-height:1.8}.consensus-note b{color:#c8d9db;font-weight:600}
.composer{background:rgba(19,31,40,.7);border:1px solid rgba(89,219,203,.22);border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.14);margin-top:18px}.composer label{font-size:11px;font-weight:650;color:#dbe8eb}.composer textarea{background:transparent;font-size:13px}.composer-bottom{border-color:rgba(196,221,232,.08)}.composer-bottom>span{font-size:10px;color:#9bafb8}.composer button{font-size:11px}.participant{background:rgba(35,52,60,.35);border-color:rgba(196,221,232,.11);color:#bfcfd6}.debate-toolbar .muted{color:#91a7b1;font-size:10px}.conversation .message{background:rgba(16,24,37,.84);border-color:rgba(196,221,232,.1);border-radius:10px}.conversation .message.human{background:rgba(34,66,70,.36);border-color:rgba(89,219,203,.18)}.message-head strong{color:#e3edef}.message-phase{color:#8aa1ae}.message-head time{color:#788e9b}.message-text{color:#d7e3e8;font-size:12px;line-height:1.85}.message.human .message-text{font-size:13px}.detail-group h3{color:#9fb4bd;font-size:10px}.detail-group ul{color:#aebfc8;font-size:11px}.reply{background:rgba(89,219,203,.035);border-left-color:rgba(89,219,203,.3);color:#a8c2ca;font-size:11px}.reply b{color:#77d9c8}.message.proposal{background:linear-gradient(135deg,rgba(35,62,63,.38),rgba(18,30,38,.8));border-color:rgba(89,219,203,.25)}.message.error{background:rgba(128,69,47,.11);border-color:rgba(228,157,118,.22);color:#e4b794}.message.error .message-text{color:#e4b794}.system-event{color:#7da5ac;font-size:10px}.system-event:before{background:#3b6770}.vote-chip{background:rgba(218,169,103,.12);color:#e4bc85}.vote-chip.accept{background:rgba(89,219,203,.12);color:#77e5cb}.vote-chip.reject{background:rgba(243,118,129,.12);color:#f79aa6}.result-panel{background:linear-gradient(135deg,rgba(33,89,77,.25),rgba(18,35,43,.9));border-color:rgba(89,219,203,.32);border-radius:12px}.result-panel.majority,.result-panel.no_consensus,.result-panel.incomplete{background:linear-gradient(135deg,rgba(97,74,35,.16),rgba(22,31,43,.86));border-color:rgba(214,178,116,.27)}.result-title{color:#77e5cb;font-size:10px;text-transform:uppercase;letter-spacing:1px}.result-panel:not(.unanimous) .result-title{color:#e5ba7c}.support-count{font-weight:650;color:#77e5cb}.result-panel h2{font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.5px}.result-caption{color:#9db2bc}.vote-row{background:rgba(0,0,0,.17);color:#b7cbd2}.result-panel details{color:#9fb3bd}.result-panel details>p{overflow-wrap:anywhere}.result-panel .detail-group ul{color:#aec5cd}.activity{color:#7cdfce}.activity-dot{background:#59dbcb}#notice{background:rgba(157,105,42,.12);border-color:rgba(214,178,116,.25);color:#ecc997}footer{color:#768d9b;font-size:9px;line-height:1.7}
.sidebar>*{min-width:0}.sidebar{overflow-x:hidden}.selected-model .name{min-width:0}
.workspace-heading .muted{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.history-entry{display:flex;align-items:center;gap:5px;min-width:0}.history-entry .history-item{flex:1;min-width:0}.history-delete{display:grid;place-items:center;flex-shrink:0;width:30px;height:34px;padding:7px;background:transparent;border:1px solid transparent;border-radius:7px}.history-delete img{width:14px;height:14px;filter:brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(1930%) hue-rotate(295deg) brightness(105%) contrast(97%)}.history-delete:hover:not(:disabled){background:rgba(243,118,129,.08);border-color:rgba(243,118,129,.18)}.history-delete:disabled,#delete-debate:disabled{cursor:not-allowed;opacity:.35}
#delete-dialog{width:min(440px,calc(100vw - 36px));padding:25px;background:#15212c;color:var(--ink);border:1px solid rgba(196,221,232,.17);border-radius:13px;box-shadow:0 20px 70px rgba(0,0,0,.5)}#delete-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}#delete-dialog h2{font-family:var(--serif);font-size:23px;letter-spacing:-.5px;font-weight:650}#delete-dialog-description{font-size:12px;color:#afc2cc;line-height:1.8;margin:15px 0 8px}.delete-topic{font-size:12px;line-height:1.6;color:#e0eaed;background:rgba(0,0,0,.2);padding:12px;border-radius:7px;margin-top:15px;overflow-wrap:anywhere}.delete-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.delete-dialog-actions button{padding:10px 12px;font-size:11px;font-weight:650;background:transparent;color:#cfdee4;border:1px solid var(--line)}#delete-dialog-confirm{background:#dd838d;color:#231016;border-color:#dd838d}#delete-dialog-error{color:#f79aa6;font-size:12px;margin-top:12px}.debate-toolbar>div{flex-wrap:wrap;justify-content:flex-end}
*{scrollbar-color:rgba(89,219,203,.35) rgba(0,0,0,.12)}
.history-item .history-cost{display:block;color:var(--green);font-size:10px;margin-top:5px;font-variant-numeric:tabular-nums}
.cost-panel{padding:20px 22px;margin:0 0 18px;border:1px solid rgba(89,219,203,.18);border-radius:10px;background:linear-gradient(110deg,rgba(35,62,63,.26),rgba(16,24,37,.8))}
.cost-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cost-heading h2{font-family:var(--sans);font-size:11px;font-weight:600;color:#b5c8cf;margin:0 0 8px}
.cost-total{display:block;font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:-.7px;color:var(--green);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cost-status{font-size:10px;white-space:nowrap;color:#98ded2;background:rgba(89,219,203,.08);border:1px solid rgba(89,219,203,.17);border-radius:6px;padding:6px 9px}
.cost-status[data-status=partial],.cost-status[data-status=unavailable]{color:#e5ba7c;background:rgba(214,178,116,.08);border-color:rgba(214,178,116,.2)}
.cost-coverage{font-size:11px;color:#b0c4ce;margin-top:12px;line-height:1.7}
.cost-note{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.7}
#cost-details{margin-top:15px;border-top:1px solid var(--line);padding-top:13px}
#cost-details summary{cursor:pointer;font-size:11px;font-weight:600;color:#b5c8cf;width:fit-content}
#cost-details summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.cost-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:12px;font-size:11px;font-variant-numeric:tabular-nums}
.cost-table th,.cost-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.cost-table th{font-weight:500;text-align:left;color:#bcced5;overflow-wrap:anywhere}
.cost-table th:first-child{width:52%;padding-left:0}
.cost-table th:nth-child(2),.cost-table td:nth-child(2){width:17%;text-align:center}
.cost-table th:last-child,.cost-table td:last-child{width:31%;text-align:right;padding-right:0;overflow-wrap:anywhere}
.cost-table thead th{font-size:10px;color:var(--muted)}
.cost-model-amount{color:var(--green)}
.cost-model-note{display:block;color:var(--muted);font-size:9px;margin-top:3px}
@media(max-width:720px){.cost-panel{padding:17px 15px}.cost-heading{align-items:flex-start;gap:8px}.cost-total{font-size:24px}.cost-heading h2{font-size:10px}.cost-status{font-size:9px;padding:5px 7px}.cost-table{font-size:10px}.cost-table th:first-child{width:45%}.cost-table th:nth-child(2),.cost-table td:nth-child(2){width:20%}.cost-table th:last-child,.cost-table td:last-child{width:35%}}
@media(min-width:1500px){main{padding-top:30px}.welcome{padding-top:50px;padding-bottom:40px}}
@media(max-width:1050px){.shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:23px 18px}.workspace-heading{display:flex;align-items:flex-start}.workspace-heading h1{font-size:24px}.status-badge{margin-top:8px;max-width:130px;white-space:normal;text-align:center}.welcome{padding:30px 22px}.welcome h2{font-size:36px}.sample-topics{grid-template-columns:1fr;gap:8px}.sample-topics button{min-height:38px;padding:10px 14px}}
@media(max-width:720px){.topbar{height:72px;padding:0 15px;gap:10px}.brand-group{gap:9px}.brand{font-size:17px;gap:8px}.brand-secondary{font-size:17px}.brand-mark{display:none}.brand-copy small{font-size:8px;letter-spacing:1px}.menu-button{display:block}.experimental{font-size:8px;padding:5px 7px;max-width:114px;line-height:1.3}.experimental span{flex-shrink:0}.shell{display:block;min-height:calc(100vh - 72px)}.sidebar{display:none;position:fixed;top:72px;left:0;bottom:auto;height:calc(100dvh - 72px);width:min(340px,90vw);z-index:20;align-self:auto;min-height:0;max-height:none;overflow:auto;background:#14212c;border-right:1px solid rgba(89,219,203,.16);padding:20px;grid-template-columns:minmax(0,1fr);gap:20px}.sidebar.mobile-open{display:grid;align-content:start}.sidebar .selected-models{grid-template-columns:1fr}.sidebar .history-section #history-list{max-height:150px}#sidebar-backdrop{position:fixed;top:72px;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);backdrop-filter:blur(3px);z-index:19;border-radius:0}.topbar{position:relative;z-index:21}.method-note{display:flex;margin:0;padding:15px 0}.sidebar .round-label,.sidebar #max-rounds{max-width:none}main{padding:18px}.workspace-heading{margin:-18px -18px 18px;padding:20px 18px;display:block;min-height:0}.workspace-heading h1{font-size:25px}.workspace-heading .muted{font-size:10px;margin-top:7px}.status-badge{margin-top:12px;display:inline-block;max-width:none}.phase-tracker{padding:11px 8px;border-radius:7px;font-size:8px}.welcome{margin-top:16px;padding:28px 17px 25px;border-radius:10px}.welcome h2{font-size:32px;letter-spacing:-1px}.welcome-symbol{height:48px;width:48px;margin-bottom:18px}.welcome-symbol img{width:25px;height:25px}.welcome>p:not(.eyebrow){font-size:11px;margin-top:16px}.sample-topics{margin:19px auto;gap:7px}.sample-topics button{font-size:10px;min-height:40px}.consensus-note{font-size:9px;padding-top:16px}.composer{padding:14px}.composer textarea{font-size:12px}.composer-bottom>span{font-size:8px;max-width:145px}.composer button{font-size:10px;padding:10px}.result-panel h2{font-size:22px}.conversation .message{padding:15px}.participant{font-size:9px}.debate-toolbar{gap:10px}.debate-toolbar .muted{font-size:9px}.activity{font-size:11px}}