: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}.topbar-settings-button{min-width:104px}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#040812b8}.settings-dialog{width:min(620px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:16px}.settings-dialog__header,.settings-dialog__footer{display:flex;justify-content:space-between;gap:12px;align-items:start}.settings-dialog__header h2,.settings-dialog__header p{margin:0}.settings-dialog__header p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.4}.settings-dialog__footer{justify-content:flex-end}.settings-machine-list{display:flex;flex-direction:column;gap:12px}.settings-machine-row{display:grid;gap:8px}.settings-machine-row span{color:var(--muted);font-size:13px;line-height:1.35;word-break:break-word}.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}.scroll-jump-bar{position:sticky;top:0;z-index:30;display:flex;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:18px;background:#0b1020f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.scroll-jump-bar__button{flex:1 1 0;min-width:0;padding:10px 12px;font-size:13px}.page-scroll-filler{flex:0 0 auto;width:100%;height:0;pointer-events:none}.workspace{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.workspace--list-only .sidebar{min-height:100%}.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}.machine-tree{padding:12px;border:1px solid rgba(128,146,187,.14);border-radius:18px;background:#ffffff05}.machine-tree__header{border-bottom-color:#7aa2ff2e}.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__section-header--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.project-tree__section-toggle{color:#ffffff8c;font-size:12px;font-weight:500}.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__row{display:flex;align-items:stretch;gap:8px}.tree-thread__open{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left}.tree-thread__open:hover{transform:none;border-color:transparent;background:transparent}.importance-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.importance-filter{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;padding:0;border-radius:6px;border:1px solid;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.importance-filter:checked:after{content:"";width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.importance-filter--recent{background:#7aa2ff2e;border-color:#7aa2ff6b}.importance-filter--recent:checked{background:#7aa2ff6b;border-color:#7aa2ffb8}.importance-filter--clear{width:30px;min-width:30px;font-size:11px;line-height:1;border-radius:8px;background:#8092bb1f;border-color:#8092bb47}.importance-filter--clear:disabled{opacity:.45;cursor:default}.importance-filter--red{background:#ff6f7b47;border-color:#ff6f7b7a}.importance-filter--red:checked{background:#ff6f7bb8;border-color:#ff6f7beb}.importance-filter--yellow{background:#f3b54a47;border-color:#f3b54a7a}.importance-filter--yellow:checked{background:#f3b54ab8;border-color:#f3b54aeb}.importance-filter--green{background:#2cc58a47;border-color:#2cc58a7a}.importance-filter--green:checked{background:#2cc58ab8;border-color:#2cc58aeb}.importance-controls{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.importance-controls__label{font-size:11px;line-height:1;color:var(--muted)}.importance-controls--inline{flex:0 0 auto;align-self:center}.importance-controls--header{justify-content:flex-end}.importance-control{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:28px;min-width:28px;padding:0;border-radius:6px;border:1px solid;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.importance-control:checked:after{content:"";width:6px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.importance-control--none{background:#8092bb1f;border-color:#8092bb47;font-size:11px;line-height:1}.importance-control--red{background:#ff6f7b47;border-color:#ff6f7b7a}.importance-control--red:checked{background:#ff6f7bb8;border-color:#ff6f7beb}.importance-control--yellow{background:#f3b54a47;border-color:#f3b54a7a}.importance-control--yellow:checked{background:#f3b54ab8;border-color:#f3b54aeb}.importance-control--green{background:#2cc58a47;border-color:#2cc58a7a}.importance-control--green:checked{background:#2cc58ab8;border-color:#2cc58aeb}.importance-badge{flex:0 0 auto;width:10px;height:10px;border-radius:999px}.importance-badge--red{background:#ff6f7bf2;box-shadow:0 0 0 3px #ff6f7b2e}.importance-badge--yellow{background:#f3b54af2;box-shadow:0 0 0 3px #f3b54a2e}.importance-badge--green{background:#2cc58af2;box-shadow:0 0 0 3px #2cc58a2e}.project-tree__tasks{margin-top:2px}.project-tree__archive-label{color:var(--muted);font-size:11px;line-height:1.2}.project-list--archive-inline{margin-top:10px}.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__context{padding:2px 8px;border-radius:999px;border:1px solid rgba(122,162,255,.25);background:#7aa2ff14;color:var(--text)}.message-card__body,.message-card__text{white-space:pre-wrap;word-break:break-word;line-height:1.55}.message-card--thought .message-card__body{color:var(--muted);font-style:italic}.message-card__body--system-rules{display:flex;flex-direction:column;gap:10px}.system-rules-disclosure{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff0a;color:var(--text);font:inherit;cursor:pointer}.system-rules-disclosure:hover{border-color:#7aa2ff73;background:#7aa2ff14}.system-rules-disclosure__icon{color:var(--muted);font-size:12px;line-height:1}.system-rules-disclosure__content{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.55;font:inherit;color:var(--muted)}.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}.composer__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.composer__model{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.composer__model-label{font-size:12px;color:var(--muted)}.composer__model-input{min-width:160px;max-width:240px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:inherit}.composer__model-input--select{width:auto}.composer__hint--error{color:#ff9f9f}.composer__voice-button--recording{border-color:#ff6a848c;background:#b02a402e;color:#ff90a6}.composer__voice-button--busy{opacity:.72}.composer__scroll-button--active{border-color:#7aa2ff8c;background:#7aa2ff24;color:#dce6ff}.empty-state{padding:20px 0;text-align:center}.empty-state--large{flex:1 1 auto;display:grid;place-items:center}@media(max-width:1180px){.conversation,.sidebar{min-height:70vh}.tree-thread__meta,.toolbar-row,.conversation-header{flex-direction:column;align-items:start}.conversation-header__meta{justify-content:start}.composer__footer{flex-direction:column;align-items:stretch}.composer__actions{justify-content:flex-end}}