:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101112;color:#eeefef;font-synthesis:none}
*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #81c9cb;outline-offset:3px}button{touch-action:manipulation}button:disabled{cursor:default}[hidden]{display:none!important}
main{max-width:1216px;padding:38px 32px 24px;margin:auto}.brandline{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650}.brandline img{width:24px;height:24px}.brandline span{font-size:10px;font-weight:450;color:#71797d;margin-left:5px}h1{font-size:30px;line-height:1.2;font-weight:580;margin:24px 0 10px}.page-header p{font-size:14px;color:#959da1;line-height:1.6;margin:0}.controls{display:flex;align-items:center;gap:22px;margin:25px 0 28px;padding:15px 0;border-block:1px solid #272b2d}.segments{display:flex;gap:3px;padding:3px;border-radius:7px;background:#1a1d1f}.segments button{border:0;border-radius:5px;padding:7px 16px;background:none;color:#929a9e;font-size:12px}.segments button[aria-pressed=true]{background:#30383a;color:#e6eeee}.controls label{display:flex;align-items:center;gap:7px;font-size:12px;color:#a6afb2}.controls input{accent-color:#87c6c8}.demo-label{margin-left:auto;font-size:11px;color:#6e787d}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.option{min-width:0}.option-head{display:flex;align-items:center;gap:9px;min-height:23px}.option-head h2{font-size:16px;font-weight:580;margin:0}.number{font-size:11px;color:#6e797e}.recommended{font-size:10px;color:#9cc9c9;margin-left:auto}.description{font-size:12px;color:#9da5aa;line-height:1.6;margin:8px 0 18px;min-height:39px}.sidebar{height:690px;display:flex;flex-direction:column;border:1px solid #34393b;border-radius:8px;background:#151719;overflow:hidden;box-shadow:0 14px 30px #0002}.sidebar-head{padding:17px 13px 12px;display:flex;align-items:center;gap:8px}.product{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px}.product img{width:24px;height:24px}.add-project{margin-left:auto;width:30px;height:30px;border:1px solid #373d3e;border-radius:6px;display:grid;place-items:center;background:#ffffff03;color:#b3c6c7}.add-project:hover{background:#ffffff0b}.icon{display:inline-block;flex:0 0 auto;width:14px;height:14px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.view-tabs{display:flex;margin:0 12px 13px;padding:3px;gap:3px;border-radius:6px;background:#1e2123}.view-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:4px;background:transparent;color:#879194;font-size:10px;min-height:26px}.view-tabs button[aria-pressed=true]{color:#b9dcdf;background:#293f43}.sidebar-scroll{flex:1;min-height:0;overflow:auto;padding:0 9px 12px;scrollbar-width:thin;scrollbar-color:#4b5557 transparent}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#4b5557;border-radius:4px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 6px 10px;font-size:10px;color:#737e82}.thread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;border:1px solid transparent;border-radius:6px;padding:8px 4px 8px 9px;margin:3px 0;transition:background .14s,border-color .14s}.thread:hover{background:#ffffff04}.thread.selected{background:#223033;border-color:#5a8389}.thread.selected:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;background:#9cd7da;border-radius:2px}.row-content{min-width:0}.project{display:flex;align-items:center;gap:5px;min-width:0;margin:0 4px 5px 2px;color:#c6b58d;font-size:10px;line-height:17px}.project .icon{width:11px;height:11px}.project-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.org{margin-left:auto;color:#59666b;font-size:9px;white-space:nowrap}.identity{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:4px;min-height:27px}.provider{background:none;padding:0;border:0;width:25px;height:27px;display:grid;place-items:center;border-radius:4px;color:#e2e7e8}.provider .icon{width:17px;height:17px}.provider.claude{color:#d97757}.provider.claude .icon{width:19px;height:19px}.provider:hover,.provider:focus-visible{background:#ffffff0c}.title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;text-align:left;padding:0;background:none;color:#bfc5c8;line-height:27px;font-size:12px;font-weight:480}.selected .title{color:#f1f5f5;font-weight:580}.more{width:24px;height:30px;border:0;border-radius:4px;padding:0;background:transparent;color:#737f84;display:grid;place-items:center;align-self:center}.more:hover{background:#ffffff0b;color:#e4ebec}.status{display:flex;align-items:center;gap:5px;font-size:10px;line-height:18px;min-height:18px;margin-left:29px;color:#7f8a90;white-space:nowrap}.status.thinking{color:#9acdd0}.status.waiting{color:#ddc28c}.status.error{color:#e39b9c}.status.completed{color:#91b9a1}.status .time{color:#849393;font-size:9px;margin-left:3px}.dots{display:flex;gap:2px;margin-right:2px;align-items:center}.dots i{height:2px;width:2px;background:currentColor;border-radius:50%;animation:blink 1.4s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,70%,100%{opacity:.3}35%{opacity:1}}.variant-b .identity{grid-template-columns:25px minmax(0,1fr) auto}.variant-b .status{margin:0 3px 0 6px;font-size:9px;gap:3px}.variant-b .status .time{display:none}.variant-b .dots{display:none}.variant-b .status.completed{font-size:0}.variant-b .status.completed:after{content:"✓";font-size:12px}.variant-b .status.error{color:#e39b9c}.variant-c .status.completed{display:none}.variant-c .title{font-weight:450}.variant-c .thread.selected .title{font-weight:600}.unread{display:none;width:5px;height:5px;border-radius:50%;background:#90bfab;position:absolute;right:14px;top:12px}.variant-c .thread[data-state=completed] .unread{display:block}.variant-c .thread[data-state=completed] .more{opacity:.5}.variant-c .thread:not(.selected){border-bottom-color:#ffffff04;border-radius:0}.user{display:flex;gap:8px;align-items:center;padding:13px;border-top:1px solid #2a3031;background:#171a1c;font-size:12px}.avatar{height:29px;width:29px;display:grid;place-items:center;border:1px solid #435859;border-radius:50%;background:#29383a;color:#b3d2d2;font-size:11px}.user small{display:block;color:#799295;font-size:9px;margin-top:3px}.user .icon{margin-left:auto;color:#758185}.group{border-top:1px solid #292e30;margin-top:9px;padding-top:8px}.group:first-child{margin-top:0;border:0}.group-toggle{display:flex;align-items:center;gap:6px;border:0;padding:5px 6px 6px;width:100%;background:none;text-align:left;color:#c4b18a;font-size:11px}.group-toggle .count{color:#68767a;font-size:10px;margin-left:auto}.group-toggle[aria-expanded=false] .chevron{transform:rotate(-90deg)}.group .thread{padding-block:6px}.group .project{display:none}.tradeoff{font-size:12px;color:#919da1;line-height:1.65;margin:16px 0 0}.tradeoff strong{font-weight:500;color:#c1cdcf}footer{border-top:1px solid #272e30;padding-top:18px;margin-top:28px;font-size:11px;color:#7f8a8e;line-height:1.7}#tooltip{position:fixed;z-index:20;max-width:270px;pointer-events:none;padding:10px 12px;border:1px solid #475054;border-radius:6px;background:#23292c;box-shadow:0 8px 25px #0005;font-size:12px;line-height:1.6;color:#e3eaec}#tooltip small{display:block;color:#9caaaf;font-size:11px}dialog{color:#e4eaed;background:#1b2022;border:1px solid #454e52;border-radius:8px;padding:32px 24px 24px;width:min(390px,calc(100% - 32px));max-height:80dvh;overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.close{position:absolute;right:9px;top:6px;border:0;background:none;color:#afbabf;font-size:25px;width:32px;height:32px}dialog h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere}dialog p{color:#a5b3b8;font-size:13px;line-height:1.7}dialog .provider{width:44px;height:44px;margin:auto}dialog .provider .icon{width:36px;height:36px}.new-project label{display:block;color:#b6c2c5;font-size:12px;margin-bottom:8px}.new-project input{width:100%;padding:10px 0;background:none;border:0;border-bottom:1px solid #647176;outline-offset:5px;color:#eff4f5}.submit{margin-top:20px;padding:9px 16px;background:#365357;border:1px solid #55777c;border-radius:5px;color:#def1f1}
@media(min-width:850px) and (max-width:1100px){main{padding-inline:20px}.options{gap:15px}.org{display:none}.recommended{font-size:9px}.option-head{flex-wrap:wrap}.description{min-height:58px}.variant-b .status{font-size:8px}}
@media(max-width:849px){main{padding:25px 18px}.options{grid-template-columns:1fr;gap:34px}.option{max-width:390px;width:100%;margin:auto}.description{min-height:0}.sidebar{height:660px}.demo-label{display:none}.controls{gap:14px}.controls label{font-size:11px}h1{font-size:26px}.page-header p{font-size:13px}.brandline span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}