:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf0f4;background:#101216;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh}button,input,textarea,select{font:inherit}button,.primary{cursor:pointer;min-height:2.75rem;color:inherit;background:#1c222b;border:1px solid #495263;border-radius:.45rem;padding:.48rem .72rem}button:hover{border-color:#8a97ad}button:disabled{cursor:wait;opacity:.55}.primary{color:#152000;background:#b8e65c;border-color:#b8e65c;place-items:center;font-weight:700;text-decoration:none;display:inline-grid}.danger{color:#ffb4ad}.app-shell{flex-direction:column;height:100dvh;min-height:100dvh;display:flex}.topbar{min-height:3.3rem;padding:max(.6rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .6rem max(1rem, env(safe-area-inset-left));border-bottom:1px solid #303745;align-items:center;gap:.75rem;display:flex}.brand{color:#b8e65c;letter-spacing:.04em;font-weight:800;text-decoration:none}.connection{color:#9db0c7;font-size:.8rem}.account{color:#bdc6d2;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:.9rem;overflow:hidden}.link-button{background:0 0;border:0;min-height:auto;padding:.2rem .35rem}.notice,.thread-warning{padding:.6rem max(1rem, env(safe-area-inset-right)) .6rem max(1rem, env(safe-area-inset-left));color:#ffcabf;background:#4b2426;justify-content:space-between;align-items:center;gap:1rem;display:flex}.workspace{flex:1;grid-template-columns:minmax(15rem,23rem) minmax(0,1fr);min-height:0;display:grid}.thread-panel{border-right:1px solid #303745;min-height:0;padding:.8rem;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-heading h1,.thread-header h1{margin:0;font-size:1rem}.thread-list{gap:.3rem;margin-top:.75rem;display:grid}.thread-row{text-align:left;background:0 0;border:0;grid-template-columns:.7rem minmax(0,1fr) auto;align-items:center;gap:.45rem;width:100%;min-height:2.75rem;padding:.55rem;display:grid}.thread-row.selected{background:#242b36}.thread-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-meta{color:#aab5c4;font-size:.72rem}.status{background:#8d9aaa;border-radius:50%;width:.55rem;height:.55rem}.status.working{background:#68b9ff}.status.blocked,.status.crashed{background:#ff7b72}.status.stopped{background:#718096}.status.starting{background:#e4be69}.thread-view{flex-direction:column;min-width:0;min-height:0;display:flex}.thread-header{border-bottom:1px solid #303745;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.thread-header p{color:#aab5c4;overflow-wrap:anywhere;margin:.2rem 0 0;font-family:ui-monospace,monospace;font-size:.75rem}.controls,.form-actions{flex-wrap:wrap;align-items:start;gap:.5rem;display:flex}.transcript{overscroll-behavior:contain;flex:1;align-content:start;gap:.65rem;min-height:0;padding:1rem;display:grid;overflow:auto}.event{border:1px solid #303745;border-radius:.5rem;max-width:80ch;padding:.65rem .8rem}.event.human{background:#1d303a;margin-left:auto}.event.assistant{background:#1a1e25}.event header{color:#aab5c4;text-transform:uppercase;justify-content:space-between;gap:2rem;font-size:.72rem;display:flex}.event pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:.45rem 0 0}.prompt{background:#352b18;border:1px solid #d5a652;border-radius:.5rem;gap:.5rem;padding:.75rem;display:grid}.prompt label,.create-form label{gap:.25rem;font-size:.85rem;display:grid}.composer{padding:.75rem max(1rem, env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:#101216;border-top:1px solid #303745;flex:none;gap:.6rem;display:flex}.composer textarea{resize:vertical;flex:1;min-width:0;min-height:2.75rem}.create-form{border:1px solid #303745;border-radius:.5rem;gap:.6rem;padding:.75rem;display:grid}.create-form input,.create-form textarea,.create-form select,.composer textarea,.prompt input{width:100%;min-height:2.75rem;color:inherit;background:#101216;border:1px solid #495263;border-radius:.35rem;padding:.45rem}.create-form textarea,.composer textarea{min-height:4.75rem}.empty,.empty-state{color:#aab5c4}.empty-state{text-align:center;place-content:center;padding:2rem;display:grid}.login{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));place-items:center;display:grid}.login section{border:1px solid #303745;border-radius:.6rem;max-width:30rem;padding:2rem}.login h1{margin:0;font-size:2rem}.login p{color:#bdc6d2;margin:1rem 0 1.5rem}.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<=720px){.topbar{flex-wrap:wrap;gap:.35rem .65rem}.account{display:none}.link-button{margin-left:auto}.workspace{flex-direction:column;min-height:0;display:flex}.thread-panel{max-height:38dvh;padding:.65rem max(.75rem, env(safe-area-inset-right)) .65rem max(.75rem, env(safe-area-inset-left));border-bottom:1px solid #303745;border-right:0;flex:none}.thread-view{flex:1;min-height:0}.thread-header{padding:.75rem max(1rem, env(safe-area-inset-right)) .75rem max(1rem, env(safe-area-inset-left));flex-direction:column;gap:.7rem}.controls{align-items:center}.controls button{flex:auto}.transcript{padding:.75rem max(.75rem, env(safe-area-inset-right)) .75rem max(.75rem, env(safe-area-inset-left))}.event{max-width:100%}.composer{gap:.5rem}.composer button{flex:none}}@media (width<=390px){.composer{flex-direction:column}.composer button{width:100%}.thread-meta{display:none}.thread-row{grid-template-columns:.7rem minmax(0,1fr)}.thread-header p{font-size:.7rem}}
