:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f7f9;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#202124;background:#fff;border:1px solid #d6dae1;border-radius:6px;outline:none;width:100%;padding:10px 11px}textarea{resize:vertical;min-height:86px}input:focus,textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e21}label{color:#374151;gap:7px;font-size:.86rem;font-weight:650;display:grid}h1,h2,p{margin:0}h1{font-size:clamp(1.6rem,2.3vw,2.3rem);line-height:1.1}h2{font-size:1rem}.status-screen,.participant-shell.centered{place-items:center;min-height:100vh;display:grid}.brand-line{align-items:center;gap:11px;display:flex}.brand-line strong{font-size:.98rem;display:block}.brand-line span,.muted{color:#687385;font-size:.82rem}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 24px #0f766e2e}.brand-mark.compact{width:34px;height:34px;box-shadow:none;border-radius:7px}.auth-layout{grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr);min-height:100vh;display:grid}.auth-visual{background:linear-gradient(135deg,#0f766e14,#0000 38%),#eef2f6;border-right:1px solid #dce1e8;align-content:center;gap:44px;padding:52px;display:grid}.auth-panel{background:#fff;align-content:center;gap:22px;padding:52px min(9vw,96px);display:grid}.form-stack{gap:16px;display:grid}.form-error,.notice.error{color:#b42318}.primary-button,.icon-button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#0f766e}.primary-button:hover{background:#115e59}.icon-button{color:#202124;background:#fff;border-color:#d6dae1;width:38px}.icon-button:hover{background:#edf2f7}.text-button{width:auto}.tiny{width:28px;min-height:28px;padding:0}.segmented{background:#f9fafb;border:1px solid #d6dae1;border-radius:6px;grid-auto-flow:column;width:max-content;display:inline-grid;overflow:hidden}.segmented.full{grid-template-columns:1fr 1fr;width:100%}.segmented button{color:#4b5563;background:0 0;border:0;padding:9px 16px;font-weight:700}.segmented button.active{color:#fff;background:#202124}.matrix-preview{background:#ffffffb8;border:1px solid #d6dae1;border-radius:8px;grid-template-columns:70px repeat(3,minmax(76px,1fr));gap:8px;max-width:420px;padding:18px;display:grid}.matrix-preview .axis{color:#374151;place-items:center;min-height:44px;font-size:.82rem;font-weight:750;display:grid}.matrix-preview .cell{background:#cfd8e3;border-radius:6px;min-height:52px}.matrix-preview .cell.active{background:#2f80ed}.matrix-preview .cell.hot{background:#f97316}.workspace{grid-template:"top top"64px"side main"minmax(0,calc(100vh - 64px))/280px minmax(0,1fr);min-height:100vh;display:grid}.topbar{background:#fff;border-bottom:1px solid #dce1e8;grid-area:top;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.sidebar{background:#eef2f6;border-right:1px solid #dce1e8;grid-area:side;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:18px;display:grid;overflow:auto}.sidebar-heading,.section-heading,.toolbar,.matrix-actions,.button-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-heading span{font-weight:800}.experiment-list{gap:8px;display:grid}.experiment-row{text-align:left;background:#fff;border:1px solid #d6dae1;border-radius:8px;gap:4px;width:100%;min-height:58px;padding:11px;display:grid}.experiment-row.active{border-color:#0f766e;box-shadow:inset 3px 0 #0f766e}.experiment-row span{text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.experiment-row small{color:#687385;text-transform:capitalize}.main-surface{grid-area:main;grid-template-rows:auto minmax(0,1fr);gap:16px;padding:20px;display:grid;overflow:auto}.workspace-tabs{gap:8px;display:flex}.workspace-tabs button{background:#fff;border:1px solid #d6dae1;border-radius:6px;align-items:center;gap:8px;padding:9px 13px;font-weight:750;display:inline-flex}.workspace-tabs button.active{color:#fff;background:#202124;border-color:#202124}.editor-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;display:grid}.editor-primary,.settings-panel,.share-block,.link-block,.data-layout,.start-panel,.complete-panel,.choice-panel{background:#fff;border:1px solid #d6dae1;border-radius:8px}.editor-primary{gap:16px;padding:18px;display:grid;overflow-x:auto}.settings-panel{gap:16px;padding:18px;display:grid;position:sticky;top:20px}.title-input{box-shadow:none;border:0;border-radius:0;padding:0;font-size:1.7rem;font-weight:850}.description-input{background:#f9fafb;border-color:#0000;min-height:48px;margin-top:8px}.toolbar-actions{gap:8px;display:flex}.notice{background:#f9fafb;border:1px solid #d6dae1;border-radius:6px;padding:10px 12px;font-weight:650}.matrix-editor{gap:12px;min-width:680px;display:grid}.edit-matrix,.run-matrix{background:#d6dae1;border:1px solid #d6dae1;border-radius:8px;gap:1px;display:grid;overflow:hidden}.matrix-corner,.matrix-head,.cell-editor,.run-cell{background:#fff;border:0;border-radius:0;min-height:72px}.matrix-corner,.matrix-head{place-items:center;padding:10px;font-weight:800;display:grid}.matrix-head{background:#f3f5f7}.editable-head{grid-template-columns:minmax(0,1fr) auto;gap:8px}.editable-head input{background:#fff;min-width:0}.option-head{background:#edf7f5}.cell-editor{resize:none;min-height:82px}.checkbox-line{align-items:center;gap:9px;display:flex}.sidebar-toggle{padding:4px 2px}.checkbox-line input{width:16px;height:16px}.share-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.share-block,.link-block,.data-layout{align-content:start;gap:16px;padding:18px;display:grid}.agent-layout{grid-template-rows:minmax(320px,1fr) auto;gap:14px;min-height:min(680px,100vh - 140px);display:grid}.agent-thread,.agent-compose{background:#fff;border:1px solid #d6dae1;border-radius:8px}.agent-thread{flex-direction:column;gap:12px;padding:18px;display:flex;overflow:auto}.agent-context{border-bottom:1px solid #e7eaf0;align-items:center;gap:11px;padding-bottom:12px;display:flex}.agent-context strong,.agent-context span{overflow-wrap:anywhere;display:block}.agent-context span{color:#687385;font-size:.82rem}.agent-empty{color:#687385;flex:1;place-items:center;min-height:220px;display:grid}.agent-message{overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;max-width:min(760px,86%);padding:11px 13px;line-height:1.48}.agent-message.user{color:#fff;background:#0f766e;align-self:flex-end}.agent-message.assistant{color:#202124;background:#f3f5f7;align-self:flex-start}.agent-compose{gap:10px;padding:12px;display:grid}.agent-compose textarea{resize:vertical;min-height:96px}.compose-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.compose-actions .notice{flex:1}.copy-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.data-table{border:1px solid #d6dae1;border-radius:8px;display:grid;overflow:auto}.data-split{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}.data-controls{grid-template-columns:minmax(220px,1fr) 180px;align-items:end;gap:12px;display:grid}.data-row{color:#202124;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7eaf0;grid-template-columns:minmax(130px,1.2fr) 100px 80px minmax(120px,1fr) minmax(180px,1fr);gap:12px;width:100%;padding:11px 12px;font-size:.9rem;display:grid}.data-row.head{cursor:default;background:#f3f5f7;font-weight:800}.data-row.active{background:#edf7f5;box-shadow:inset 3px 0 #0f766e}.session-detail{background:#fff;border:1px solid #d6dae1;border-radius:8px;gap:16px;padding:18px;display:grid}.session-detail.empty{color:#687385;place-items:center;min-height:220px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-grid div{background:#f3f5f7;border-radius:8px;gap:4px;padding:12px;display:grid}.metric-grid strong{overflow-wrap:anywhere;font-size:1.15rem}.metric-grid span,.detail-list span{color:#687385;font-size:.78rem;font-weight:750}.detail-list{grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:8px 12px;display:grid}.detail-list strong{overflow-wrap:anywhere;font-size:.86rem}.event-preview{gap:8px;display:grid}.event-row{border-bottom:1px solid #e7eaf0;grid-template-columns:minmax(95px,.8fr) minmax(0,1fr);gap:10px;padding:8px 0;font-size:.84rem;display:grid}.event-row span{font-weight:800}.event-row small{overflow-wrap:anywhere;color:#687385}.empty-state{color:#687385;background:#fff;border:1px dashed #b7c0cd;border-radius:8px;place-items:center;gap:16px;min-height:360px;display:grid}.participant-shell{background:#f6f7f9;min-height:100vh;padding:clamp(18px,4vw,44px)}.participant-start{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;max-width:1040px;margin:12vh auto 0;display:grid}.participant-start h1,.task-header h1{margin:8px 0 12px}.start-panel{gap:14px;padding:18px;display:grid}.eyebrow{color:#0f766e;text-transform:uppercase;font-size:.78rem;font-weight:850}.task{align-content:start;gap:18px;display:grid}.task-header{justify-content:space-between;gap:16px;display:flex}.mode-pill{text-transform:capitalize;background:#fff;border:1px solid #b7c0cd;border-radius:999px;align-self:start;padding:6px 10px;font-weight:800}.task-instructions{color:#374151;max-width:900px;line-height:1.55}.run-matrix{width:min(100%,1180px)}.run-cell{color:#202124;place-items:center;padding:12px;font-weight:760;display:grid}.run-cell:before{content:"";background:#b7c0cd;border-radius:6px;width:24px;height:24px;display:block}.run-cell.revealed{background:#fff7ed}.run-cell.revealed:before{content:none}.run-cell span{overflow-wrap:anywhere}.choice-panel{gap:14px;width:min(100%,720px);padding:18px;display:grid}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.choice{background:#fff;border:1px solid #d6dae1;border-radius:6px;min-height:44px;font-weight:750}.choice.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.complete-panel{place-items:center;gap:12px;min-width:280px;padding:28px;display:grid}.modal-backdrop{z-index:20;background:#2021246b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:8px;gap:14px;width:min(100%,620px);padding:18px;display:grid;box-shadow:0 18px 60px #1118273d}.modal-panel textarea{min-height:220px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem}@media (width<=920px){.auth-layout,.workspace,.editor-grid,.share-layout,.participant-start{grid-template-columns:1fr}.auth-visual{display:none}.workspace{grid-template-rows:auto auto auto;grid-template-areas:"top""side""main"}.sidebar{border-bottom:1px solid #dce1e8;border-right:0}.experiment-list{grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;overflow-x:auto}.settings-panel{position:static}}@media (width<=640px){.topbar,.toolbar,.task-header,.section-heading{flex-direction:column;align-items:flex-start}.main-surface,.auth-panel,.participant-shell{padding:16px}.workspace-tabs{overflow-x:auto}.data-row,.data-split,.data-controls,.compose-actions{grid-template-columns:1fr}.compose-actions{flex-direction:column;align-items:stretch}}
