:root{--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-xl:20px;--leading-snug:1.4;--leading-normal:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-16:64px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-inset:inset 0 1px 2px #0000000f;--color-bg:#f5f5f7;--color-surface:#fff;--color-surface-subtle:#f0f0f2;--color-border:#0000001a;--color-border-strong:#0000002e;--color-border-dashed:#00000026;--color-text:#1a1a1e;--color-text-secondary:#6e6e80;--color-text-tertiary:#a0a0b0;--color-text-on-dark:#07080a;--color-accent:#6abf00;--color-accent-hover:#5aa800;--color-focus-ring:#6abf0033;--color-error-bg:#fff5f5;--color-error-border:#fecaca;--color-error-text:#b91c1c;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-success-text:#15803d;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#b45309;--color-badge-ai-bg:#f0f0f2;--color-badge-ai-text:#6e6e80;--color-badge-waiting-bg:#fffbeb;--color-badge-waiting-border:#fde68a;--color-badge-waiting-text:#b45309;--color-badge-agent-bg:#eff6ff;--color-badge-agent-border:#bfdbfe;--color-badge-agent-text:#1d4ed8;--color-badge-closed-bg:#f0f0f2;--color-badge-closed-text:#a0a0b0}@media (prefers-color-scheme:dark){:root{--color-bg:#0f0f11;--color-surface:#1c1c1f;--color-surface-subtle:#28282d;--color-border:#ffffff14;--color-border-strong:#ffffff2e;--color-border-dashed:#ffffff1f;--color-text:#e8e8ed;--color-text-secondary:#8e8ea0;--color-text-tertiary:#5a5a70;--color-text-on-dark:#07080a;--color-accent:#aeff4e;--color-accent-hover:#c5ff7a;--color-focus-ring:#aeff4e33;--color-error-bg:#b91c1c1f;--color-error-border:#b91c1c4d;--color-error-text:#fca5a5;--color-success-bg:#15803d1f;--color-success-border:#15803d4d;--color-success-text:#86efac;--color-warning-bg:#b453091f;--color-warning-border:#b453094d;--color-warning-text:#fcd34d;--color-badge-ai-bg:#ffffff0f;--color-badge-ai-text:#8e8ea0;--color-badge-waiting-bg:#b453091f;--color-badge-waiting-border:#b453094d;--color-badge-waiting-text:#fcd34d;--color-badge-agent-bg:#1d4ed826;--color-badge-agent-border:#1d4ed859;--color-badge-agent-text:#93c5fd;--color-badge-closed-bg:#ffffff0f;--color-badge-closed-text:#5a5a70;--shadow-xs:0 1px 2px #0003;--shadow-inset:inset 0 1px 2px #0003}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.topnav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.topnav__inner{max-width:1152px;padding:0 var(--space-4);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.topnav__left{align-items:center;gap:var(--space-6);display:flex}.topnav__brand{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.topnav__brand-accent{color:var(--color-accent)}.topnav__nav{gap:var(--space-1);display:flex}.topnav__link{padding:6px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background-color .12s,color .12s;display:inline-block}.topnav__link:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.topnav__link--active{background-color:var(--color-surface-subtle);color:var(--color-text);font-weight:var(--weight-medium)}.topnav__signout{font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:none;transition:color .12s}.topnav__signout:hover{color:var(--color-text-secondary)}.page-content{width:100%;max-width:1152px;padding:var(--space-8) var(--space-4);flex:1;margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:8px var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;transition:background-color .12s,color .12s,opacity .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background-color:var(--color-accent);color:var(--color-text-on-dark)}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn--secondary{color:var(--color-text-secondary);border:1px solid var(--color-border-strong);background-color:#0000}.btn--secondary:hover:not(:disabled){background-color:var(--color-surface-subtle);color:var(--color-text)}.btn--success{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.btn--success:hover:not(:disabled){opacity:.85}.btn--danger-text{color:var(--color-error-text);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .12s}.btn--danger-text:hover:not(:disabled){opacity:.75}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.input,.select,.textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-sans);box-shadow:var(--shadow-inset);appearance:none;outline:none;padding:10px 14px;transition:border-color .12s,box-shadow .12s}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-strong);box-shadow:var(--shadow-inset), 0 0 0 3px var(--color-focus-ring)}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236e6e80' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.select--inline{width:auto}.textarea{resize:vertical;line-height:var(--leading-normal)}.hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary)}.form{gap:var(--space-5);flex-direction:column;display:flex}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid}.alert--error{background-color:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.alert--success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.alert--warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);border:1px solid #0000;align-items:center;padding:2px 10px;display:inline-flex}.badge--ai{background-color:var(--color-badge-ai-bg);color:var(--color-badge-ai-text)}.badge--waiting{background-color:var(--color-badge-waiting-bg);border-color:var(--color-badge-waiting-border);color:var(--color-badge-waiting-text)}.badge--agent{background-color:var(--color-badge-agent-bg);border-color:var(--color-badge-agent-border);color:var(--color-badge-agent-text)}.badge--closed{background-color:var(--color-badge-closed-bg);color:var(--color-badge-closed-text)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.loading-text{font-size:var(--text-sm);color:var(--color-text-tertiary)}.empty-state{border:1px dashed var(--color-border-dashed);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-4);text-align:center}.empty-state p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.empty-state__cta{margin-top:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);text-underline-offset:2px;background:0 0;border:none;text-decoration:underline;display:inline-block}.login-shell{background-color:var(--color-bg);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:360px}.login-header{margin-bottom:var(--space-8);text-align:center}.login-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:-.01em;margin:0}.login-title-accent{color:var(--color-accent)}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.login-form{gap:var(--space-3);flex-direction:column;display:flex}.login-form .btn{width:100%}.login-error{font-size:var(--text-xs);color:var(--color-error-text)}.login-sent{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center}.login-sent__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-success-text);margin:0}.login-sent__body{font-size:var(--text-sm);color:var(--color-success-text);margin:var(--space-2) 0 0}.login-sent__retry{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-success-text);cursor:pointer;font-family:var(--font-sans);text-underline-offset:2px;background:0 0;border:none;text-decoration:underline;display:inline-block}.new-widget-form{gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.new-widget-form .input{flex:1}.widget-list{gap:var(--space-3);flex-direction:column;display:flex}.widget-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex}.widget-card__name{font-weight:var(--weight-medium);color:var(--color-text);transition:-webkit-text-decoration .12s,text-decoration .12s}.widget-card__name:hover{text-underline-offset:2px;text-decoration:underline}.widget-card__domain{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:2px 0 0}.widget-card__actions{align-items:center;gap:var(--space-4);display:flex}.widget-card__configure{font-size:var(--text-xs);color:var(--color-text-tertiary);transition:color .12s}.widget-card__configure:hover{color:var(--color-text-secondary)}.config-page{max-width:672px}.breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.breadcrumb__back{font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;font-family:var(--font-sans);background:0 0;border:none;padding:0;transition:color .12s}.breadcrumb__back:hover{color:var(--color-text-secondary)}.breadcrumb__sep{color:var(--color-border-strong);-webkit-user-select:none;user-select:none}.breadcrumb__current{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.config-divider{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.config-section-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.code-block{color:#e8e8ed;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;background-color:#1c1c1f;margin:0;overflow-x:auto}.conv-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.conv-row{padding:14px var(--space-5);border-top:1px solid var(--color-border);color:inherit;justify-content:space-between;align-items:center;text-decoration:none;transition:background-color .1s;display:flex}.conv-row:first-child{border-top:none}.conv-row:hover{background-color:var(--color-surface-subtle)}.conv-row__left{align-items:center;gap:var(--space-3);display:flex}.conv-row__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.conv-row__sub{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.conv-row__arrow{font-size:var(--text-xs);color:var(--color-text-tertiary)}.conv-footer{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:right}.detail-page{max-width:672px}.detail-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.detail-header__back{font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;margin-bottom:var(--space-2);font-family:var(--font-sans);background:0 0;border:none;padding:0;transition:color .12s;display:block}.detail-header__back:hover{color:var(--color-text-secondary)}.detail-header__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.detail-header__sub{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.detail-header__actions{gap:var(--space-2);margin-top:var(--space-1);flex-shrink:0;display:flex}.thread{background-color:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;min-height:192px;display:flex}.thread__empty{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-8) 0;margin:auto}.message{display:flex}.message--user,.message--assistant{justify-content:flex-start}.message--agent{justify-content:flex-end}.message--system{justify-content:center}.message__bubble{border-radius:var(--radius-lg);max-width:80%;padding:10px var(--space-4);font-size:var(--text-sm)}.message--user .message__bubble{background-color:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text)}.message--assistant .message__bubble{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.message--agent .message__bubble{background-color:var(--color-badge-agent-bg);border:1px solid var(--color-badge-agent-border);color:var(--color-badge-agent-text)}.message--system .message__bubble{color:var(--color-text-tertiary);font-size:var(--text-xs);background:0 0;border:none;padding:0;font-style:italic}.message__meta{font-size:var(--text-xs);opacity:.6;margin-bottom:var(--space-1);font-weight:var(--weight-medium)}.message__text{white-space:pre-wrap;margin:0}.thread-footer{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary)}