@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";:root{--ink: #14120f;--ink-2: #1b1814;--panel: #221e18;--panel-2: #2a251e;--line: #3c362c;--paper: #f3eee4;--muted: #a89f90;--quiet: #7c7468;--iris: #8b7cf7;--ok: #8fbf7a;--warn: #e0a35c;--danger: #d9786a;--sand: #c9b896;--r: 18px;--font: "Manrope", system-ui, sans-serif;--display: "Sora", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:15px;line-height:1.45;letter-spacing:-.011em;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.app{height:100%;display:grid;grid-template-columns:280px 1fr;min-height:100dvh}.roster{background:var(--ink-2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.roster-head{padding:18px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.wordmark{font-family:var(--display);font-weight:600;letter-spacing:-.04em;font-size:17px}.roster-list{overflow:auto;padding:6px 8px 16px;flex:1}.section-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);padding:12px 10px 6px}.bot-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:14px;width:100%;background:transparent;border:0;text-align:left}.bot-row:hover{background:var(--panel)}.bot-row.active{background:var(--panel-2)}.bot-row .meta{min-width:0}.bot-row .name{font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-row .sub{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:8px;height:8px;border-radius:99px;background:var(--quiet)}.dot.work{background:var(--iris);box-shadow:0 0 0 4px color-mix(in srgb,var(--iris) 22%,transparent)}.dot.wait{background:var(--warn)}.dot.ok{background:var(--ok)}.main{display:grid;grid-template-rows:56px 1fr auto;min-width:0;min-height:0;background:radial-gradient(1200px 400px at 80% -10%,color-mix(in srgb,var(--iris) 10%,transparent),transparent 60%),var(--ink)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em}.topbar .who{color:var(--muted);font-size:13px}.icon-btn,.ghost,.primary,.danger{border-radius:999px;border:1px solid var(--line);background:var(--panel);padding:8px 14px}.icon-btn{padding:8px;display:inline-flex}.primary{background:var(--paper);color:var(--ink);border-color:var(--paper);font-weight:600}.danger{color:var(--danger)}.ghost{background:transparent}.transcript{overflow:auto;padding:28px 8vw 40px}.bubble{max-width:68ch;margin:0 auto 22px}.bubble .who{font-size:12px;color:var(--quiet);margin-bottom:6px}.bubble.user .body{background:var(--panel);border:1px solid var(--line);padding:12px 14px;border-radius:16px 16px 4px}.bubble.assistant .body{font-size:15.5px;line-height:1.55;white-space:pre-wrap}.composer-wrap{padding:12px 8vw 20px}.composer{max-width:72ch;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:10px 10px 10px 16px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.composer textarea{background:transparent;border:0;resize:none;outline:none;min-height:44px;max-height:160px}.send{width:40px;height:40px;border-radius:14px;border:0;background:var(--paper);color:var(--ink);display:grid;place-items:center}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(800px 500px at 50% -10%,color-mix(in srgb,var(--sand) 16%,transparent),transparent 55%),var(--ink)}.card{width:min(420px,100%);background:var(--ink-2);border:1px solid var(--line);border-radius:28px;padding:28px}.card h1{font-family:var(--display);letter-spacing:-.04em;font-size:28px;margin:8px 0 6px}.card p{color:var(--muted);margin:0 0 20px}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}input,textarea.field{width:100%;background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:none}input:focus,textarea.field:focus{border-color:var(--sand)}.stack{display:flex;flex-direction:column;gap:10px}.panel{position:fixed;inset:0 0 0 auto;width:min(520px,100%);background:var(--ink-2);border-left:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.panel iframe{flex:1;border:0;background:#111}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-back{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:30;padding:20px}.modal{width:min(520px,100%);background:var(--ink-2);border:1px solid var(--line);border-radius:24px;padding:22px}.blob{width:42px;height:42px;display:block}.blob.lg{width:72px;height:72px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--muted)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.empty{max-width:42ch;margin:12vh auto 0;text-align:left}.empty h2{font-family:var(--display);letter-spacing:-.04em;font-size:28px;margin:0 0 8px}.empty p{color:var(--muted)}@media(max-width:840px){.app{grid-template-columns:1fr}.roster{display:none}.roster.open{display:flex;position:fixed;inset:0 auto 0 0;width:min(320px,90vw);z-index:40}.transcript,.composer-wrap{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}