:root{color:#e7e9ef;font-synthesis:none;--surface:#17191f;--border:#292c35;--muted:#9299aa;--accent:#d2f590;--danger:#ffc2ba;background:#101115;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{color:inherit;border:1px solid var(--border);background:#22252d;border-radius:6px;padding:8px 12px}button:hover:not(:disabled){background:#303540}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{color:inherit;border:1px solid var(--border);background:#101216;border-radius:6px;width:100%;padding:10px}textarea{resize:vertical}a{color:var(--accent)}p{line-height:1.6}h1,h2,p{margin:0}h1{letter-spacing:-.9px;font-size:28px}h2{font-size:16px}.muted{color:var(--muted);font-size:12px}.brand{letter-spacing:-1.8px;color:var(--accent);align-items:baseline;gap:1px;font-size:29px;font-weight:700;display:flex}.brand span{color:#eef0f5}.brand small{letter-spacing:1.5px;color:var(--muted);margin-left:9px;font:10px IBM Plex Mono,monospace}.app{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);background:#14161b;flex-direction:column;flex-shrink:0;gap:14px;width:232px;padding:24px 16px;display:flex}.sidebar .brand{margin:0 5px 28px}.section-label,.section-heading,.eyebrow{letter-spacing:1.6px;color:var(--muted);font:10px IBM Plex Mono,monospace}.section-heading{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.section-heading button{background:0 0;border:0;padding:2px 8px}.nav-item{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;margin:5px 0;display:flex}.nav-item.selected{color:var(--accent);background:#292f24}.product-icon{background:#363d2e;border-radius:6px;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.sidebar-foot{flex-wrap:wrap;align-items:center;gap:9px;margin-top:auto;padding-top:50px;font:9px IBM Plex Mono,monospace;display:flex}.sidebar-foot>.muted{width:100%;font-size:10px}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.account{border-top:1px solid var(--border);align-items:center;gap:12px;width:100%;padding-top:16px;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:17px 28px;font-size:12px;display:flex}.topbar button{font-size:11px}.product-heading{justify-content:space-between;align-items:center;gap:16px;padding:30px 28px;display:flex}.product-heading h1{margin:10px 0 7px}.product-heading p{color:var(--muted);max-width:650px;font-size:13px}.eyebrow{color:var(--accent)}.badge{color:#c5d7b0;white-space:nowrap;border:1px solid #424936;border-radius:20px;padding:7px 10px;font:10px IBM Plex Mono,monospace}.workspace-body{border-top:1px solid var(--border);flex:1;min-height:600px;display:flex}.conversation{flex-direction:column;flex:1;min-width:0;display:flex}.room-tabs{border-bottom:1px solid var(--border);align-items:stretch;gap:15px;min-height:48px;padding:0 18px;display:flex;overflow:auto}.room-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:0;padding:12px 4px;font-size:12px}.room-tabs .active{border-bottom:2px solid var(--accent);color:var(--accent)}.room-title{justify-content:space-between;gap:15px;padding:22px 28px;display:flex}.room-title p{color:var(--muted);margin-top:5px;font-size:12px}.room-title button{align-self:start;font-size:11px}.messages{flex:1;min-height:280px;max-height:65vh;padding:8px 28px 25px;overflow:auto}.empty{text-align:center;color:var(--muted);max-width:510px;margin:auto;padding:60px 24px}.empty h2{color:#e5e9ee;margin:12px 0;font-size:22px}.empty p{margin:10px 0;font-size:13px}.room-glyph{color:var(--accent);background:#20261b;border:1px solid #39442c;border-radius:18px;padding:10px 25px;font-size:35px;display:inline-block}.message{gap:13px;padding:16px 0;display:flex}.avatar{color:var(--accent);background:#333b2a;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.message-content{flex:1;min-width:0}.message-meta{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.message-meta time,.message-meta>span{color:var(--muted);font:10px IBM Plex Mono,monospace}.message-content>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:14px}.message-content .blocked{color:#d6c28d;font:10px IBM Plex Mono,monospace}.reply-link{font-size:11px}.quiet{color:var(--muted);text-align:left;background:0 0;border:0;padding:5px 0;font-size:11px}.composer{background:var(--surface);border:1px solid #363b46;border-radius:10px;margin:0 24px 24px;padding:13px}.composer textarea{background:0 0;border:0;min-height:82px;padding:6px;font-size:13px}.composer-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.composer-footer label{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.composer-footer select{width:auto;padding:6px;font-size:11px}.primary{background:var(--accent);color:#17200c;border-color:var(--accent);font-size:12px;font-weight:600}.primary:hover:not(:disabled){background:#b7dc71}.composer small{color:var(--muted);margin-top:12px;font-size:10px;display:block}.reply-preview{color:var(--muted);justify-content:space-between;gap:12px;padding:4px 0 12px;font-size:11px;display:flex}.reply-preview button{padding:1px 6px}.inspector{border-left:1px solid var(--border);background:#14161b;flex-shrink:0;width:286px;padding:25px 20px}.inspector>.muted{margin:12px 0 16px}.agent-card{border:1px solid var(--border);background:#1c1e25;border-radius:8px;margin:10px 0;padding:13px}.agent-card>div{align-items:center;gap:7px;margin-bottom:13px;font-size:12px;display:flex}.agent-card .muted{margin-left:auto;font-size:10px}.agent-card select{padding:7px;font-size:11px}.agent-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.rook{background:#9ddd8a}.claude{background:#d5a07d}.spaced{margin-top:32px}.inspector>button{width:100%;font-size:11px}.connection{border-bottom:1px solid var(--border);padding:15px 0;font-size:11px}.connection summary{cursor:pointer;text-transform:capitalize}.connection small{color:var(--muted);margin:8px 0 0 13px;font-size:10px;display:block}.connection p{color:var(--muted);margin-top:10px}.status-off{border:1px solid #6b7280;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.context-report{overflow-wrap:anywhere;margin-top:15px;font-size:11px}.context-report p{color:var(--muted);margin:10px 0}pre{max-height:260px;font-size:10px;overflow:auto}.statusbar{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:9px 20px;font:9px IBM Plex Mono,monospace;display:flex}.statusbar span:first-child{color:#a9bc8d}.error{color:var(--danger);background:#321e1d;border:1px solid #5c3330;border-radius:6px;margin:0 28px 18px;padding:12px;font-size:13px}.create-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:650px;margin:0 28px 22px;padding:20px}.create-form label{margin:15px 0;font-size:12px;display:block}.create-form input,.create-form textarea{margin-top:7px}.actions{justify-content:flex-end;gap:10px;display:flex}.gate{max-width:650px;margin:12vh auto;padding:30px}.gate h1{margin:28px 0 16px}.gate p{color:var(--muted);margin:16px 0}.notice{border:1px solid var(--border);border-radius:8px;padding:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1250px){.room-title>button{display:none}}@media (width<=1249px){.inspector{display:none}.inspector.open{display:block}.sidebar{width:200px}}@media (width<=850px){.sidebar{width:170px;padding:20px 12px}.sidebar .brand{font-size:25px}.brand small{display:none}.inspector.open{z-index:2;padding-top:25px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-25px 0 90px #000a}.room-title>button{position:relative}.product-heading,.topbar{padding:20px}.badge{display:none}.messages{padding:8px 20px 20px}.statusbar{flex-wrap:wrap;gap:8px}}@media (width<=550px){.app{display:block}.sidebar{border-bottom:1px solid var(--border);width:100%;padding:14px;display:block}.sidebar .brand{margin-bottom:16px}.sidebar .section-label,.sidebar .sidebar-foot,.sidebar>.quiet{display:none}.sidebar>select{width:65%;margin-right:10px}.section-heading{margin:15px 0 5px}.sidebar nav{gap:10px;display:flex;overflow:auto}.nav-item{white-space:nowrap;width:auto}.product-heading h1{font-size:25px}.workspace-body{min-height:560px}.composer{margin:0 14px 14px}.message-meta time{width:100%}.room-title{padding:20px}.gate{margin:6vh auto}}.inspector-heading{display:none}@media (width<=1249px){.inspector.open .inspector-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;font-size:12px;display:flex}.inspector-heading button{font-size:10px}}
