:root{--bg: #ebe0d3;--sidebar: #f5ede4;--border: rgba(88, 65, 46, .14);--text: #1f1e1b;--accent: #a24b1a;--shadow: 0 18px 48px rgba(29, 27, 24, .12);--canvas: rgba(248, 239, 230, .58);--surface-soft: rgba(162, 75, 26, .08);--surface-strong: rgba(162, 75, 26, .14);--muted-border: rgba(162, 75, 26, .16)}:root[data-theme=dark]{--bg: #15110f;--sidebar: #1d1714;--border: rgba(210, 170, 136, .12);--text: #bdb6ae;--accent: #96461b;--shadow: 0 18px 48px rgba(0, 0, 0, .34);--canvas: rgba(150, 70, 27, .05);--surface-soft: rgba(150, 70, 27, .07);--surface-strong: rgba(150, 70, 27, .11);--muted-border: rgba(150, 70, 27, .13)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .18s ease,color .18s ease}.app-shell{width:100%;min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px}.sidebar{min-width:0;min-height:calc(100vh - 48px)}.sidebar-inner{position:sticky;top:24px;min-height:calc(100vh - 48px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:28px 22px;background:var(--sidebar);border:1px solid var(--border);border-radius:32px;box-shadow:var(--shadow);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.sidebar-brand{appearance:none;display:flex;align-items:center;gap:16px;padding:6px 4px 10px;border:0;outline:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;box-shadow:none;-webkit-tap-highlight-color:transparent}.main-shell{min-width:0;display:flex;flex-direction:column}.logo-type{font-family:Georgia,Times New Roman,serif}.sidebar-nav{width:100%;display:grid;gap:10px;margin-top:4px}.canvas{width:100%;min-height:calc(100vh - 96px);border:1px solid rgba(43,37,30,.06);border-radius:32px;background:var(--canvas);padding:32px}.logo-mark{width:92px;height:auto;display:block;color:var(--accent)}.logo-type{margin:0;font-size:clamp(1.6rem,2.4vw,2rem);letter-spacing:-.04em}.nav-item{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid transparent;border-radius:18px;background:transparent;color:var(--text);font:inherit;font-weight:500;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.nav-item:hover{background:var(--surface-soft);border-color:var(--muted-border);transform:translate(2px)}.nav-item.is-active{background:var(--surface-strong);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.nav-icon.material-symbols-outlined{font-size:22px;color:var(--accent)}.theme-toggle{margin-top:auto;width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--muted-border);border-radius:18px;background:var(--surface-soft);color:var(--text);font:inherit;cursor:pointer}.agents-panel,.placeholder-panel,.auth-panel,.home-panel{display:flex;flex-direction:column;gap:24px}.hero-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:24px;padding:28px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at top left,rgba(162,75,26,.16),transparent 42%),color-mix(in srgb,var(--sidebar) 76%,transparent);box-shadow:var(--shadow)}.hero-copy,.hero-stats,.home-section,.feature-list,.workflow-list{display:grid;gap:16px}.hero-copy h1,.home-section h2,.feature-card h3,.stat-card strong{margin:0}.hero-summary,.hero-supporting,.hero-note,.feature-card p,.workflow-step p,.stat-card span{margin:0;line-height:1.6}.hero-summary{max-width:62ch;font-size:clamp(1rem,1.4vw,1.05rem)}.hero-supporting{font-size:1rem;font-weight:700;letter-spacing:.02em}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.hero-note{max-width:34ch;color:color-mix(in srgb,var(--text) 76%,transparent)}.hero-stats{align-content:start}.stat-card,.feature-card,.workflow-step{border:1px solid var(--muted-border);border-radius:20px;background:var(--surface-soft)}.stat-card{display:grid;gap:8px;padding:18px}.anonymous-agent-card{align-content:start}.anonymous-agent-card .secondary-action{width:100%}.try-agent-section{gap:18px}.try-agent-grid{display:grid;gap:16px}.try-agent-copy{width:100%}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-section{padding:24px}.section-heading{display:grid;gap:10px;margin-bottom:18px}.section-heading h2,.cta-card h2,.vision-section h2{margin:0}.home-copy-stack{display:grid;gap:12px}.home-copy-stack p,.cta-card p,.benefit-list li,.vision-lines span{margin:0;line-height:1.6}.feature-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card{padding:18px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.capability-card{display:grid;gap:10px;border:1px solid var(--muted-border);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar) 82%,transparent),transparent),var(--surface-soft)}.capability-lead{color:var(--accent);font-weight:700}.benefit-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.benefit-list li{position:relative;padding-left:24px}.benefit-list li:before{content:"";position:absolute;top:.72rem;left:0;width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}.workflow-step{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:18px}.workflow-number{min-width:42px;padding-top:1px;color:var(--accent);font-size:.9rem;font-weight:800;letter-spacing:.12em}.workflow-index{width:12px;height:12px;margin-top:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 16%,transparent)}.auth-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:start}.agents-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.agents-header h1,.placeholder-panel h1,.form-heading h2,.agent-card h2,.empty-state h2{margin:0}.agents-description,.placeholder-panel p,.form-heading p,.agent-url,.message-preview p,.empty-state p{margin:0;line-height:1.5}.agents-description{max-width:48ch}.agents-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}.agent-form,.agent-card,.empty-state{border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--sidebar) 72%,transparent);box-shadow:var(--shadow)}.agent-form{display:grid;gap:16px;padding:24px}.form-heading{display:grid;gap:6px}.field{display:grid;gap:8px;font-size:.95rem;font-weight:600}.field input{width:100%;min-width:0;border:1px solid var(--muted-border);border-radius:14px;background:#ffffff59;color:var(--text);font:inherit;padding:12px 14px}.field textarea{width:100%;min-height:120px;min-width:0;resize:vertical;border:1px solid var(--muted-border);border-radius:14px;background:#ffffff59;color:var(--text);font:inherit;padding:12px 14px}.field input::placeholder{color:color-mix(in srgb,var(--text) 55%,transparent)}.field textarea::placeholder{color:color-mix(in srgb,var(--text) 55%,transparent)}.primary-action,.secondary-action{border-radius:14px;font:inherit;font-weight:600;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.primary-action{border:1px solid transparent;background:var(--accent);color:#f7efe7;padding:13px 16px}.secondary-action{border:1px solid var(--muted-border);background:var(--surface-soft);color:var(--text);padding:10px 14px}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.theme-toggle:disabled,.nav-item:disabled,.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.65;transform:none}.agent-list{display:grid;gap:16px}.agent-card{display:grid;gap:18px;padding:22px}.agent-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.agent-key{margin:6px 0 0;font-size:.92rem;color:var(--accent);word-break:break-all}.agent-url{word-break:break-all}.message-preview{display:grid;gap:8px;padding:16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--muted-border)}.message-label{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.info-card,.session-card{display:grid;gap:10px;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--sidebar) 72%,transparent);box-shadow:var(--shadow);padding:22px}.vision-section{gap:18px}.vision-lines{display:flex;flex-wrap:wrap;gap:12px}.vision-lines span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--muted-border);font-weight:700}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at top right,rgba(162,75,26,.18),transparent 38%),color-mix(in srgb,var(--sidebar) 78%,transparent);box-shadow:var(--shadow)}.session-card{margin-top:auto}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:6px;width:100%;border-radius:18px;background:var(--surface-soft);border:1px solid var(--muted-border)}.segment{border:0;border-radius:12px;background:transparent;color:var(--text);font:inherit;font-weight:600;padding:10px 14px;cursor:pointer}.segment.is-active{background:var(--accent);color:#f7efe7}.status-message{margin:0;padding:12px 14px;border-radius:14px;border:1px solid var(--muted-border);background:var(--surface-soft)}.status-message.is-error{border-color:#a62f1847;background:#a62f181f}.pill{display:inline-flex;align-items:center;align-self:start;padding:8px 12px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--muted-border);font-size:.85rem;font-weight:600;max-width:100%;word-break:break-word}.empty-state{padding:32px;text-align:center;gap:12px;justify-items:center}.empty-state .material-symbols-outlined{font-size:42px;color:var(--accent)}@media(max-width:1200px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-template-columns:minmax(0,1fr)}.auth-grid,.agents-grid{grid-template-columns:1fr}}@media(max-width:920px){.app-shell{grid-template-columns:1fr;padding:16px;gap:16px}.sidebar{min-height:auto}.sidebar-inner{position:static;min-height:auto;padding:18px;border-radius:24px;gap:14px}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-item{justify-content:center;min-width:0;padding:12px 10px}.nav-item span:last-child{text-align:center;overflow-wrap:anywhere}.session-card,.theme-toggle{margin-top:0}.canvas{min-height:320px;border-radius:24px;padding:24px}.agents-header,.agent-card-header{flex-direction:column}.agents-grid,.auth-grid,.home-grid,.capability-grid,.cta-card{grid-template-columns:1fr}.cta-card{display:grid}.hero-actions{flex-direction:column;align-items:stretch}.primary-action,.secondary-action{width:100%}}@media(max-width:760px){.hero-card,.cta-card,.home-section,.agent-form,.agent-card,.info-card,.session-card,.empty-state{padding:20px}.home-grid,.feature-list,.capability-grid{gap:16px}.workflow-step{grid-template-columns:1fr}.workflow-number{min-width:0;padding-top:0}}@media(max-width:640px){.app-shell{padding:12px;gap:12px}.sidebar-inner,.canvas{padding:16px;border-radius:20px}.sidebar-brand{gap:12px;padding:0 0 6px}.logo-mark{width:68px}.logo-type{font-size:1.5rem}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item,.theme-toggle{justify-content:flex-start;width:100%}.hero-card{gap:18px}.hero-note,.agents-description{max-width:none}.agent-card-header{gap:12px}}@media(max-width:480px){.sidebar-nav{grid-template-columns:1fr}.logo-mark{width:56px}.logo-type{font-size:1.35rem}.canvas,.sidebar-inner{padding:14px;border-radius:18px}.hero-card,.cta-card,.home-section,.agent-form,.agent-card,.info-card,.session-card,.empty-state{padding:16px}.segment{padding:10px 12px}.workflow-step,.message-preview{padding:14px}}