:root{color-scheme:dark;--bg: #0b1020;--panel: rgba(13, 19, 36, .92);--panel-soft: rgba(19, 27, 51, .94);--text: #edf2ff;--muted: #9ca9cf;--border: rgba(128, 146, 187, .22);--accent: #7aa2ff;--accent-soft: rgba(122, 162, 255, .16);--success: #2cc58a;--warning: #f3b54a;--error: #ff6f7b;--pending: #7d8bb0;--shadow: 0 18px 48px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(74,111,214,.18),transparent 22rem),radial-gradient(circle at top right,rgba(45,193,167,.12),transparent 20rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,input,select,textarea{border-radius:12px;border:1px solid var(--border);background:var(--panel-soft);color:var(--text)}button{cursor:pointer;padding:10px 14px;transition:transform .12s ease,border-color .12s ease,background .12s ease}button:hover{transform:translateY(-1px);border-color:#7aa2ff6b;background:#232f53fa}button:disabled{cursor:default;opacity:.6;transform:none}input,select,textarea{width:100%;min-width:0;padding:10px 12px}textarea{resize:vertical}.button-primary{border-color:#7aa2ff80;background:#4065bbe6}.button-ghost{background:#ffffff08}.app-shell{width:min(1800px,calc(100vw - 28px));margin:14px auto;min-height:calc(100vh - 28px);display:flex;flex-direction:column;gap:16px}.topbar,.panel,.error-banner{border:1px solid var(--border);background:var(--panel);border-radius:18px;box-shadow:var(--shadow)}.topbar{padding:20px 22px;display:flex;justify-content:space-between;gap:20px;align-items:end}.topbar-copy h1{margin:0;font-size:28px;line-height:1.1}.topbar-copy p,.conversation-header p,.thread-card__project,.thread-card__footer,.sidebar-counter,.composer__footer span,.empty-state{color:var(--muted)}.topbar-copy p,.conversation-header p,.empty-state{margin:8px 0 0}.topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mobile-pane-switcher{justify-content:end}.mobile-pane-button{min-width:104px}.mobile-pane-button--active{border-color:#7aa2ff8c;background:var(--accent-soft)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:13px}.badge--toolbar{background:#ffffff0f}.badge--synced{color:#d7ffee;background:#2cc58a24;border-color:#2cc58a47}.badge--standalone{color:#dce6ff;background:#7aa2ff24;border-color:#7aa2ff47}.status-badge--pending{color:#e9eefc;background:#7d8bb02e;border-color:#7d8bb04d}.status-badge--answered{color:#d7ffee;background:#2cc58a24;border-color:#2cc58a47}.status-badge--active{color:#e8f0ff;background:#7aa2ff2e;border-color:#7aa2ff66}.status-badge--cancelled,.status-badge--expired{color:#ffd9de;background:#ff6f7b24;border-color:#ff6f7b4d}.badge--pending-prompt{border-color:#f3b54a57;background:#f3b54a1f;color:#ffe6b6}.status-dot{width:8px;height:8px;border-radius:999px;background:currentColor;flex:0 0 auto}.status-dot--running{background:#dce6ff;box-shadow:0 0 #7aa2ff73;animation:status-pulse 1.4s ease-in-out infinite}@keyframes status-pulse{0%{box-shadow:0 0 #7aa2ff61}70%{box-shadow:0 0 0 7px #7aa2ff00}to{box-shadow:0 0 #7aa2ff00}}.error-banner{padding:14px 18px;border-color:#ff6f7b59;background:#45161df2;color:#ffd9de}.workspace{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:16px}.sidebar,.conversation{min-height:0;display:flex;flex-direction:column}.sidebar{padding:18px;gap:18px;overflow:hidden}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-section__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.sidebar-section__header h2,.conversation-header h2{margin:0;font-size:18px}.filter-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.toggle-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--text)}.toggle-row input{width:16px;height:16px;margin:0}.toggle-row span{line-height:1.3}.form-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.sidebar-button{width:100%}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.form-stack{display:flex;flex-direction:column;gap:10px}.tree-panel{min-height:0;flex:1 1 auto}.tree-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding-right:2px}.tree-zone{display:flex;flex-direction:column;gap:10px}.tree-zone__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:4px;border-bottom:1px solid rgba(128,146,187,.16)}.tree-zone__context{color:var(--muted);font-size:12px;line-height:1.2}.project-list,.tree-thread-list{display:flex;flex-direction:column;gap:10px}.project-tree{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:16px;background:#ffffff06}.project-tree--selected{border-color:#7aa2ff73;background:#7aa2ff14}.project-tree--notified{border-color:#e0b14d7a}.project-tree--dragging{opacity:.56}.project-tree--drop-before{box-shadow:inset 0 3px #7aa2ffcc}.project-tree--drop-after{box-shadow:inset 0 -3px #7aa2ffcc}.project-tree--archive{background:#ffffff08}.project-tree__section-header,.project-tree__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-tree__header{cursor:pointer}.project-tree__header--draggable{cursor:grab;-webkit-user-select:none;user-select:none}.project-tree__header--draggable:active{cursor:grabbing}.project-tree__title-row{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-tree__progress,.tree-thread__progress{color:var(--muted);font-size:12px;line-height:1.2;white-space:nowrap}.project-tree__state,.tree-thread__status--warning{flex:0 0 auto;width:10px;height:10px;border-radius:999px;background:#e0b14df2;box-shadow:0 0 0 3px #e0b14d2e}.project-tree__state--running{width:14px;height:14px;border-radius:999px;border:2px solid rgba(128,146,187,.35);border-top-color:#7aa2fff2;background:transparent;box-shadow:none;animation:tree-spinner .8s linear infinite}.tree-thread{text-align:left;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;border:1px solid rgba(128,146,187,.16);background:#ffffff05}.tree-thread--active{border-color:#7aa2ff8c;background:var(--accent-soft)}.tree-thread--notified{border-color:#e0b14d7a;background:#e0b14d14}.tree-thread__title{color:var(--text);font-weight:600;line-height:1.35}.tree-thread__headline{display:flex;justify-content:space-between;gap:10px;align-items:start}.tree-thread__status{flex:0 0 auto;min-height:24px;display:inline-flex;align-items:center;justify-content:center}.tree-thread__meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;line-height:1.4}.tree-empty{color:var(--muted);font-size:13px;line-height:1.45}@keyframes tree-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thread-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}.thread-card{text-align:left;display:flex;flex-direction:column;gap:10px;padding:14px;background:#ffffff05}.thread-card--active{border-color:#7aa2ff8c;background:var(--accent-soft)}.thread-card__top,.thread-card__footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.thread-card__top{align-items:start}.thread-card__badges{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.thread-card__project,.thread-card__preview,.thread-card__footer{font-size:13px}.thread-card__preview{color:var(--text);line-height:1.45;opacity:.88}.conversation{padding:18px}.conversation-header{display:flex;justify-content:space-between;gap:18px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--border)}.conversation-header__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:end}.conversation-status{flex:0 0 auto}.messages{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:18px 0}.message-card{max-width:min(920px,100%);display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:#ffffff08}.message-card--user{align-self:flex-start;background:#7aa2ff14}.message-card--assistant{align-self:flex-end;background:#2cc58a17}.message-card--system{align-self:center;background:#ffffff0a}.message-card__header{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.message-card__body{white-space:pre-wrap;word-break:break-word;line-height:1.55}.composer{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.composer__footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.empty-state{padding:20px 0;text-align:center}.empty-state--large{flex:1 1 auto;display:grid;place-items:center}@media(max-width:1180px){.panel--hidden-mobile{display:none}.workspace{grid-template-columns:1fr}.conversation,.sidebar{min-height:70vh}.tree-thread__meta,.toolbar-row,.conversation-header{flex-direction:column;align-items:start}.conversation-header__meta{justify-content:start}}
