@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-deep:#1a1714;--bg-surface:#211e1a;--bg-elevated:#2a2620;--bg-hover:#332e27;--border-subtle:#ffebcd14;--border-default:#ffebcd1f;--border-strong:#ffebcd2e;--text-primary:#f5f0e8;--text-secondary:#b8a99a;--text-tertiary:#7d7168;--text-ghost:#4a433c;--accent:#d4a574;--accent-hover:#e0b68a;--accent-muted:#d4a57426;--accent-subtle:#d4a57414;--user-accent:#c9956c;--assistant-accent:#a8b4a0;--font-serif:"Newsreader", Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--dot-spacing:24px;--dot-size:1px;--dot-color:#d4a5741f;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-serif);font-optical-sizing:auto;color:var(--text-primary);background:var(--bg-deep);width:100vw;height:100dvh;font-weight:400;line-height:1.6;overflow:hidden}#root{width:100%;height:100%}::selection{background:var(--accent-muted);color:var(--text-primary)}:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.4}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}textarea{resize:none}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.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}.auth-loading{background:var(--bg-deep);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.auth-loading-spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.file-node-shell{z-index:1;pointer-events:auto;position:absolute;overflow:visible}.file-node-shell.vision-incapable .file-node{opacity:.5;filter:grayscale()}.file-node-shell.vision-incapable:after{content:"Vision not supported by selected model";background:var(--color-gray-800);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:4px;padding:4px 8px;font-size:11px;transition:opacity .2s;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.file-node-shell.vision-incapable:hover:after{opacity:1}.file-node-shell.file-node-dragging{z-index:1000}.file-node-drag-handle{z-index:2;background:0 0;position:absolute}.file-node-drag-handle-top{cursor:move;height:24px;top:-12px;left:8px;right:8px}.file-node-drag-handle-right{cursor:move;width:24px;top:8px;bottom:8px;right:-12px}.file-node-drag-handle-bottom{cursor:move;height:24px;bottom:-12px;left:8px;right:8px}.file-node-drag-handle-left{cursor:move;width:24px;top:8px;bottom:8px;left:-12px}.file-node{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.file-node-preview,.file-node-text-preview,.file-node-text-preview p,.file-node-pdf-page-text,.file-node-pdf-grid-snippet{-webkit-user-select:text;user-select:text}.file-node:hover{border-color:var(--border-strong);box-shadow:0 4px 16px -4px #0000004d}.file-node.file-node-selected{border-color:#5a96ffd9;box-shadow:0 0 0 1px #5a96ff47}.file-node-shell.file-node-dragging .file-node{box-shadow:0 16px 48px -12px #00000080}.file-node.file-node-ref-forward-target,.file-node.file-node-ref-picked{box-shadow:0 0 0 1px #5a96ff38,0 0 0 4px #5a96ff14}.file-node.file-node-ref-forward-target:after,.file-node.file-node-ref-picked:after{content:"";border-radius:calc(var(--radius-md) + 4px);pointer-events:none;position:absolute;inset:-4px}.file-node.file-node-ref-forward-target:after{border:1px dashed #5a96ffe0}.file-node.file-node-ref-picked:after{border:1px dashed #5a96fff2;box-shadow:0 0 0 1px #5a96ff4d}.file-node-compact{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);height:100%;display:flex}.file-node-icon{background:var(--bg-hover);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.file-node-thumbnail{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%}.file-node-spinner{color:var(--text-tertiary);animation:1s linear infinite file-node-spin}@keyframes file-node-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-node-error-icon{color:#f48f8f}.file-node-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-node-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-node-size{font-family:var(--font-mono);color:var(--text-tertiary);font-size:10px}.file-node.file-node-expanded{cursor:default}.file-node-expanded-content{flex-direction:column;height:100%;display:flex}.file-node-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.file-node-header-icon{color:var(--text-tertiary)}.file-node-header-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.file-node-collapse-btn{width:20px;height:20px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-node-collapse-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.file-node-preview{min-height:80px;max-height:220px;padding:var(--space-2);flex:1;overflow:hidden}.file-node-pdf-controls{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.file-node-pdf-view-toggle,.file-node-pdf-nav{align-items:center;gap:4px;display:inline-flex}.file-node-pdf-toggle-btn,.file-node-pdf-nav-btn,.file-node-pdf-add-ref-btn,.file-node-pdf-page-select{border:1px solid var(--border-default);background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;font-size:11px;line-height:1}.file-node-pdf-toggle-btn,.file-node-pdf-nav-btn{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.file-node-pdf-toggle-btn-active{border-color:var(--accent);color:var(--accent)}.file-node-pdf-page-indicator{font-family:var(--font-mono);color:var(--text-secondary);text-align:center;min-width:74px;font-size:11px}.file-node-pdf-add-ref-btn,.file-node-pdf-page-select{padding:4px 8px}.file-node-pdf-add-ref-btn:disabled{opacity:.5;cursor:default}.file-node-pdf-page-view{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.file-node-pdf-page-header{font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:11px;display:flex}.file-node-pdf-page-text{white-space:pre-wrap;font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.file-node-pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:200px;display:grid;overflow-y:auto}.file-node-pdf-grid-tile{border:1px solid var(--border-default);background:var(--bg-base);border-radius:var(--radius-sm);cursor:pointer;text-align:left;flex-direction:column;gap:6px;padding:6px;display:flex}.file-node-pdf-grid-tile-selected{border-color:var(--accent);box-shadow:0 0 0 1px #5a96ff38}.file-node-pdf-grid-title{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.file-node-pdf-grid-snippet{color:var(--text-tertiary);font-size:11px;line-height:1.35}.file-node-image-preview{background:var(--bg-base);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.file-node-image-preview img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:140px}.file-node-text-preview{height:100%;max-height:200px;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;overflow-y:auto}.file-node-text-preview::-webkit-scrollbar{width:5px}.file-node-text-preview::-webkit-scrollbar-track{background:0 0}.file-node-text-preview::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}.file-node-text-preview:hover::-webkit-scrollbar-thumb{background:var(--border-strong)}.file-node-text-preview p{white-space:pre-wrap;word-break:break-word;margin:0}.file-node-processing,.file-node-error{justify-content:center;align-items:center;gap:var(--space-2);height:100%;color:var(--text-tertiary);font-size:var(--text-xs);flex-direction:column;display:flex}.file-node-error{color:#f48f8f}.file-node-culling-placeholder{border:1px dashed var(--border-default);border-radius:var(--radius-sm);min-height:88px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.file-node-notes{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle)}.file-node-truncation-note{margin:0 var(--space-3) var(--space-2);border-radius:var(--radius-sm);color:#f0c89e;font-family:var(--font-mono);background:#f0c89e14;border:1px solid #f0c89e52;padding:6px 8px;font-size:10px;line-height:1.4}.file-node-notes-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.file-node-notes-header span{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.file-node-edit-note-btn{width:18px;height:18px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.file-node-notes:hover .file-node-edit-note-btn{opacity:1}.file-node-edit-note-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.file-node-note-text{font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}.file-node-note-placeholder{color:var(--text-ghost);font-style:italic}.file-node-note-edit{position:relative}.file-node-note-input{width:100%;min-height:48px;padding:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);resize:vertical;padding-right:32px;line-height:1.5}.file-node-note-input:focus{border-color:var(--accent);outline:none}.file-node-note-save{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:22px;height:22px;transition:all var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px}.file-node-note-save:hover{background:var(--accent-hover)}.file-node-footer{padding:var(--space-1) var(--space-3);border-top:1px solid var(--border-subtle)}.file-node-meta{font-family:var(--font-mono);color:var(--text-ghost);font-size:10px}.file-node-side-hover-gutter{z-index:3;pointer-events:auto;width:52px;position:absolute;top:-8px;bottom:-8px}.file-node-side-hover-gutter-left{left:-52px}.file-node-side-hover-gutter-right{right:-52px}.file-node-side-actions-stack{pointer-events:none;z-index:7;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.file-node-side-actions-left{left:-26px}.file-node-side-actions-right{right:-26px}.file-node-side-actions-stack.file-node-side-actions-active{pointer-events:auto}.file-node-side-action{width:22px;height:22px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity .45s cubic-bezier(.34, 1.56, .64, 1), transform .45s cubic-bezier(.34, 1.56, .64, 1), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:static;transform:scale(.8)}.file-node-side-actions-stack.file-node-side-actions-active .file-node-side-action{opacity:1;pointer-events:auto;transform:scale(1)}.file-node-side-action:hover{color:var(--accent);background:var(--bg-hover)}.file-node-side-action-danger:hover{color:#f48f8f;background:#b1484829}.graph-node-shell{position:absolute}.graph-node-shell.node-shell-composer{z-index:5000}.graph-node-shell.node-shell-thinking-expanded{z-index:4000}.node-side-hover-gutter{z-index:3;pointer-events:auto;width:58px;position:absolute;top:-8px;bottom:-8px}.node-side-hover-gutter-left{left:-58px}.node-side-hover-gutter-right{right:-58px}.graph-node{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:320px;min-height:80px;padding:var(--space-4);cursor:pointer;transition:width .17s var(--ease-out), min-height var(--duration-normal) var(--ease-out), margin-left .17s var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;position:relative}.graph-node.node-ref-forward-target,.graph-node.node-ref-picked{box-shadow:0 0 0 1px #5a96ff38,0 0 0 4px #5a96ff14}.graph-node:after{content:"";border-radius:calc(var(--radius-lg) + 4px);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;inset:-4px}.graph-node.node-ref-forward-target:after,.graph-node.node-ref-picked:after{opacity:1}.graph-node.node-ref-forward-target:after{border:1px dashed #5a96ffe0}.graph-node.node-ref-picked:after{border:1px dashed #5a96fff2;box-shadow:0 0 0 1px #5a96ff4d}.node-drag-handle{z-index:2;background:0 0;position:absolute}.node-drag-handle-top{cursor:move;height:30px;top:-15px;left:8px;right:8px}.node-drag-handle-right{cursor:move;width:30px;top:8px;bottom:8px;right:-15px}.node-drag-handle-bottom{cursor:move;height:30px;bottom:-15px;left:8px;right:8px}.node-drag-handle-left{cursor:move;width:30px;top:8px;bottom:8px;left:-15px}.graph-node.node-selection-draggable{cursor:move}.graph-node:hover{border-color:var(--border-strong);box-shadow:0 4px 16px -4px #0000004d}.graph-node.node-selected{border-color:#5a96ffd9;box-shadow:0 0 0 1px #5a96ff47}.graph-node.node-dragging{cursor:grabbing;z-index:1000;box-shadow:0 16px 48px -12px #00000080}.graph-node.node-resizing{transition:none}.graph-node.node-draft{border-style:dashed}.graph-node.node-composer-mode{border-style:solid;border-color:var(--border-strong);cursor:default;box-shadow:0 4px 24px -4px #0006,0 0 0 1px #0000001a}.node-side-action{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);font-family:var(--font-mono);opacity:0;transition:opacity .6s cubic-bezier(.34, 1.56, .64, 1), transform .6s cubic-bezier(.34, 1.56, .64, 1), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);cursor:pointer;pointer-events:none;z-index:7;background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)scale(.8)}.node-side-action svg{pointer-events:none;transition:opacity .22s cubic-bezier(.34,1.56,.64,1),transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute}.node-side-action.node-side-action-active{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.node-side-action:hover{color:var(--accent);background:var(--bg-hover)}.node-side-action-danger.node-side-action-active:hover{color:#f48f8f;background:#b1484829}.node-side-action-danger-armed{color:#f6a1a1;background:#b1484833}.node-side-action-left{left:-30px}.node-side-action-right{right:-30px}.node-side-actions-stack{pointer-events:none;z-index:7;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.node-side-actions-stack.node-side-actions-active{pointer-events:auto}.node-side-actions-left{left:-30px}.node-side-actions-right{right:-30px}.node-side-actions-stack .node-side-action{position:static;transform:scale(.8)}.node-side-actions-stack.node-side-actions-active .node-side-action{opacity:1;pointer-events:auto;transform:scale(1)}.node-bottom-action{width:24px;height:24px;color:var(--text-tertiary);opacity:0;transition:opacity .6s cubic-bezier(.34, 1.56, .64, 1), transform .6s cubic-bezier(.34, 1.56, .64, 1), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);cursor:pointer;z-index:7;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)scale(.8)}.graph-node-shell:hover .node-bottom-action,.node-bottom-action:hover{opacity:1;transform:translate(-50%)scale(1)}.node-bottom-action:hover{color:var(--accent);background:0 0}.node-resize-handle{cursor:nwse-resize;z-index:100;background:0 0;border:none;justify-content:flex-end;align-items:flex-end;width:30px;height:30px;padding:0 4px 4px 0;display:inline-flex;position:absolute;bottom:-12px;right:-12px}.node-resize-handle span{border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);opacity:0;transform-origin:50%;border-bottom-right-radius:var(--radius-lg);width:11px;height:11px;transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.graph-node-shell:hover .node-resize-handle span,.node-resize-handle:hover span{opacity:.8;transform:scale(1)}.node-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.node-type-indicator{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.graph-node.node-user .node-type-indicator{color:var(--user-accent)}.graph-node.node-assistant .node-type-indicator{color:var(--assistant-accent)}.node-status-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-ghost);padding:1px var(--space-2);background:var(--bg-hover);border-radius:var(--radius-sm)}.node-status-badge-collapsed{color:#d8c3a6;background:#d8c3a614;border:1px dashed #d8c3a659}.node-content{font-size:var(--text-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none;line-height:1.6}.node-content p{white-space:pre-wrap;word-break:break-word;-webkit-user-select:none;user-select:none;margin:0}.node-content.node-content-selectable,.node-content.node-content-selectable p,.node-content.node-content-selectable .node-reference-highlight{-webkit-user-select:text;user-select:text}.node-content.node-content-culled p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.node-reference-highlight{background:#5a96ff33;border-bottom:1px solid #5a96ffb3}.node-reference-token{color:#c8dcff;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;background:#5a96ff24;border:1px solid #5a96ff73;border-radius:8px;margin:0 1px;padding:2px 7px;font-size:12px;line-height:1.4;display:inline}.node-reference-token:hover{background:#5a96ff33;border-color:#78afffcc}.node-reference-token:focus-visible{outline-offset:1px;outline:1px solid #78afffe6}.node-reference-token-static{cursor:default}.composer-input-inline{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.composer-reference-chip{color:#9ec1ff;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;background:#5a96ff24;border:1px solid #5a96ff73;border-radius:8px;padding:2px 8px;font-size:12px}.composer-reference-chip:hover{background:#5a96ff33;border-color:#5a96ffbf}.node-placeholder{color:var(--text-ghost);font-style:italic}.node-error-retry-inline{font-family:var(--font-mono);color:#f0c89e;background:#f0c89e14;border:1px solid #f0c89e52;border-radius:999px;align-items:center;gap:7px;margin-top:12px;padding:4px 10px;font-size:12px;display:inline-flex}.node-error-retry-inline:hover{background:#f0c89e24;border-color:#f0c89e9e}.node-thinking-toggle{margin:0 0 var(--space-2) 0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;line-height:1.4;display:inline-flex}.node-thinking-toggle:hover{color:var(--text-secondary)}.node-thinking-content{border-radius:var(--radius-sm);border-left:2px solid var(--border-default);background:var(--bg-hover);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;scrollbar-gutter:stable;transition:opacity .28s var(--ease-out), max-height .28s var(--ease-out), margin-bottom .28s var(--ease-out), padding .28s var(--ease-out), transform .28s var(--ease-out);max-height:260px;margin-bottom:var(--space-3);padding:var(--space-3);line-height:1.55;overflow:hidden auto}.node-thinking-content::-webkit-scrollbar{width:5px}.node-thinking-content::-webkit-scrollbar-track{background:0 0}.node-thinking-content::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}.node-thinking-content:hover::-webkit-scrollbar-thumb{background:var(--border-strong)}.node-thinking-content-hidden{opacity:0;pointer-events:none;visibility:hidden;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden;transform:translateY(-4px)}.node-composer{gap:var(--space-3);flex-direction:column;min-height:0;display:flex}.composer-editor-shell{width:100%;min-height:60px;max-height:240px;position:relative;overflow:visible}.node-composer .composer-textarea{width:100%;min-width:160px;min-height:60px;max-height:200px;color:var(--text-primary);line-height:1.6;font-size:var(--text-base);font-family:var(--font-serif);resize:none;background:0 0;border:none;flex:220px;display:block;overflow-y:auto}.composer-rich-editor{white-space:pre-wrap;word-break:break-word;width:100%;min-height:60px;max-height:240px;color:var(--text-primary);line-height:1.6;font-size:var(--text-base);font-family:var(--font-serif);outline:none;display:block;overflow-y:auto}.composer-rich-editor:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);font-style:italic}.composer-text-segment{white-space:pre-wrap}.composer-rich-editor .composer-reference-chip{color:#c8dcff;font-family:var(--font-mono);background:#5a96ff29;border:1px solid #5a96ff8c;border-radius:8px;margin:0 1px;padding:1px 7px;font-size:12px;line-height:1.4;display:inline-block}.composer-text-segment:empty:before{content:"​"}.composer-rich-editor .composer-reference-chip{-webkit-user-select:none;user-select:none}.node-side-action-copy-success{color:#dbe9ff;animation:.22s cubic-bezier(.34,1.56,.64,1) copy-pop}@keyframes copy-pop{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}.node-composer .composer-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.node-composer .composer-textarea:focus{outline:none}.composer-controls{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.composer-controls .composer-controls-left{align-items:center;gap:var(--space-1);display:inline-flex}.composer-dropdown{display:inline-flex;position:relative}.composer-dropdown-trigger{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:var(--bg-hover);border:1px solid var(--border-subtle);white-space:nowrap;display:inline-flex}.composer-dropdown-trigger:hover:not(:disabled){color:var(--text-secondary);border-color:var(--border-default)}.composer-dropdown-trigger:disabled{opacity:.55;cursor:not-allowed}.composer-dropdown.open .composer-dropdown-trigger{border-color:var(--border-default)}.composer-dropdown-chevron{transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.composer-dropdown.open .composer-dropdown-chevron{transform:rotate(180deg)}.composer-dropdown-menu{margin-bottom:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:100;min-width:180px;max-height:240px;position:absolute;bottom:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.composer-dropdown-group{padding:var(--space-1) 0}.composer-dropdown-group:not(:first-child){border-top:1px solid var(--border-subtle)}.composer-dropdown-group-label{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.composer-dropdown-option{width:100%;color:var(--color-gray-800);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.composer-dropdown-option-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.model-vision-icon{color:var(--color-gray-400);flex-shrink:0}.composer-dropdown-label{align-items:center;gap:6px;display:flex}.composer-dropdown-option:hover{background:var(--bg-hover)}.composer-dropdown-option.selected{color:var(--accent)}.composer-dropdown.model-picker{flex-shrink:1;min-width:0}.composer-dropdown.model-picker .composer-dropdown-label{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.thinking-level-button{min-width:28px;height:24px;padding:0 var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:2px;display:inline-flex}.thinking-level-button:hover{color:var(--text-secondary);border-color:var(--border-default)}.style-picker-button{width:28px;height:24px;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.style-picker-button:hover{color:var(--text-secondary);border-color:var(--border-default)}.style-picker-button.learning{color:var(--accent);border-color:var(--accent-subtle);background:var(--accent-subtle)}.search-toggle-button{width:28px;height:24px;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.search-toggle-button:hover{color:var(--text-secondary);border-color:var(--border-default)}.search-toggle-button.enabled{color:var(--accent);border-color:var(--accent-subtle)}.composer-controls .composer-send-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.composer-controls .composer-send-btn:not(:disabled):hover{color:var(--accent);background:var(--accent-subtle)}.composer-controls .composer-send-btn:not(:disabled){color:var(--accent)}.composer-controls .composer-send-btn:disabled{cursor:not-allowed;opacity:.4}.app-shell{background:var(--bg-deep);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.canvas-container{cursor:grab;flex:1;position:relative;overflow:hidden}.canvas-container.is-panning{cursor:grabbing}body.canvas-selection-active,body.canvas-selection-active *{-webkit-user-select:none!important;user-select:none!important}.canvas-dots{pointer-events:none;background-image:radial-gradient(circle, var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-spacing) var(--dot-spacing);position:absolute;inset:0}.canvas-viewport{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-selection-box{pointer-events:none;z-index:5;opacity:1;background:#5a96ff24;border:1px solid #5a96ffd9;transition:opacity .22s cubic-bezier(.22,1,.36,1);position:absolute}.canvas-selection-box.is-fading{opacity:0}.graph-edges-layer{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.graph-edge-line{fill:none;stroke:color-mix(in srgb, var(--border-strong) 70%, var(--accent) 30%);stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:2 6;opacity:.75;animation:24s linear infinite edge-flow}.graph-edge-line-reference{stroke:color-mix(in srgb, #5a96ffbf 52%, var(--accent) 48%);opacity:.5;stroke-dasharray:2 7}.graph-edge-line-active{stroke:#5a96ffdb;stroke-width:1.4px;stroke-dasharray:3 7;animation:8s linear infinite edge-flow}.graph-edge-dot{fill:color-mix(in srgb, var(--border-strong) 70%, var(--accent) 30%)}.graph-edge-dot-active{fill:#5a96ffdb}.canvas-empty{text-align:center;pointer-events:none;opacity:.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-empty h2{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2);font-style:italic;font-weight:400}.canvas-empty p{font-size:var(--text-sm);color:var(--text-tertiary)}.loading-screen{justify-content:center;align-items:center;gap:var(--space-3);width:100%;height:100%;color:var(--text-tertiary);font-style:italic;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite pulse}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes edge-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-80px}}.confirm-overlay{z-index:2000;background:#08080a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-card{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(420px,100%);padding:18px;box-shadow:0 24px 60px -24px #000000a6}.confirm-card h3{font-size:var(--text-lg);color:var(--text-primary);margin:0}.confirm-card p{color:var(--text-tertiary);margin:8px 0 0;line-height:1.55}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.confirm-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:8px 12px}.confirm-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.confirm-btn-danger{color:#f6a1a1;border-color:#b1484899}.confirm-btn-danger:hover{background:#b148481f;border-color:#b14848f2}.reference-mode-overlay{pointer-events:none;z-index:1700;border:1px dashed #5a96ff73;border-radius:12px;animation:8s linear infinite edge-flow;position:fixed;inset:10px}.reference-mode-card{color:#9eb7e6;pointer-events:auto;background:#10121899;border:1px solid #5a96ff59;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.reference-mode-card button{color:#9eb7e6;cursor:pointer;background:0 0;border:1px solid #5a96ff4d;border-radius:8px;padding:4px 8px;font-size:12px}.reference-mode-card button:hover{background:#5a96ff29}.selection-context-menu{z-index:1800;transform-origin:0 0;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:172px;padding:var(--space-1);animation:.24s cubic-bezier(.18,.86,.24,1.22) forwards selection-menu-pop;position:absolute;transform:translate(8px,8px);box-shadow:0 18px 36px -22px #000c}.selection-context-menu-list{flex-direction:column;gap:2px;display:flex}.selection-context-menu-item{align-items:center;gap:var(--space-2);width:100%;color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;padding:6px 8px;font-size:12px;display:inline-flex}.selection-context-menu-item:hover{background:#d2b6931f}.selection-context-menu-item-danger{color:#f6a1a1}.thread-collapse-indicator{z-index:9;font-family:var(--font-mono);letter-spacing:3px;color:#d8c3a6eb;pointer-events:none;background:#d8c3a614;border:1px dashed #d8c3a659;border-radius:999px;padding:2px 10px 1px;font-size:14px;position:absolute;transform:translate(-50%,-50%)}.selection-context-menu button{appearance:none;border:none;width:100%}.selection-context-menu-icon{border-radius:var(--radius-sm)}.selection-context-menu button:hover{background:#d2b6931f}.canvas-context-menu{z-index:1800;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:140px;padding:var(--space-1);animation:.2s cubic-bezier(.18,.86,.24,1.22) forwards selection-menu-pop;position:absolute;transform:translate(8px,8px);box-shadow:0 18px 36px -12px #0009}.canvas-context-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.canvas-context-menu-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.canvas-context-menu-item:disabled{opacity:.5;cursor:not-allowed}.canvas-context-menu-item svg{color:var(--text-tertiary);flex-shrink:0}.canvas-context-menu-item:hover:not(:disabled) svg{color:var(--accent)}.app-settings-button{z-index:1900;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);width:34px;height:34px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:0 10px 24px -18px #000c}.app-settings-button:hover{color:var(--accent);border-color:var(--accent)}.settings-backdrop{z-index:2500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-fade-in .2s var(--ease-out);background:#1a171480;position:fixed;inset:0}.settings-panel{z-index:2501;background:var(--bg-surface);border-left:1px solid var(--border-default);width:400px;max-width:100%;height:100dvh;padding:var(--space-6);scrollbar-gutter:stable;gap:var(--space-6);animation:panel-slide-in .25s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.settings-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.settings-title{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:500}.settings-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-tertiary)}.settings-close-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-close-btn:hover{border-color:var(--border-default);color:var(--accent)}.settings-section{gap:var(--space-4);flex-direction:column;display:flex}.settings-section-title{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:500}.settings-fields{gap:var(--space-4);flex-direction:column;display:flex}.settings-field{gap:var(--space-2);flex-direction:column;display:flex;overflow:visible}.settings-label{font-size:var(--text-sm);color:var(--text-secondary)}.settings-label-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.settings-char-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.settings-input,.settings-select,.settings-textarea{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out)}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:var(--accent);outline:none}.settings-textarea{resize:vertical;min-height:120px;line-height:1.5}.settings-select-dropdown{width:100%}.settings-select-dropdown .composer-dropdown-trigger{width:100%;padding:var(--space-3);font-size:var(--text-sm);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);justify-content:space-between}.settings-select-dropdown .composer-dropdown-label{max-width:none}.settings-select-dropdown .composer-dropdown-menu{margin-top:var(--space-1);width:max-content;min-width:100%;max-width:calc(400px - var(--space-6) * 2);max-height:300px;margin-bottom:0;top:100%;bottom:auto}.settings-spacer{min-height:var(--space-4);flex:1}.settings-sign-out-button{width:100%;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);background:0 0}.settings-sign-out-button:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover)}.settings-toggle{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.settings-toggle input[type=checkbox]{appearance:none;background:var(--bg-elevated);border:1px solid var(--border-default);cursor:pointer;width:36px;height:20px;transition:all var(--duration-fast) var(--ease-out);border-radius:10px;position:relative}.settings-toggle input[type=checkbox]:after{content:"";background:var(--text-tertiary);width:14px;height:14px;transition:all var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.settings-toggle input[type=checkbox]:checked{background:var(--accent-muted);border-color:var(--accent)}.settings-toggle input[type=checkbox]:checked:after{background:var(--accent);left:18px}.settings-toggle-label{font-size:var(--text-sm);color:var(--text-secondary)}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes selection-menu-pop{0%{opacity:0;transform:translate(8px,8px)scale(.7)}to{opacity:1;transform:translate(8px,8px)scale(1)}}.reduce-motion,.reduce-motion :not(.canvas-dots){transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:has(.landing-page-new){overscroll-behavior-y:none;background-color:var(--bg-deep);height:auto;overflow:auto}.landing-page-new{background:var(--bg-deep);width:100%;min-height:100vh;position:relative;overflow:hidden auto}.landing-demo-canvas{z-index:0;pointer-events:none;background-image:radial-gradient(circle at center, var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-spacing) var(--dot-spacing);height:100vh;position:fixed;top:0;left:0;right:0;overflow:hidden}.landing-demo-viewport{pointer-events:none;width:4000px;height:4000px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-demo-edges{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.demo-edge-line{fill:none;stroke:color-mix(in srgb, var(--border-strong) 70%, var(--accent) 30%);stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:2 6;opacity:.75;animation:24s linear infinite edge-flow}.demo-edge-line-reference{stroke:color-mix(in srgb, #5a96ffbf 52%, var(--accent) 48%);opacity:.5;stroke-dasharray:2 7}.demo-edge-dot{fill:color-mix(in srgb, var(--border-strong) 70%, var(--accent) 30%)}.demo-node{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:320px;min-height:80px;padding:var(--space-4);pointer-events:none;transform-origin:50%;position:absolute}.demo-node-user .demo-node-indicator{color:var(--user-accent)}.demo-node-assistant .demo-node-indicator{color:var(--assistant-accent)}.demo-node-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.demo-node-indicator{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.demo-node-content{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}.demo-node-content p{white-space:pre-wrap;word-break:break-word;margin:0}.demo-reference-token{color:#c8dcff;font-family:var(--font-mono);background:#5a96ff24;border:1px solid #5a96ff73;border-radius:8px;margin:0 1px;padding:2px 7px;font-size:12px;line-height:1.4;display:inline}.landing-scroll-container{z-index:1;position:relative}.landing-hero{min-height:100vh;padding:var(--space-8);background:0 0;justify-content:center;align-items:center;display:flex}.landing-hero-card{align-items:center;gap:var(--space-6);text-align:center;padding:var(--space-12) var(--space-8);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#1a1714eb;flex-direction:column;max-width:480px;display:flex;box-shadow:0 24px 80px -20px #0009}.landing-hero-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.04em;margin:0;font-size:4rem;font-weight:500}.landing-hero-subtitle{font-family:var(--font-serif);color:var(--text-secondary);margin:0;font-size:1.35rem;font-weight:400;line-height:1.4}.landing-hero-cta{padding:var(--space-4) var(--space-8);font-family:var(--font-serif);font-size:var(--text-lg);color:var(--bg-deep);background:var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;font-weight:500}.landing-hero-cta:hover{background:var(--accent-hover);transform:translateY(-2px)}.landing-hero-scroll-hint{align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);flex-direction:column;display:flex}.landing-hero-scroll-arrow{animation:2s ease-in-out infinite scroll-hint-bounce}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.landing-features{padding:140px var(--space-8) 120px;background:var(--bg-deep);position:relative}.landing-features:before{content:"";background:linear-gradient(to bottom, transparent, var(--bg-deep));pointer-events:none;height:160px;position:absolute;top:-160px;left:0;right:0}.landing-features-inner{width:100%;max-width:1000px;margin:0 auto}.landing-features-headline{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.03em;text-align:center;margin:0 0 80px;font-size:2.75rem;font-weight:500;line-height:1.2}.landing-features-headline-accent{color:var(--accent)}.landing-features-blocks{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.landing-feature-block{gap:var(--space-4);flex-direction:column;display:flex}.landing-feature-visual{width:120px;height:80px;margin-bottom:var(--space-2)}.landing-feature-svg{width:100%;height:100%;color:var(--text-tertiary)}.landing-feature-block-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:500}.landing-feature-block-text{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.65}@media (width<=900px){.landing-features-blocks{grid-template-columns:1fr;gap:56px;max-width:400px;margin:0 auto}.landing-features-headline{font-size:2rem}}.landing-how-it-works{padding:120px var(--space-8);background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.landing-how-inner{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;max-width:1000px;margin:0 auto;display:grid}.landing-how-left{position:sticky;top:120px}.landing-how-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:var(--space-4);display:inline-block}.landing-how-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:2.5rem;font-weight:500;line-height:1.2}.landing-how-right{flex-direction:column;display:flex}.landing-how-step{gap:var(--space-5);padding-bottom:48px;display:flex}.landing-how-step-last{padding-bottom:0}.landing-how-step-marker{flex-direction:column;align-items:center;padding-top:6px;display:flex}.landing-how-step-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px}.landing-how-step-line{background:var(--border-default);flex:1;width:1px;margin-top:8px}.landing-how-step-content h3{font-family:var(--font-serif);color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.01em;font-size:1.25rem;font-weight:500}.landing-how-step-content p{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.65}@media (width<=900px){.landing-how-inner{grid-template-columns:1fr;gap:48px}.landing-how-left{text-align:center;position:static}.landing-how-title{font-size:2rem}}.landing-beta{padding:140px var(--space-8) var(--space-8);background:var(--bg-deep);border-top:1px solid var(--border-subtle);text-align:center}.landing-beta-inner{max-width:560px;margin:0 auto 100px}.landing-beta-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:var(--space-6);display:inline-block}.landing-beta-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.03em;margin:0 0 var(--space-6);font-size:2.5rem;font-weight:500;line-height:1.2}.landing-beta-text{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-8);max-width:420px;margin-left:auto;margin-right:auto;line-height:1.6}.landing-beta-cta{padding:var(--space-4) var(--space-8);font-family:var(--font-serif);font-size:var(--text-lg);color:var(--bg-deep);background:var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;font-weight:500}.landing-beta-cta:hover{background:var(--accent-hover);transform:translateY(-2px)}.landing-footer{max-width:1000px;padding:var(--space-6) 0;border-top:1px solid var(--border-subtle);margin:0 auto}.landing-footer-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;letter-spacing:.05em;margin:0}@media (width<=768px){.landing-hero-title{font-size:3rem}.landing-hero-subtitle{font-size:var(--text-lg)}.landing-hero-card{padding:var(--space-8) var(--space-6)}.landing-beta-title{font-size:2rem}}@media (width<=1200px){.landing-demo-viewport{transform:translate(-50%,-50%)scale(.85)}}@media (width<=900px){.landing-demo-viewport{transform:translate(-50%,-50%)scale(.7)}}@media (width<=600px){.landing-demo-viewport{transform:translate(-50%,-50%)scale(.5)}}