.login-gate-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-primary, #FAF7FC);color:var(--text-primary, #2B2540);padding:24px;box-sizing:border-box;position:relative;overflow-x:hidden;font-family:var(--font-body, system-ui, sans-serif)}.login-gate-card{background-color:var(--bg-secondary, #FFFFFF);border:1px solid var(--border-subtle, #EDE7F3);border-radius:var(--radius-xl, 24px);box-shadow:var(--glass-shadow, 0 10px 25px -5px rgba(43, 37, 64, .08));padding:36px 32px;max-width:420px;width:100%;box-sizing:border-box;position:relative;z-index:1;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.login-gate-card-reset{max-width:440px}.login-gate-header{text-align:center;margin-bottom:24px}.login-gate-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:var(--accent-purple-light, rgba(121, 3, 188, .1));color:var(--accent-purple, #7903BC);margin-bottom:16px}.login-gate-title{font-family:var(--font-display, inherit);font-size:1.45rem;font-weight:700;color:var(--text-strong, #2B2540);margin:0 0 8px;letter-spacing:-.5px}.login-gate-subtitle{font-size:.9rem;color:var(--text-secondary, #6B6280);line-height:1.5;margin:0}.login-gate-alert-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-input, 12px);background-color:var(--error-tint, #FBE7EB);border:1px solid var(--error, #D63A52);color:var(--error-text, #B12238);font-size:.875rem;line-height:1.4;margin-bottom:20px}:root[data-theme=dark] .login-gate-alert-error{background-color:var(--accent-red-light, rgba(226, 91, 113, .15));border-color:var(--accent-red, #E25B71);color:var(--accent-red-dark, #FDA4AF)}.login-gate-alert-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-input, 12px);background-color:var(--warning-tint, #FBEFD9);border:1px solid var(--warning, #E5A23C);color:var(--warning-text, #8A5A12);font-size:.875rem;line-height:1.4;margin-bottom:20px}:root[data-theme=dark] .login-gate-alert-warning{background-color:var(--accent-amber-light, rgba(243, 179, 83, .15));border-color:var(--accent-amber, #F3B353);color:var(--accent-amber-dark, #FDE047)}.login-gate-retry-btn{flex-shrink:0;padding:4px 10px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s}.login-gate-retry-btn:hover{opacity:.8}.login-gate-form{margin:0}.login-gate-field{margin-bottom:16px}.login-gate-field:last-of-type{margin-bottom:20px}.login-gate-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-strong, #2B2540);margin-bottom:6px}.login-gate-input{width:100%;box-sizing:border-box;padding:11px 14px;border-radius:var(--radius-input, 12px);background-color:var(--surface, #FFFFFF);border:var(--input-border-width, 1.5px) solid var(--border-input, #E3DAEE);color:var(--text-strong, #2B2540);font-family:var(--font-body, inherit);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-gate-input:focus{border-color:var(--focus-border, var(--snappie-purple, #7903BC));box-shadow:var(--focus-ring, 0 0 0 3px rgba(121, 3, 188, .18))}.login-gate-input::placeholder{color:var(--text-muted, #9A8FB0)}.login-gate-btn-primary{width:100%;height:var(--control-height, 46px);padding:0 16px;background-color:var(--snappie-purple, var(--accent-purple, #7903BC));color:#fff;border:none;border-radius:var(--radius-input, 12px);font-family:var(--font-body, inherit);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none;outline:none}.login-gate-btn-primary:hover:not(:disabled){background-color:var(--purple-900, #5E0A93);box-shadow:0 4px 14px #7903bc40}:root[data-theme=dark] .login-gate-btn-primary{background-color:var(--accent-purple, #B79AD8);color:var(--dark-bg-deep, #161226)}:root[data-theme=dark] .login-gate-btn-primary:hover:not(:disabled){background-color:var(--text-strong, #EFE6F6);box-shadow:0 4px 14px #b79ad840}.login-gate-btn-primary:disabled{opacity:.7;cursor:not-allowed}.login-gate-btn-secondary{width:100%;height:var(--control-height, 46px);padding:0 16px;background-color:var(--surface, #FFFFFF);color:var(--snappie-purple, #7903BC);border:1.5px solid var(--border-input, #E3DAEE);border-radius:var(--radius-input, 12px);font-family:var(--font-body, inherit);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none;outline:none}.login-gate-btn-secondary:hover:not(:disabled){border-color:var(--accent-purple, #7903BC);background-color:var(--surface-tinted, #F3EAFB);color:var(--snappie-purple, #7903BC)}:root[data-theme=dark] .login-gate-btn-secondary{background-color:var(--surface, #23203A);color:var(--text-strong, #EFE6F6);border-color:var(--border-input, #3F385F)}:root[data-theme=dark] .login-gate-btn-secondary:hover:not(:disabled){border-color:var(--accent-purple, #B79AD8);background-color:var(--surface-tinted, #312650);color:var(--accent-purple, #B79AD8)}.login-gate-divider{display:flex;align-items:center;margin:20px 0;color:var(--text-muted, #9A8FB0);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.login-gate-divider-line{flex:1;height:1px;background-color:var(--border-subtle, #EDE7F3)}.login-gate-divider-text{padding:0 14px}.login-gate-empty-state{text-align:center;color:var(--text-secondary, #6B6280);font-size:.875rem;line-height:1.5;margin:0}.login-gate-loading-spinner{color:var(--accent-purple, #7903BC);margin-bottom:16px}.login-gate-loading-text{font-size:.95rem;color:var(--text-secondary, #6B6280);margin:0}.no-permissions-card{max-width:460px}.no-perms-badge{background-color:var(--error-tint, #FBE7EB);color:var(--error, #D63A52)}:root[data-theme=dark] .no-perms-badge{background-color:var(--accent-red-light, rgba(226, 91, 113, .18));color:var(--accent-red-dark, #FDA4AF)}.no-perms-user-box{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-input, 12px);background-color:var(--surface-tinted, #FAF7FC);border:1px solid var(--border-subtle, #EDE7F3);margin-bottom:16px}:root[data-theme=dark] .no-perms-user-box{background-color:var(--surface, #23203A);border-color:var(--border-input, #3F385F)}.no-perms-user-avatar{width:38px;height:38px;border-radius:50%;background:var(--gradient-brand, linear-gradient(135deg, #7903BC 0%, #B79AD8 100%));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.no-perms-user-info{display:flex;flex-direction:column;overflow:hidden}.no-perms-user-name{font-weight:600;font-size:.92rem;color:var(--text-strong, #2B2540);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-perms-user-email{font-size:.8rem;color:var(--text-muted, #9A8FB0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-perms-notice{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:var(--radius-input, 12px);background-color:var(--warning-tint, #FBEFD9);border:1px solid var(--warning, #E5A23C);color:var(--warning-text, #8A5A12);font-size:.85rem;line-height:1.45;margin-bottom:24px}:root[data-theme=dark] .no-perms-notice{background-color:var(--accent-amber-light, rgba(243, 179, 83, .15));border-color:var(--accent-amber, #F3B353);color:var(--accent-amber-dark, #FDE047)}.no-perms-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:400px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm, 8px);background:var(--bg-secondary, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000a;pointer-events:auto;animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1);min-width:280px}.toast--exiting{animation:toast-fade-out .3s ease forwards}.toast--success{border-left:3px solid var(--accent-green, #22c55e)}.toast--error{border-left:3px solid var(--accent-red, #ef4444)}.toast--warning{border-left:3px solid #eab308}.toast--info{border-left:3px solid var(--accent-cyan, #06b6d4)}.toast-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;color:#fff}.toast-icon--success{background:var(--accent-green, #22c55e)}.toast-icon--error{background:var(--accent-red, #ef4444)}.toast-icon--warning{background:#eab308}.toast-icon--info{background:var(--accent-cyan, #06b6d4)}.toast-message{flex:1;font-size:.84rem;font-weight:500;color:var(--text-primary, #0f172a);line-height:1.4}.toast-dismiss{background:none;border:none;color:var(--text-secondary, #64748b);cursor:pointer;font-size:.75rem;padding:4px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0;line-height:1}.toast-dismiss:hover{color:var(--text-primary, #0f172a);background:#0000000a}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-fade-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.confirm-dialog-box{background:var(--bg-secondary, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:var(--glass-shadow);max-width:440px;width:100%;padding:24px;position:relative;z-index:1000;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-subtle)}.confirm-dialog-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s}.confirm-dialog-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.confirm-dialog-content{display:flex;align-items:flex-start;gap:16px}.confirm-dialog-icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-dialog-icon-box.danger{background:var(--accent-red-light, #fef2f2);color:var(--accent-red, #dc2626)}.confirm-dialog-icon-box.warning{background:var(--accent-amber-light, #fef3c7);color:var(--accent-amber, #d97706)}.confirm-dialog-icon-box.info{background:var(--accent-cyan-light, #eff6ff);color:var(--accent-blue, #2563eb)}.confirm-dialog-text{flex:1}.confirm-dialog-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.confirm-dialog-message{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.confirm-dialog-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.confirm-dialog-btn{padding:8px 16px;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-family:var(--font-sans)}.confirm-dialog-btn.cancel{background:var(--bg-secondary, #ffffff);border-color:var(--border-subtle);color:var(--text-secondary)}.confirm-dialog-btn.cancel:hover{background:var(--bg-card-hover);color:var(--text-primary)}.confirm-dialog-btn.confirm-danger{background:var(--accent-red, #dc2626);color:#fff}.confirm-dialog-btn.confirm-danger:hover{background:var(--accent-red-dark, #b91c1c)}.confirm-dialog-btn.confirm-warning{background:var(--accent-amber, #d97706);color:#fff}.confirm-dialog-btn.confirm-warning:hover{background:var(--accent-amber-dark, #b45309)}.confirm-dialog-btn.confirm-info{background:var(--accent-blue, #2563eb);color:#fff}.confirm-dialog-btn.confirm-info:hover{background:#1d4ed8}.error-boundary-fallback{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:24px}.error-boundary-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;padding:40px 32px;background:var(--bg-secondary, #ffffff);border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 16px);box-shadow:0 4px 24px #0000000f}.error-boundary-icon{font-size:3rem;margin-bottom:16px;line-height:1}.error-boundary-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.error-boundary-message{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0 0 24px;word-break:break-word}.error-boundary-actions{display:flex;gap:12px}.error-boundary-btn{padding:10px 20px;border-radius:var(--radius-sm, 8px);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.error-boundary-btn--primary{background:var(--accent-purple, #8b5cf6);color:#fff;border-color:var(--accent-purple, #8b5cf6)}.error-boundary-btn--primary:hover{background:var(--accent-purple-dark, #7c3aed);border-color:var(--accent-purple-dark, #7c3aed);box-shadow:0 0 16px #8b5cf640}.error-boundary-btn--secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-subtle)}.error-boundary-btn--secondary:hover{color:var(--text-primary);border-color:#cbd5e1;background:#00000005}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.snappie-wordmark-container{display:inline-flex;flex-direction:column;align-items:flex-start;-webkit-user-select:none;user-select:none;text-decoration:none}.snappie-tagline{display:inline-flex;align-items:center;gap:8px;line-height:1;margin-bottom:2px}.snappie-tagline-brace{font-family:var(--font-wordmark, "Plus Jakarta Sans", sans-serif);font-weight:500;font-size:1.25em;line-height:1;color:var(--snappie-lavender, #8A6CB0)}.snappie-tagline-text{font-family:var(--font-body, "Inter", sans-serif);font-weight:var(--tagline-weight, 600);font-size:var(--tagline-size, 12px);letter-spacing:var(--tagline-tracking, 3px);text-transform:uppercase;color:var(--text-strong, #2B2540)}.snappie-tagline-sm .snappie-tagline-brace{font-size:14px}.snappie-tagline-sm .snappie-tagline-text{font-size:10px;letter-spacing:2px}.snappie-tagline-md .snappie-tagline-brace{font-size:18px}.snappie-tagline-md .snappie-tagline-text{font-size:12px;letter-spacing:2.5px}.snappie-tagline-lg .snappie-tagline-brace{font-size:26px}.snappie-tagline-lg .snappie-tagline-text{font-size:13px;letter-spacing:3px}.snappie-tagline-dark .snappie-tagline-brace{color:var(--dark-accent, #B79AD8)}.snappie-tagline-dark .snappie-tagline-text{color:var(--dark-tagline, #CFC4E0)}.snappie-tagline-mono .snappie-tagline-brace,.snappie-tagline-mono .snappie-tagline-text{color:var(--snappie-deep-plum, #2B2540)}.snappie-wordmark{display:inline-flex;align-items:baseline;font-family:var(--font-wordmark, "Plus Jakarta Sans", sans-serif);font-weight:var(--wordmark-weight, 700);letter-spacing:var(--wordmark-tracking, -2.5px);line-height:1}.snappie-wordmark-name{color:var(--snappie-purple, #7903BC);transition:color .2s ease}.snappie-wordmark-tld{color:var(--snappie-lavender, #8A6CB0);transition:color .2s ease}.snappie-wordmark-xs{font-size:18px;letter-spacing:-.6px}.snappie-wordmark-sm{font-size:22px;letter-spacing:-.9px}.snappie-wordmark-md{font-size:28px;letter-spacing:-1.2px}.snappie-wordmark-lg{font-size:44px;letter-spacing:-1.8px}.snappie-wordmark-xl{font-size:64px;letter-spacing:-2.5px}.snappie-wordmark-dark .snappie-wordmark-name{color:var(--dark-text-strong, #EFE6F6)}.snappie-wordmark-dark .snappie-wordmark-tld{color:var(--dark-accent, #B79AD8)}.snappie-wordmark-mono .snappie-wordmark-name,.snappie-wordmark-mono .snappie-wordmark-tld{color:var(--snappie-deep-plum, #2B2540)}.snappie-wordmark-interactive:hover .snappie-wordmark-name{filter:drop-shadow(0 0 12px rgba(121,3,188,.35))}.snappie-orb-container{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.snappie-orb-canvas{display:block;filter:drop-shadow(0 4px 20px rgba(121,3,188,.18));transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s ease}.snappie-orb-interactive .snappie-orb-canvas{cursor:pointer}.snappie-orb-interactive:hover .snappie-orb-canvas{transform:scale(1.05);filter:drop-shadow(0 6px 28px rgba(121,3,188,.35))}.snappie-orb-interactive:active .snappie-orb-canvas{transform:scale(.97)}.snappie-orb-status{margin-top:10px;font-family:var(--font-body, "Inter", sans-serif);font-size:12px;font-weight:500;color:var(--text-muted, #9A8FB0);display:flex;align-items:center;gap:6px}.snappie-orb-status-dot{width:6px;height:6px;border-radius:50%;background:var(--snappie-purple, #7903BC)}.snappie-orb-status-dot.active{animation:snappie-dotPulse 1.8s ease-in-out infinite}.snappie-mascot-container{display:inline-flex;align-items:flex-end;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.snappie-mascot-img{display:block;object-fit:contain;max-width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(43,37,64,.12))}.snappie-mascot-float{animation:snappie-floaty 4s ease-in-out infinite}.snappie-mascot-sm .snappie-mascot-img{width:80px}.snappie-mascot-md .snappie-mascot-img{width:140px}.snappie-mascot-lg .snappie-mascot-img{width:220px}.snappie-mascot-hero .snappie-mascot-img{width:320px}.snappie-account-tile-container{position:relative;width:100%}.snappie-account-tile{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-input, 12px);border:1px solid var(--border-input, #E3DAEE);background:var(--surface, #FFFFFF);cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;font-family:var(--font-body, sans-serif)}.snappie-account-tile:hover{background:var(--surface-subtle, #FAF7FC);border-color:var(--snappie-lavender, #8A6CB0);box-shadow:0 2px 8px var(--border-glow, rgba(121, 3, 188, .06))}.snappie-account-tile.active,.snappie-account-tile:focus-visible{background:var(--surface-tinted, #F3EAFB);border-color:var(--snappie-purple, #7903BC);box-shadow:var(--focus-ring, 0 0 0 3px rgba(121, 3, 188, .12))}.snappie-account-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--snappie-purple, #7903BC) 0%,var(--snappie-lavender, #8A6CB0) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;flex-shrink:0;box-shadow:0 2px 6px var(--border-glow, rgba(121, 3, 188, .2));overflow:hidden;-webkit-user-select:none;user-select:none}.snappie-account-avatar.large{width:38px;height:38px;font-size:.95rem}.snappie-account-avatar-img{width:100%;height:100%;object-fit:cover}.snappie-account-info{display:flex;flex-direction:column;min-width:0;flex:1}.snappie-account-name{font-size:.84rem;font-weight:600;color:var(--text-strong, #2B2540);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}.snappie-account-sub{font-size:.72rem;color:var(--text-muted, #9A8FB0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;margin-top:1px}.snappie-account-toggle-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9A8FB0);flex-shrink:0;transition:transform .2s ease,color .2s ease}.snappie-account-tile:hover .snappie-account-toggle-icon,.snappie-account-tile.active .snappie-account-toggle-icon{color:var(--snappie-purple, #7903BC)}.snappie-account-popover{position:absolute;bottom:calc(100% + 8px);left:0;right:0;min-width:250px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #EDE7F3);border-radius:var(--radius-input, 14px);box-shadow:0 12px 32px -4px #2b25402e,0 4px 12px #0000000d;padding:8px;z-index:1000;display:flex;flex-direction:column;gap:3px;animation:snappieAccountPopoverIn .16s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}@keyframes snappieAccountPopoverIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.snappie-account-popover-header{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--surface-subtle, #FAF7FC)}.snappie-account-header-info{display:flex;flex-direction:column;min-width:0;flex:1}.snappie-account-header-name{font-size:.86rem;font-weight:600;color:var(--text-strong, #2B2540);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snappie-account-header-email{font-size:.74rem;color:var(--text-muted, #9A8FB0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.snappie-account-divider{height:1px;background:var(--border, #EDE7F3);margin:4px 2px}.snappie-account-menu-group{display:flex;flex-direction:column;gap:2px}.snappie-account-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:var(--text-body, #5A5170);font-size:.83rem;font-weight:500;font-family:var(--font-body, sans-serif);cursor:pointer;text-align:left;text-decoration:none;transition:all .15s ease;width:100%;box-sizing:border-box}.snappie-account-menu-item:hover{background:var(--surface-subtle, #FAF7FC);color:var(--text-strong, #2B2540)}.snappie-account-menu-icon{flex-shrink:0;transition:transform .15s ease}.snappie-account-menu-item:hover .snappie-account-menu-icon{transform:scale(1.08)}.snappie-account-menu-icon.purple{color:var(--snappie-purple, #7903BC)}.snappie-account-menu-icon.lavender{color:var(--snappie-lavender, #8A6CB0)}.snappie-account-menu-icon.info{color:var(--info-text, #5A4A78)}.snappie-account-menu-icon.muted{color:var(--text-muted, #9A8FB0)}.snappie-account-menu-icon.danger{color:var(--error-text, #B12238)}.snappie-account-menu-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snappie-account-menu-ext{margin-left:auto;color:var(--text-muted, #9A8FB0);opacity:.5;flex-shrink:0}.snappie-account-menu-item:hover .snappie-account-menu-ext{opacity:.9;color:var(--snappie-purple, #7903BC)}.snappie-account-menu-item.logout-item{color:var(--error-text, #B12238)}.snappie-account-menu-item.logout-item:hover{background:var(--error-tint, #FBE7EB);color:var(--error-text, #B12238)}.sidebar{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow:hidden;z-index:50;width:var(--sidebar-w);transition:width .3s cubic-bezier(.16,1,.3,1),opacity .25s ease,border-color .3s ease}.sidebar-top{display:flex;flex-direction:column;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:22px 16px 14px}.new-chat-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-subtle);color:var(--snappie-purple);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:all .2s ease;outline:none}.new-chat-btn:hover{border-color:var(--snappie-purple);background:var(--surface-tinted);box-shadow:0 2px 8px var(--border-glow);transform:translateY(-1px)}.sidebar-search-wrap{display:flex;align-items:center;gap:8px;padding:2px 16px 18px;box-sizing:border-box;width:100%}.sidebar-search-box{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:var(--surface-subtle);border:1px solid var(--border-soft);border-radius:10px;padding:0 10px;height:36px;box-sizing:border-box;transition:all .2s ease}.sidebar-search-box:focus-within{border-color:var(--snappie-purple);background:var(--surface);box-shadow:0 0 0 3px var(--border-glow, rgba(121, 3, 188, .08))}.sidebar-search-icon{color:var(--text-muted);flex-shrink:0}.sidebar-search-input{flex:1;min-width:0;width:100%;background:transparent;border:none;outline:none;font-size:.84rem;font-family:var(--font-body);color:var(--text-strong)}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-clear{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:all .15s ease}.sidebar-search-clear:hover{color:var(--text-strong);background:var(--surface-muted)}.sidebar-empty-clear-btn{margin-top:10px;background:var(--surface-tinted);border:1px solid var(--border-soft);color:var(--snappie-purple);padding:5px 12px;border-radius:var(--radius-sm, 8px);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease}.sidebar-empty-clear-btn:hover{background:var(--purple-100);border-color:var(--snappie-purple)}.sidebar-conversations{flex:1;overflow-y:auto;padding:12px 10px 16px;display:flex;flex-direction:column;gap:3px}.sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center;color:var(--text-muted);font-size:13px;font-family:var(--font-body)}.conv-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:.88rem;color:var(--text-body);transition:all .18s ease;border:1px solid transparent;font-weight:500;position:relative}.conv-item:hover{background:var(--surface-subtle);color:var(--text-strong)}.conv-item.active{background:var(--surface-tinted);color:var(--text-strong);font-weight:600}.conv-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.conv-item-status.running{background:var(--snappie-purple);animation:snappie-dotPulse 1.8s ease-in-out infinite}.conv-item-status.completed{background:var(--success)}.conv-item-status.failed{background:var(--error)}.conv-item-menu-container{position:relative;display:none;align-items:center;justify-content:center;flex-shrink:0}.conv-item:hover .conv-item-menu-container,.conv-item.active .conv-item-menu-container,.conv-item-menu-container.open{display:flex}.conv-item-menu-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.conv-item-menu-btn:hover{color:var(--snappie-purple);background:var(--surface)}.conv-item-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-input);box-shadow:0 10px 25px -4px #2b25401f;z-index:100;min-width:140px;padding:4px;display:flex;flex-direction:column;animation:scaleIn .15s ease-out}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-body);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.dropdown-item:hover{background:var(--surface-subtle);color:var(--text-strong)}.dropdown-item.delete-item{color:var(--error-text)}.dropdown-item.delete-item:hover{background:var(--error-tint)}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface);position:relative;z-index:60}.sidebar-instant-tooltip{background:var(--surface);border:1px solid var(--border-soft);color:var(--text-strong);padding:8px 14px;border-radius:var(--radius-input);font-size:.84rem;font-weight:500;line-height:1.4;white-space:normal;max-width:240px;box-shadow:0 10px 25px -4px #2b25401f;animation:tooltipFadeIn .12s ease-out;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(8px,-50%) scale(.96)}to{opacity:1;transform:translate(12px,-50%) scale(1)}}.msg-row{display:flex;padding:4px 24px;max-width:860px;margin:0 auto;width:100%}[data-msg-idx].msg-new .msg-row{animation:msgIn .3s ease}.msg-row+.msg-row{margin-top:4px}.msg-row.msg-user{justify-content:flex-end;margin-top:24px}.msg-user>div{width:100%;display:flex;flex-direction:column;align-items:flex-end}.msg-user .msg-bubble{background:var(--user-bubble-bg, var(--surface-muted));color:var(--text-strong);border:1px solid var(--user-bubble-border, var(--border-soft));border-radius:var(--radius-lg, 20px) var(--radius-lg, 20px) 4px var(--radius-lg, 20px);width:fit-content;max-width:75%;margin-left:auto;padding:14px 18px;font-size:.92rem;line-height:1.6;box-shadow:var(--user-bubble-shadow, 0 2px 8px rgba(43, 37, 64, .04));white-space:pre-wrap;word-break:break-word}.msg-user .msg-label{text-align:right;font-size:.7rem;color:var(--text-muted);margin-bottom:4px;padding-right:4px}.msg-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.msg-file-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:.72rem;background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary);margin-right:6px}.msg-user .msg-file-chip{background:var(--surface, rgba(255, 255, 255, .08));border:1px solid var(--user-bubble-border, var(--border-soft));color:var(--text-strong)}.msg-system{justify-content:flex-start}.msg-system .msg-bubble{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);width:100%;padding:16px 20px;font-size:.9rem;line-height:1.7;box-shadow:0 1px 3px #00000005}.thinking-bubble{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:85%;padding:0;overflow:hidden;box-shadow:0 1px 3px #00000005}.thinking-header{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:.82rem;color:var(--accent-purple-dark);font-weight:600;-webkit-user-select:none;user-select:none;transition:background .2s}.thinking-header:hover{background:var(--accent-purple-light)}.thinking-header .thinking-icon{font-size:.95rem;flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.thinking-header .thinking-arrow{transition:transform .2s;font-size:.6rem;opacity:.4;display:inline-flex;align-items:center}.thinking-header.open .thinking-arrow{transform:rotate(90deg)}.thinking-status{flex:1;font-size:.78rem;color:var(--text-secondary);font-weight:500;letter-spacing:.01em;margin-left:6px}.thinking-body{max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--bg-primary);border-top:1px solid var(--border-subtle)}.thinking-body.open{max-height:400px;overflow-y:auto}.thinking-body-inner{padding:12px 16px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.thinking-dots{display:inline-flex;gap:3px;margin-left:6px}.thinking-dots span{width:4px;height:4px;border-radius:50%;background:var(--accent-purple);animation:dotBounce .6s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}.thinking-bubble--reflection{border-color:#fbbf2433;background:#fbbf240a}.thinking-header--reflection{color:var(--accent-amber);display:flex;align-items:center}.thinking-header--reflection .icon-spin{color:var(--accent-amber);margin-right:8px}.pipeline-status-card{position:relative;display:flex;flex-direction:column;width:100%;max-width:85%;margin-top:20px;margin-bottom:8px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:0 4px 16px -1px #00000005,0 2px 4px -1px #00000003;transition:all .4s ease;overflow:hidden}.pipeline-status-card--done,.pipeline-status-card--failed{background:var(--bg-secondary)}.pipeline-status-card-inner{display:flex;align-items:flex-start;gap:14px;width:100%}.pipeline-status-icon-container{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:var(--radius-md);transition:all .3s ease;background:var(--bg-primary);border:1px solid var(--border-subtle)}.pipeline-status-icon-container.active{background:#8b5cf614;color:var(--accent-purple);box-shadow:0 0 8px #8b5cf60d;border-color:transparent}.pipeline-status-icon-container.done{background:var(--accent-green-light);color:var(--accent-green-dark);border-color:var(--accent-green)}.pipeline-status-icon-container.failed{background:var(--accent-red-light);color:var(--accent-red-dark);border-color:var(--accent-red)}.pipeline-status-icon-container:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-md);padding:1px;background:linear-gradient(90deg,var(--border-subtle),var(--accent-purple),var(--border-subtle));background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .3s ease}.pipeline-status-icon-container.active:after{opacity:1;animation:borderShimmer 1.8s linear infinite}@keyframes borderShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pipeline-status-icon-svg{transition:transform .3s ease}.pipeline-status-icon-svg.pulse-glow{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1;filter:drop-shadow(0 0 0px rgba(139,92,246,0))}50%{transform:scale(1.08);opacity:.85;filter:drop-shadow(0 0 4px rgba(139,92,246,.35))}}.pipeline-status-content{flex:1;min-width:0}.pipeline-status-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.pipeline-status-title{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-status-sub{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin:0}.pipeline-status-monitor-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:500;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-decoration:none;background:var(--bg-primary);transition:all .2s ease;white-space:nowrap}.pipeline-status-monitor-btn:hover{color:var(--accent-purple-dark);border-color:#8b5cf640;background:var(--accent-purple-light);transform:translateY(-.5px);box-shadow:0 2px 5px #8b5cf60d}.pipeline-status-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0f172a08;overflow:hidden;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.pipeline-status-progress-fill{height:100%;width:0%;transition:width .6s cubic-bezier(.4,0,.2,1),background-color .3s}.pipeline-status-progress-fill.active{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple))}.pipeline-status-progress-fill.done{background:var(--accent-green)}.pipeline-status-progress-fill.failed{background:var(--accent-red)}.agents-container{display:flex;flex-direction:column;gap:6px;margin-top:8px}.agent-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:all .4s ease;cursor:pointer;overflow:hidden;box-shadow:0 1px 3px #00000005}.agent-card:hover{background:var(--bg-card-hover);border-color:var(--border-subtle)}.agent-card.running{border-color:var(--accent-cyan);background:var(--accent-cyan-light)}.agent-card.completed{border-color:var(--accent-green);background:var(--accent-green-light)}.agent-card.failed{border-color:var(--accent-red);background:var(--accent-red-light)}.agent-card-wrapper{display:contents}.agent-ring{width:28px;height:28px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.agent-ring svg{width:28px;height:28px;transform:rotate(-90deg)}.agent-ring .ring-bg{fill:none;stroke:#e2e8f0;stroke-width:2.5}.agent-ring .ring-progress{fill:none;stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .6s ease,stroke .3s}.agent-card.pending .ring-progress{stroke:var(--accent-amber);stroke-dasharray:75.4;stroke-dashoffset:75.4}.agent-card.running .ring-progress{stroke:var(--accent-cyan);stroke-dasharray:75.4;animation:ringFill 3s ease-in-out infinite}.agent-card.completed .ring-progress{stroke:var(--accent-green);stroke-dasharray:75.4;stroke-dashoffset:0}.agent-card.failed .ring-progress{stroke:var(--accent-red);stroke-dasharray:75.4;stroke-dashoffset:0}@keyframes ringFill{0%{stroke-dashoffset:75.4}50%{stroke-dashoffset:18}to{stroke-dashoffset:75.4}}.agent-ring-icon{position:absolute;font-size:.6rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.agent-card.completed .agent-ring-icon{color:var(--accent-green-dark)}.agent-card.failed .agent-ring-icon{color:var(--accent-red-dark)}.agent-card.running .agent-ring-icon{color:var(--accent-cyan-dark);animation:pulse 1.5s ease-in-out infinite}.agent-card.pending .agent-ring-icon{color:var(--text-muted);opacity:.5}.agent-info{flex:1;min-width:0}.agent-info-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.agent-card-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-model{font-size:.62rem;font-family:var(--font-mono);color:var(--accent-cyan-dark);background:var(--accent-cyan-light);padding:1px 5px;border-radius:3px;white-space:nowrap;opacity:.8;border:1px solid rgba(6,182,212,.15)}.agent-activity{font-size:.72rem;color:var(--text-secondary);line-height:1.4;display:flex;align-items:center;gap:5px}.agent-activity .activity-dots{display:inline-flex;gap:2px}.agent-activity .activity-dots span{width:3px;height:3px;border-radius:50%;background:var(--accent-cyan-dark);animation:dotBounce .6s ease-in-out infinite}.agent-activity .activity-dots span:nth-child(2){animation-delay:.15s}.agent-activity .activity-dots span:nth-child(3){animation-delay:.3s}.agent-preview{font-size:.7rem;font-family:var(--font-mono);color:var(--text-secondary);opacity:.8;margin-top:3px;max-height:2.6em;overflow:hidden;line-height:1.3;word-break:break-all;position:relative}.agent-preview:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:1.3em;background:linear-gradient(90deg,transparent,var(--bg-secondary))}.agent-card:hover .agent-preview:after{background:linear-gradient(90deg,transparent,var(--bg-card-hover))}.agent-card.running .agent-preview:after{background:linear-gradient(90deg,transparent,rgba(6,182,212,.03))}.agent-preview .preview-cursor{display:inline-block;width:5px;height:10px;background:var(--accent-cyan);margin-left:1px;animation:blink .8s step-end infinite;vertical-align:middle}.agent-tokens{font-size:.6rem;font-family:var(--font-mono);color:var(--text-muted);opacity:.8;margin-top:2px}.agent-detail-panel{display:none;margin-top:6px;padding:10px 12px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.agent-detail-panel.open{display:block;animation:msgIn .2s ease}.agent-detail-role{font-size:.74rem;color:var(--text-secondary);margin-bottom:6px}.agent-detail-output{font-size:.78rem;color:var(--text-secondary);line-height:1.6;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;padding:8px;background:var(--bg-secondary);border-radius:6px;margin-top:6px;border:1px solid var(--border-subtle)}.result-bubble{position:relative;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);width:100%;padding:20px 48px 20px 24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.result-actions-bar{position:absolute;top:12px;right:14px;display:flex;align-items:center;gap:4px;z-index:2}.result-provenance{display:inline-flex;align-items:center;gap:5px;order:-1;max-width:190px;padding:3px 9px;border-radius:var(--radius-pill, 999px);background:var(--surface-tinted);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.result-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.result-sources-container{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}.result-sources-group{display:flex;flex-direction:column;gap:6px}.result-sources-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.result-sources-label.kb{color:var(--accent-purple, #8b5cf6)}.result-sources-label.web{color:var(--snappie-blue, #3b82f6)}.result-source-group-icon.kb{color:var(--accent-purple, #8b5cf6)}.result-source-group-icon.web{color:var(--snappie-blue, #3b82f6)}.result-sources-list{display:flex;flex-wrap:wrap;gap:6px}.result-source-chip,a.result-source-chip,.result-content a.result-source-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill, 999px);background:var(--surface-tinted, rgba(255, 255, 255, .05));border:1px solid var(--border-subtle);color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.3;text-decoration:none!important;cursor:pointer;transition:all .15s ease;max-width:340px}.result-source-chip:hover,a.result-source-chip:hover,.result-content a.result-source-chip:hover{background:var(--surface-hover, rgba(255, 255, 255, .1));border-color:var(--border-focus, var(--accent-purple));color:var(--text-primary);transform:translateY(-1px);text-decoration:underline!important;text-underline-offset:2px}.result-source-chip.kb{border-color:#8b5cf640;background:#8b5cf60f}.result-source-chip.kb:hover{border-color:var(--accent-purple, #8b5cf6);background:#8b5cf61f}.result-source-chip.web{border-color:#3b82f640;background:#3b82f60f}.result-source-chip.web:hover{border-color:var(--snappie-blue, #3b82f6);background:#3b82f61f}.result-source-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-source-chip-icon{flex-shrink:0}.result-source-chip.kb .result-source-chip-icon{color:var(--accent-purple, #8b5cf6)}.result-source-chip.web .result-source-chip-icon{color:var(--snappie-blue, #3b82f6)}.result-pipeline-link{position:absolute;top:12px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text-muted);background:transparent;transition:all .2s ease;border:1px solid transparent;cursor:pointer;padding:0;text-decoration:none}.result-actions-bar .result-pipeline-link,.result-actions-bar .result-action-btn{position:static}.result-action-btn:hover,.result-pipeline-link:hover{color:var(--accent-purple);background:var(--accent-purple-light, rgba(121, 3, 188, .08));border-color:#8b5cf626;transform:translateY(-.5px);box-shadow:0 2px 5px #8b5cf60d}.result-action-btn--active{color:var(--snappie-green, #10B981)!important}.subtle-status-indicator{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.78rem;opacity:.8}.subtle-status-indicator.has-content{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.06)}.subtle-status-indicator.no-content{border-top:none;margin-top:0;padding-top:0}.status-cancel-btn{margin-left:auto;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--accent-red-dark);font-size:.72rem;font-weight:500;padding:2px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.status-cancel-btn:hover{background:#ef444426;border-color:var(--accent-red);color:var(--accent-red-dark);transform:translateY(-.5px)}.status-indicator-spinner{color:var(--accent-purple);animation:subtleSpin 2s linear infinite;flex-shrink:0}.status-indicator-text{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.4}.status-title-animated{font-weight:500;color:var(--text-secondary);animation:subtleTextPulse 2s infinite ease-in-out}.status-sub-animated{color:var(--text-muted);animation:subtleTextPulse 2s infinite ease-in-out;animation-delay:.5s}@keyframes subtleTextPulse{0%,to{opacity:.65}50%{opacity:1}}@keyframes subtleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-bubble .streaming-cursor:after{content:"▊";animation:blink .8s step-end infinite;color:var(--accent-purple);font-weight:300}.result-content{font-size:.9rem;line-height:1.8;color:var(--text-secondary)}.result-content h1,.result-content h2,.result-content h3{color:var(--text-primary);margin:16px 0 8px;font-weight:700}.result-content h1{font-size:1.3rem}.result-content h2{font-size:1.1rem}.result-content h3{font-size:1rem}.result-content p{margin:8px 0}.result-content strong{color:var(--text-primary);font-weight:600}.result-content ul,.result-content ol{padding-left:20px;margin:8px 0}.result-content li{margin:4px 0}.result-content code{font-family:var(--font-mono);font-size:.85em;background:var(--accent-purple-light);padding:2px 6px;border-radius:4px;color:var(--accent-purple-dark)}.result-content pre{margin:12px 0;border-radius:0;overflow-x:auto;border:none}.result-content pre code{display:block;padding:0;background:transparent;color:var(--text-primary);font-size:.82rem;line-height:1.5}.result-content blockquote{border-left:3px solid var(--accent-purple);padding:8px 14px;margin:8px 0;color:var(--text-secondary);background:var(--accent-purple-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.result-content table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.85rem}.result-content th,.result-content td{padding:8px 12px;border:1px solid var(--border-subtle);text-align:left}.result-content th{background:var(--accent-purple-light);color:var(--accent-purple-dark);font-weight:600}.result-content a{color:var(--snappie-purple);text-decoration:none;font-weight:600;transition:color .15s ease}.result-content a:hover{color:var(--purple-900);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.result-content hr{border:none;border-top:1px solid var(--border-subtle);margin:16px 0}.cache-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:6px;background:var(--accent-green-light);color:var(--accent-green-dark);border:1px solid rgba(34,197,94,.15);font-size:.7rem;font-weight:500;margin-left:6px}.draft-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:6px;background:var(--accent-purple-light);color:var(--accent-purple-dark);border:1px solid rgba(139,92,246,.15);font-size:.7rem;font-weight:500;margin-left:6px}.agent-fallback{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--accent-amber-light);color:var(--accent-amber-dark);font-size:.65rem;margin-left:6px;border:1px solid rgba(234,179,8,.15)}.agent-stream-cursor{display:inline-block;width:6px;height:12px;background:var(--accent-purple);margin-left:2px;animation:blink .9s steps(1) infinite}.eval-bubble{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:85%;padding:14px 16px;box-shadow:0 1px 3px #00000005}.eval-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.eval-score{font-size:1.4rem;font-weight:800;font-family:var(--font-mono)}.eval-score.good{color:var(--accent-green-dark)}.eval-score.mid{color:var(--accent-amber-dark)}.eval-score.bad{color:var(--accent-red-dark)}.eval-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.eval-badge.pass{background:var(--accent-green-light);color:var(--accent-green-dark);border:1px solid rgba(34,197,94,.15)}.eval-badge.fail{background:var(--accent-red-light);color:var(--accent-red-dark);border:1px solid rgba(239,68,68,.15)}.eval-summary{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.eval-dims{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.eval-dim{display:flex;align-items:center;gap:6px;font-size:.72rem}.eval-dim-label{color:var(--text-secondary);width:80px;flex-shrink:0;text-transform:capitalize}.eval-dim-bar{flex:1;height:5px;background:var(--border-subtle);border-radius:3px;overflow:hidden}.eval-dim-fill{height:100%;border-radius:3px;transition:width .5s ease}.eval-dim-val{font-family:var(--font-mono);color:var(--text-secondary);width:28px;text-align:right;flex-shrink:0}.eval-gaps{margin-top:8px;padding:8px 10px;background:var(--accent-red-light);border-radius:var(--radius-sm);border:1px solid var(--accent-red)}.eval-gaps-title{font-size:.72rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.eval-gap-item{font-size:.78rem;color:var(--text-secondary);padding:3px 0;display:flex;gap:6px;align-items:flex-start}.eval-gap-priority{font-size:.62rem;font-weight:700;padding:1px 5px;border-radius:3px;flex-shrink:0;letter-spacing:.04em}.eval-gap-priority.high{background:var(--accent-red-light);color:var(--accent-red-dark)}.eval-gap-priority.medium{background:var(--accent-amber-light);color:var(--accent-amber-dark)}.eval-gap-priority.low{background:var(--accent-green-light);color:var(--accent-green-dark)}.error-bubble{background:var(--accent-red-light);border:1px solid var(--accent-red);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);max-width:85%;padding:14px 18px;color:var(--accent-red-dark);font-size:.88rem;display:flex;align-items:center;gap:8px}.error-icon{color:var(--accent-red);flex-shrink:0}.thinking-monitor-link{font-size:.72rem;color:var(--accent-cyan-dark);text-decoration:none;background:var(--accent-cyan-light);border:1px solid rgba(6,182,212,.15);padding:2px 8px;border-radius:4px;margin-left:auto;margin-right:8px;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.thinking-monitor-link:hover{background:#06b6d41a;border-color:var(--accent-cyan);box-shadow:0 0 8px #06b6d426;transform:translateY(-.5px)}.pipeline-header-actions{display:flex;justify-content:flex-end;margin-bottom:10px;width:100%}.pipeline-monitor-link{font-size:.78rem;font-weight:500;color:var(--accent-purple-dark);text-decoration:none;background:var(--accent-purple-light);border:1px solid rgba(139,92,246,.15);padding:4px 12px;border-radius:var(--radius-sm);transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.pipeline-monitor-link:hover{background:#8b5cf61a;border-color:var(--accent-purple);box-shadow:0 0 12px #8b5cf626;transform:translateY(-1px)}.monitor-link-icon{margin-right:4px}.msg-time{font-size:.68rem;color:var(--text-muted);margin-top:4px;opacity:.85;width:100%}.msg-user .msg-time{text-align:right;padding-right:4px}.msg-system .msg-time{text-align:left;padding-left:14px}.doc-preview-panel{display:flex;flex-direction:column;width:1000px;min-width:450px;max-width:65%;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);box-shadow:-4px 0 24px #00000005;z-index:10;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}.doc-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);height:60px;flex-shrink:0}.doc-preview-title-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.doc-preview-icon{color:var(--accent-purple);flex-shrink:0}.doc-preview-title{font-size:.92rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-preview-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.doc-preview-close-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.doc-preview-body{flex:1;overflow-y:auto;background:var(--bg-primary);padding:24px}.doc-preview-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 36px;box-shadow:0 4px 12px #00000003;min-height:100%}.doc-preview-loading,.doc-preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--text-secondary);font-size:.85rem}.doc-preview-spinner{animation:subtleSpin 2s linear infinite;color:var(--accent-purple)}.markdown-body a[href*="doc="]{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:3px 9px!important;margin:3px 4px 3px 0!important;border-radius:var(--radius-sm, 6px)!important;background:var(--surface-tinted)!important;border:1px solid var(--border-soft)!important;color:var(--snappie-purple)!important;font-size:.82rem!important;font-weight:600!important;text-decoration:none!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important;cursor:pointer!important;vertical-align:middle!important;box-shadow:0 1px 3px #0000000d!important}.markdown-body a[href*="doc="]:before{content:"";display:inline-block;width:13px;height:13px;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;flex-shrink:0;opacity:.9}.markdown-body a[href*="doc="]:hover{background:var(--snappie-purple)!important;color:#fff!important;border-color:var(--snappie-purple)!important;box-shadow:0 2px 8px var(--border-glow, rgba(121, 3, 188, .25))!important;transform:translateY(-1px)!important;text-decoration:none!important}[data-theme=dark] .markdown-body a[href*="doc="]:hover{color:#161226!important}@media (max-width: 1200px){.doc-preview-panel{position:absolute;right:0;top:0;bottom:0;width:550px;max-width:85%;box-shadow:-10px 0 30px #00000014}}@media (max-width: 768px){.doc-preview-panel{width:100%!important;max-width:100%!important}}.has-preview .welcome-hero{flex-direction:column;align-items:center;text-align:center;gap:16px}.has-preview .welcome-dragon{width:90px;margin-right:0}.has-preview .welcome-right{margin-left:0;align-items:center;width:100%}.has-preview .welcome-bubble{text-align:center}.has-preview .welcome-bubble:before{display:none!important}.has-preview .welcome-hints{justify-content:center}.has-preview .eval-bubble{max-width:95%!important}.has-preview .input-bar{padding:12px 16px 16px}@media (min-width: 769px){.app-layout.has-preview{grid-template-columns:72px 1fr!important}.app-layout.has-preview .sidebar{width:72px!important;opacity:1!important;border-right:1px solid var(--border-subtle)!important;pointer-events:auto!important}.app-layout.has-preview .sidebar .logo{display:none!important}.app-layout.has-preview .sidebar-header{padding:24px 0 16px!important;justify-content:center!important}.app-layout.has-preview .new-chat-btn{margin:0 auto!important}.app-layout.has-preview .sidebar-conversations{display:none!important}.app-layout.has-preview .sidebar-footer{margin-top:auto!important;padding:16px 0!important;align-items:center!important}.app-layout.has-preview .sidebar-footer-actions{flex-direction:column!important;gap:12px!important;width:100%!important;align-items:center!important}.app-layout.has-preview .sidebar-action-btn{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important}.app-layout.has-preview .sidebar-action-btn span{display:none!important}}.doc-preview-content table{width:100%!important;border-collapse:collapse!important;margin-bottom:1.5rem!important;font-size:.9rem!important}.doc-preview-content th,.doc-preview-content td{border:1px solid var(--border-subtle)!important;padding:10px 12px!important;text-align:left!important}.doc-preview-content th{background:var(--bg-primary)!important;font-weight:600!important;color:var(--text-primary)!important}.doc-preview-content tr:nth-child(2n) td{background:var(--bg-card-hover)!important}.inline-doc-highlight{color:var(--accent-purple-dark, #7c3aed);font-weight:600}.inline-topic-highlight{color:var(--accent-green-dark, #166534);font-weight:600}.inline-type-highlight{color:var(--accent-amber-dark, #b45309);font-weight:600}.inline-entity-highlight{color:var(--accent-cyan-dark, #0891b2);font-weight:600}.question-bubble,.approval-bubble{padding-right:24px}.approval-bubble{border-left:3px solid var(--accent-amber)}.question-bubble{border-left:3px solid var(--accent-purple)}.interaction--resolved,.interaction--expired,.interaction--queued{opacity:.72}.interaction-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.interaction-tool{font-family:var(--font-mono);font-size:.82rem;color:var(--text-primary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}.interaction-who{font-size:.78rem;color:var(--text-muted)}.interaction-deadline{margin-left:auto;font-size:.74rem;color:var(--text-muted)}.interaction-prompt{font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.interaction-rendered{margin-top:8px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary)}.interaction-findings{margin:8px 0 0;padding-left:18px;font-size:.82rem;color:var(--text-secondary)}.interaction-findings li{margin:3px 0}.interaction-warn,.interaction-locked,.interaction-outcome{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:.8rem}.interaction-warn{color:var(--accent-amber)}.interaction-locked{color:var(--text-muted)}.interaction-outcome--ok{color:var(--accent-green)}.interaction-outcome--no{color:var(--accent-red)}.interaction-outcome--muted{color:var(--text-muted)}.interaction-args{margin-top:10px}.interaction-args-toggle{background:none;border:none;padding:0;cursor:pointer;font-size:.78rem;color:var(--accent-purple);text-decoration:underline}.interaction-args-body{margin-top:8px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);overflow-x:auto;max-height:320px;overflow-y:auto}.interaction-controls{display:flex;flex-direction:column;gap:10px;margin-top:12px}.interaction-chips{display:flex;flex-wrap:wrap;gap:6px}.interaction-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@media (max-width: 640px){.interaction-actions{flex-direction:column;align-items:stretch}.interaction-deadline{margin-left:0;width:100%}}.memory-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2b254099;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.memory-modal-box{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl, 24px);width:90%;max-width:650px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 60px -12px #2b254040;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.memory-modal-header{padding:22px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.memory-modal-title-box{display:flex;align-items:center;gap:12px}.memory-modal-title-icon{color:var(--snappie-purple)}.memory-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.5px;color:var(--text-strong);margin:0}.memory-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.memory-modal-close:hover{color:var(--text-strong);background-color:var(--surface-subtle)}.memory-modal-body{padding:24px 26px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.memory-modal-desc{font-family:var(--font-body);font-size:.88rem;color:var(--text-body);line-height:1.5;margin:0}.memory-add-form{display:flex;flex-direction:column;gap:10px;background:var(--surface-subtle);padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border)}.memory-add-textarea{width:100%;min-height:70px;background:var(--surface);border:var(--input-border-width, 1.5px) solid var(--border-input);border-radius:var(--radius-input);padding:10px 12px;color:var(--text-strong);font-family:var(--font-body);font-size:.88rem;line-height:1.4;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.memory-add-textarea:focus{border-color:var(--focus-border);box-shadow:var(--focus-ring)}.memory-add-actions{display:flex;justify-content:flex-end}.memory-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--snappie-purple);color:var(--primary-contrast, #ffffff);border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s}.memory-add-btn:hover:not(:disabled){background:var(--purple-900);box-shadow:0 4px 12px var(--border-glow)}.memory-add-btn:disabled{opacity:.5;cursor:not-allowed}.memory-list-container{display:flex;flex-direction:column;gap:10px}.memory-list-header{display:flex;justify-content:space-between;align-items:center}.memory-list-title{font-size:.88rem;font-weight:600;color:var(--text-strong)}.memory-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--error-text);font-size:.78rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.memory-clear-all-btn:hover{background:var(--error-tint)}.memory-list{display:flex;flex-direction:column;gap:8px}.memory-item{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-input);gap:12px;transition:all .2s}.memory-item:hover{border-color:var(--border-soft);background:var(--surface-tinted)}.memory-item-content{flex:1;font-family:var(--font-body);font-size:.88rem;color:var(--text-strong);line-height:1.4;word-break:break-word}.memory-item-date{font-size:.72rem;color:var(--text-muted);margin-top:4px}.memory-item-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.memory-item-delete:hover{color:var(--error-text);background:var(--error-tint)}.memory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:var(--text-muted);font-size:.88rem;text-align:center;gap:8px}.memory-empty-icon{font-size:1.5rem;opacity:.5}.memory-loading,.memory-error{display:flex;align-items:center;justify-content:center;padding:30px 0;gap:8px;font-size:.88rem}.memory-loading{color:var(--text-muted)}.memory-error{color:var(--error-text)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.standing-approval-detail{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap;font-size:.75rem;color:var(--text-secondary)}.standing-approval-clock{vertical-align:-1px}.kb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2b254099;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:kb-fadeIn .2s cubic-bezier(.16,1,.3,1)}.kb-modal-box{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl, 24px);width:95%;max-width:750px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 60px -12px #2b254040;overflow:hidden;animation:kb-slideUp .3s cubic-bezier(.16,1,.3,1)}.kb-modal-header{padding:22px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.kb-modal-title-box{display:flex;align-items:center;gap:12px}.kb-modal-title-icon{color:var(--snappie-purple)}.kb-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.5px;color:var(--text-strong);margin:0}.kb-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.kb-modal-close:hover{color:var(--text-strong);background-color:var(--surface-subtle)}.kb-modal-body{padding:24px 26px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.kb-modal-desc{font-family:var(--font-body);font-size:.88rem;color:var(--text-body);line-height:1.5;margin:0}.kb-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;background:var(--surface-subtle);border:2px dashed var(--border-input);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center;gap:10px}.kb-dropzone:hover,.kb-dropzone.active{border-color:var(--snappie-purple);background:var(--surface-tinted)}.kb-dropzone-icon{color:var(--snappie-purple);opacity:.8;margin-bottom:2px}.kb-dropzone-title{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-strong);margin:0}.kb-dropzone-sub{font-size:.8rem;color:var(--text-muted);margin:0}.kb-file-input{display:none}.kb-upload-status{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-input);font-size:.88rem}.kb-upload-status.uploading{background:var(--surface-tinted);border:1px solid var(--border-soft);color:var(--snappie-purple)}.kb-upload-status.error{background:var(--error-tint);border:1px solid rgba(214,58,82,.2);color:var(--error-text)}.kb-list-container{display:flex;flex-direction:column;gap:12px}.kb-list-header{display:flex;justify-content:space-between;align-items:center}.kb-list-title{font-size:.88rem;font-weight:600;color:var(--text-strong)}.kb-list-count{font-size:.78rem;color:var(--text-muted)}.kb-list{display:flex;flex-direction:column;gap:8px}.kb-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-input);gap:12px;transition:all .2s}.kb-item:hover{border-color:var(--border-soft);background:var(--surface-tinted)}.kb-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.kb-item-icon{color:var(--snappie-purple);flex-shrink:0}.kb-item-details{display:flex;flex-direction:column;min-width:0}.kb-item-name{font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-item-meta{font-size:.74rem;color:var(--text-muted);display:flex;gap:8px;margin-top:2px}.kb-item-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.kb-item-delete:hover{color:var(--error-text);background:var(--error-tint)}.kb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:var(--text-muted);font-size:.88rem;text-align:center;gap:8px}@keyframes kb-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes kb-slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-layout{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.chat-main{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;background:var(--bg-primary)}.chat-messages{flex:1;overflow-y:auto;padding:24px 0 16px;scroll-behavior:smooth}.welcome-screen{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:42vh;padding:40px 0 0;text-align:left;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);margin-bottom:-8px;max-width:760px;margin-left:auto;margin-right:auto;width:100%}.welcome-hero{display:flex;align-items:flex-end;gap:0;justify-content:flex-start;width:100%}.welcome-mascot-wrapper{flex-shrink:0;position:relative;z-index:2;margin-right:-16px;margin-bottom:-6px}.welcome-dragon{width:160px;height:auto;flex-shrink:0;filter:drop-shadow(0 8px 24px rgba(43,37,64,.14));position:relative;z-index:1;margin-right:-12px}.welcome-right{display:flex;flex-direction:column;margin-left:28px;flex:1;min-width:0}.welcome-bubble{position:relative;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl, 24px);padding:24px 30px;width:100%;text-align:left;box-shadow:0 8px 32px -4px #2b254014,0 2px 6px #00000008;color:var(--text-strong)}.welcome-bubble:before{content:"";position:absolute;left:-8px;bottom:32px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--surface);filter:drop-shadow(-2px 0 1px rgba(43,37,64,.04))}.welcome-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.5px;color:var(--text-strong);margin:6px 0 8px}.welcome-sub{font-family:var(--font-body);color:var(--text-body);font-size:.92rem;max-width:520px;line-height:1.6;margin:0}.welcome-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:flex-start}.hint-chip{padding:8px 16px;border-radius:var(--radius-pill, 999px);border:1.5px solid var(--border-input);background:var(--surface);color:var(--text-strong);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:var(--font-body);box-shadow:0 1px 3px #2b254008}.hint-chip:hover{border-color:var(--snappie-purple);color:var(--snappie-purple);background:var(--surface-tinted);box-shadow:0 4px 12px #7903bc26;transform:translateY(-1px)}.input-bar{padding:8px 24px 18px;position:relative;transition:background .15s ease}.input-bar.drop-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-tinted);border:2px dashed var(--snappie-purple);border-radius:var(--radius-lg);pointer-events:none;z-index:1}.composer-card{max-width:760px;margin:0 auto;background:var(--surface);border:var(--input-border-width, 1.5px) solid var(--border-input);border-radius:var(--radius-xl, 22px);padding:10px 14px 8px;box-shadow:0 8px 28px -4px #2b25400f;position:relative;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.composer-card:focus-within{border-color:var(--focus-border);box-shadow:var(--focus-ring)}.input-bar--chat .composer-card{max-width:840px}.composer-context-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 2px 8px;margin-bottom:6px;border-bottom:1px solid var(--border-soft, rgba(0, 0, 0, .05));animation:fadeIn .2s ease}.composer-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill, 999px);font-size:.78rem;font-weight:500;transition:all .15s ease}.composer-badge--flow{background:var(--purple-100, #f3e8ff);color:var(--snappie-purple, #7903BC);border:1px solid var(--snappie-lavender, #d6bdf5)}.composer-badge-icon{color:var(--snappie-purple);flex-shrink:0}.composer-badge-label{display:inline-flex;align-items:center;gap:4px}.composer-badge-remove{background:none;border:none;padding:0;margin-left:2px;cursor:pointer;color:var(--snappie-purple);opacity:.65;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s}.composer-badge-remove:hover{opacity:1}.composer-file-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill, 999px);font-size:.78rem;font-weight:500;background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-strong);max-width:260px;animation:msgIn .2s ease}.file-chip-icon{font-size:.85rem;flex-shrink:0}.file-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono, monospace);font-size:.75rem}.file-chip-size{font-size:.68rem;color:var(--text-muted);font-weight:400;flex-shrink:0}.file-chip-remove{cursor:pointer;opacity:.6;transition:opacity .15s;background:none;border:none;color:var(--text-muted);padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.file-chip-remove:hover{opacity:1;color:var(--error-text)}.composer-file-chip.uploading{border-color:var(--snappie-lavender);color:var(--snappie-purple)}.composer-file-chip.error{border-color:var(--error);color:var(--error-text)}.composer-editor-wrap{position:relative;width:100%;min-height:38px}.textarea-backdrop,.composer-editor-wrap textarea{font-family:var(--font-body);font-size:.94rem;line-height:1.5;padding:4px 2px;margin:0;border:none;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:normal;text-transform:none;font-weight:400!important;-webkit-font-smoothing:antialiased}.textarea-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--text-strong);background:transparent;pointer-events:none;overflow-y:auto;scrollbar-width:none}.textarea-backdrop::-webkit-scrollbar{display:none}.composer-editor-wrap textarea{display:block;width:100%;resize:none;background:transparent!important;color:transparent!important;caret-color:var(--text-strong);margin:0;border:none;outline:none;max-height:220px;overflow-y:auto;position:relative;z-index:2}.composer-editor-wrap textarea::placeholder{color:var(--text-muted)}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding-top:6px;border-top:1px solid var(--border-soft, rgba(0, 0, 0, .04))}.composer-toolbar-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.composer-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.composer-tool-btn{height:32px;min-width:32px;padding:0 6px;border-radius:var(--radius-pill, 999px);display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:all .15s ease;font-size:.8rem;font-weight:500;outline:none}.composer-tool-btn:hover,.composer-tool-btn.open{color:var(--snappie-purple);background:var(--surface-tinted);border-color:var(--border-input)}.composer-tool-btn--text{padding:0 10px;background:var(--surface-subtle);border:1px solid var(--border);font-size:.78rem}.attachment-dropdown-menu{position:absolute;bottom:calc(100% + 10px);left:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px;box-shadow:0 12px 30px -4px #2b25401f;z-index:50;min-width:190px;display:flex;flex-direction:column;gap:2px}.attachment-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-sm);color:var(--text-body);font-size:.84rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.attachment-dropdown-item:hover{background:var(--surface-tinted);color:var(--snappie-purple)}.attachment-dropdown-item svg{color:var(--snappie-purple);opacity:.85}.flow-selector-container{position:relative;display:inline-flex;align-items:center}.flow-selector-btn{height:32px;padding:0 10px;border-radius:var(--radius-pill, 999px);display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.78rem;font-weight:500;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border);transition:all .15s ease;outline:none;max-width:200px}.flow-selector-btn:hover:not(:disabled){color:var(--snappie-purple);background:var(--surface-tinted);border-color:var(--border-input)}.flow-selector-btn--active{color:var(--snappie-purple);background:var(--purple-100, #f3e8ff);border-color:var(--snappie-lavender, #d6bdf5);font-weight:600}.flow-selector-btn-icon{flex-shrink:0}.flow-selector-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-selector-chevron{flex-shrink:0;opacity:.6;transition:transform .2s ease}.flow-selector-chevron.open{transform:rotate(180deg)}.flow-picker-popover{position:absolute;bottom:calc(100% + 12px);left:0;width:440px;max-width:calc(100vw - 48px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl, 20px);box-shadow:0 16px 36px -6px #2b254029,0 4px 12px #0000000f;z-index:120;padding:12px;display:flex;flex-direction:column;gap:8px;animation:msgIn .18s ease}.flow-picker-header{display:flex;flex-direction:column;gap:8px}.flow-search-wrap{position:relative;display:flex;align-items:center;width:100%}.flow-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.flow-search-input{width:100%;padding:7px 28px 7px 32px;border-radius:var(--radius-md, 10px);border:1px solid var(--border-input);background:var(--surface-subtle);font-size:.82rem;color:var(--text-strong);outline:none;transition:border-color .15s}.flow-search-input:focus{border-color:var(--snappie-purple);background:var(--surface)}.flow-search-clear{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.flow-category-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.flow-category-tabs::-webkit-scrollbar{display:none}.flow-category-tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill, 999px);font-size:.72rem;font-weight:500;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all .15s ease}.flow-category-tab:hover{border-color:var(--border-input);color:var(--text-strong)}.flow-category-tab.active{background:var(--snappie-purple);color:#fff;border-color:var(--snappie-purple);font-weight:600}.flow-tab-count{font-size:.68rem;opacity:.8}.flow-picker-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:2px}.flow-picker-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:var(--radius-md, 10px);cursor:pointer;transition:background .15s;border:1px solid transparent}.flow-picker-item:hover,.flow-picker-item.highlighted{background:var(--surface-tinted);border-color:var(--border-input)}.flow-picker-item.selected{background:var(--surface-tinted);border-color:var(--snappie-lavender)}.flow-item-icon-wrap{width:28px;height:28px;border-radius:var(--radius-sm, 6px);background:var(--purple-100, #f3e8ff);color:var(--snappie-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.flow-item-icon-wrap.flow-icon-auto{background:#fef3c7;color:#d97706}.flow-item-content{flex:1;min-width:0}.flow-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.flow-item-name{font-size:.82rem;font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-item-meta-tag{font-size:.66rem;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.3px;flex-shrink:0}.flow-item-meta-tag.default-tag{background:var(--surface-subtle);color:var(--text-muted)}.flow-item-meta-tag.flow-badge-report{background:#eff6ff;color:#2563eb}.flow-item-meta-tag.flow-badge-email{background:#fdf2f8;color:#db2777}.flow-item-meta-tag.flow-badge-data{background:#ecfdf5;color:#059669}.flow-item-meta-tag.flow-badge-code{background:#faf5ff;color:#9333ea}.flow-item-desc{font-size:.74rem;color:var(--text-muted);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flow-picker-empty{padding:20px;text-align:center;font-size:.82rem;color:var(--text-muted)}.flow-picker-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid var(--border-soft);font-size:.72rem;color:var(--text-muted)}.flow-kbd{padding:1px 5px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.send-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--snappie-purple);color:var(--primary-contrast, #FFFFFF);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0;outline:none}.send-btn:hover:not(:disabled){background:var(--purple-900);transform:scale(1.05);box-shadow:0 4px 14px var(--border-glow)}.send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.send-btn:active{transform:scale(.95)}.stop-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--error);background:var(--error-tint);color:var(--error-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.stop-btn:hover{background:var(--error);color:#fff;transform:scale(1.05)}.stop-btn[hidden]{display:none}.reflection-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;flex-shrink:0;position:relative}.reflection-toggle input[type=checkbox]{display:none}.reflection-toggle-slider{width:30px;height:18px;background:var(--border-input);border-radius:999px;position:relative;transition:background .25s ease}.reflection-toggle-slider:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px #2b254033}.reflection-toggle input:checked+.reflection-toggle-slider{background:var(--snappie-purple)}.reflection-toggle input:checked+.reflection-toggle-slider:after{transform:translate(12px)}.reflection-toggle-label{font-size:.85rem;color:var(--text-body);transition:color .2s ease}.reflection-toggle:hover .reflection-toggle-label,.reflection-toggle input:checked~.reflection-toggle-label{color:var(--text-strong)}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:100;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-strong);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #2b254014}.welcome-chat-wrapper{max-width:760px;margin:0 auto;width:100%;padding:0 24px;display:flex;flex-direction:column}.welcome-chat-wrapper .input-bar{padding:16px 0 0;width:100%}.doc-autocomplete-dropdown{position:absolute;bottom:calc(100% + 12px);left:0;right:0;max-height:250px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);padding:6px;box-shadow:0 14px 34px -4px #2b254024;z-index:110;display:flex;flex-direction:column;gap:2px}.doc-autocomplete-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm, 8px);color:var(--text-body);font-size:.84rem;cursor:pointer;transition:background .15s ease,color .15s ease}.doc-autocomplete-item:hover,.doc-autocomplete-item.active{background:var(--surface-tinted);color:var(--snappie-purple)}.doc-autocomplete-item svg{color:var(--snappie-purple);opacity:.85;flex-shrink:0}.doc-autocomplete-item-text{flex:1;min-width:0;display:flex;flex-direction:column}.doc-autocomplete-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.doc-autocomplete-desc{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-autocomplete-facet{font-size:.72rem;color:var(--text-muted);margin-left:auto;background:var(--surface-subtle);padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--border);flex-shrink:0}.inline-topic-highlight{color:var(--success)}.inline-type-highlight{color:var(--warning-text)}.inline-entity-highlight{color:var(--accent-cyan-dark)}.input-bar-readonly{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:var(--surface-subtle);border:1px dashed var(--border);border-radius:var(--radius-xl, 24px);color:var(--text-muted);font-size:.88rem;-webkit-user-select:none;user-select:none}.input-bar-readonly-icon{color:var(--text-muted);opacity:.75;flex-shrink:0}@media (max-width: 768px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;width:280px;z-index:200;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.input-bar{padding:0 12px 12px}.welcome-screen{padding:30px 0 0}.welcome-chat-wrapper{padding:0 14px}}.composer-mode-chip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 4px 8px}.composer-mode-escape{background:none;border:none;padding:0;cursor:pointer;font-size:.76rem;color:var(--text-muted);text-decoration:underline}.composer-mode-escape:hover{color:var(--text-secondary)}.thread-waiting-badge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;color:var(--accent-amber)}.status-indicator-paused{color:var(--accent-amber);flex-shrink:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}html{scroll-behavior:smooth}body{font-family:var(--font-sans, Roboto, system-ui, -apple-system, sans-serif);background:var(--bg-primary, #f9fafb);color:var(--text-primary, #0f172a);min-height:100vh;line-height:1.6}:root{--snappie-purple: #7903BC;--snappie-lavender: #8A6CB0;--snappie-deep-plum: #2B2540;--snappie-soft-lilac: #E7DCEE;--snappie-warm-peach: #E0B0A0;--purple-900: #5E0A93;--purple-500: #7903BC;--purple-300: #B79AD8;--purple-100: #F0E6F8;--surface: #FFFFFF;--surface-subtle: #FAF7FC;--surface-muted: #F2ECF7;--surface-tinted: #F3EAFB;--border: #EDE7F3;--border-soft: #E6DCEF;--border-input: #E3DAEE;--user-bubble-bg: #EFE6F8;--user-bubble-border: #DFCDEF;--user-bubble-shadow: 0 2px 10px rgba(121, 3, 188, .06);--hero-gradient: linear-gradient(165deg, #F6F1FB 0%, #EBE0F4 100%);--hero-dot: #D9C9E8;--text-strong: #2B2540;--text-body: #5A5170;--text-secondary: #6B6280;--text-muted: #9A8FB0;--text-faint: #A99CC0;--dark-bg: #23203A;--dark-bg-deep: #161226;--dark-border: #322C4D;--dark-text: #C9C2DC;--dark-text-strong: #EFE6F6;--dark-accent: #B79AD8;--dark-tagline: #CFC4E0;--success: #1E7A4A;--success-on-fill: #FFFFFF;--success-text: #1E7A4A;--success-tint: #E3F3EA;--warning: #E5A23C;--warning-on-fill: #2B2540;--warning-text: #8A5A12;--warning-tint: #FBEFD9;--error: #D63A52;--error-on-fill: #FFFFFF;--error-text: #B12238;--error-tint: #FBE7EB;--info: #8A6CB0;--info-on-fill: #FFFFFF;--info-text: #5A4A78;--info-tint: #ECE6F2;--font-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-wordmark: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: var(--font-body);--h1-size: 42px;--h1-tracking: -1px;--h1-weight: 600;--h2-size: 28px;--h2-tracking: -.6px;--h2-weight: 600;--h3-size: 20px;--h3-tracking: 0;--h3-weight: 600;--body-size: 16px;--body-line: 1.65;--small-size: 13px;--wordmark-size: 64px;--wordmark-tracking: -2.5px;--wordmark-weight: 700;--tagline-size: 13px;--tagline-tracking: 3px;--tagline-weight: 600;--radius-input: 12px;--radius-sm: 16px;--radius-md: 18px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--radius-tile: 26%;--control-height: 46px;--focus-border: var(--snappie-purple);--focus-ring: 0 0 0 3px rgba(121, 3, 188, .18);--input-border-width: 1.5px;--sidebar-w: 280px;--bg-primary: var(--surface-subtle);--bg-secondary: var(--surface);--bg-card: var(--surface);--bg-card-hover: var(--surface-tinted);--border-subtle: var(--border);--border-glow: rgba(121, 3, 188, .15);--text-primary: var(--text-strong);--primary-contrast: #FFFFFF;--accent-purple: var(--snappie-purple);--accent-purple-light: var(--purple-100);--accent-purple-dark: var(--purple-900);--accent-green: var(--success);--accent-green-light: var(--success-tint);--accent-green-dark: #166534;--accent-cyan: #0891b2;--accent-cyan-light: #ecfeff;--accent-cyan-dark: #155e75;--accent-amber: var(--warning);--accent-amber-light: var(--warning-tint);--accent-amber-dark: #92400e;--accent-red: var(--error);--accent-red-light: var(--error-tint);--accent-red-dark: #991b1b;--accent-blue: #2563eb;--gradient-main: linear-gradient(135deg, #7903BC 0%, #8A6CB0 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: var(--border);--glass-shadow: 0 8px 32px 0 rgba(43, 37, 64, .06)}:root[data-theme=dark],[data-theme=dark]{--bg-primary: #161226;--bg-secondary: #23203A;--bg-card: #1E1934;--bg-card-hover: #292345;--surface: #23203A;--surface-subtle: #1E1934;--surface-muted: #2C2547;--surface-tinted: #312650;--border: #322C4D;--border-soft: #3F385F;--border-input: #3F385F;--border-subtle: #322C4D;--border-glow: rgba(183, 154, 216, .25);--user-bubble-bg: #332857;--user-bubble-border: rgba(183, 154, 216, .32);--user-bubble-shadow: 0 4px 16px rgba(0, 0, 0, .28), 0 0 12px rgba(183, 154, 216, .06);--text-strong: #EFE6F6;--text-body: #C9C2DC;--text-secondary: #B9AFCE;--text-muted: #8E82A8;--text-faint: #6E6388;--text-primary: #EFE6F6;--primary-contrast: #161226;--hero-gradient: linear-gradient(165deg, #23203A 0%, #161226 100%);--hero-dot: #3F385F;--snappie-purple: #B79AD8;--snappie-lavender: #CFC4E0;--snappie-deep-plum: #161226;--snappie-soft-lilac: #312650;--snappie-warm-peach: #E0B0A0;--purple-900: #D4BCF0;--purple-500: #B79AD8;--purple-300: #B79AD8;--purple-100: rgba(183, 154, 216, .15);--accent-purple: #B79AD8;--accent-purple-light: rgba(183, 154, 216, .15);--accent-purple-dark: #EFE6F6;--focus-border: #B79AD8;--focus-ring: 0 0 0 3px rgba(183, 154, 216, .25);--success: #2EB36F;--success-on-fill: #161226;--success-text: #4ADE80;--success-tint: rgba(46, 179, 111, .18);--accent-green: #2EB36F;--accent-green-light: rgba(46, 179, 111, .15);--accent-green-dark: #4EE496;--accent-cyan: #22d3ee;--accent-cyan-light: rgba(34, 211, 238, .15);--accent-cyan-dark: #67e8f9;--warning: #F3B353;--warning-on-fill: #161226;--warning-text: #FBBF24;--warning-tint: rgba(243, 179, 83, .18);--accent-amber: #F3B353;--accent-amber-light: rgba(243, 179, 83, .15);--accent-amber-dark: #FDE047;--error: #E25B71;--error-on-fill: #FFFFFF;--error-text: #FB7185;--error-tint: rgba(226, 91, 113, .18);--accent-red: #E25B71;--accent-red-light: rgba(226, 91, 113, .15);--accent-red-dark: #FDA4AF;--info: #B79AD8;--info-on-fill: #161226;--info-text: #CFC4E0;--info-tint: rgba(183, 154, 216, .18);--accent-blue: #60a5fa;--gradient-main: linear-gradient(135deg, #B79AD8 0%, #EFE6F6 100%);--glass-bg: rgba(35, 32, 58, .85);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .45)}.btn-sm{height:34px;font-size:13px;padding:0 12px;gap:6px}.btn-md{height:var(--control-height)}.btn-lg{height:54px;font-size:16px;padding:0 28px}.btn-danger{background:var(--error);color:var(--error-on-fill)}.btn-danger:hover:not(:disabled){background:var(--error-text);box-shadow:0 4px 12px #d63a5240}.btn-danger-ghost{background:transparent;color:var(--error-text);border:1.5px solid var(--error)}.btn-danger-ghost:hover:not(:disabled){background:var(--error-tint)}.field-group{display:flex;flex-direction:column;width:100%}.field-monospace{font-family:var(--font-mono)!important}.markdown-body{font-family:var(--font-body);color:var(--text-body);line-height:var(--body-line);font-size:var(--body-size)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--font-display);color:var(--text-strong);font-weight:600;margin-top:1.8rem;margin-bottom:.8rem;line-height:1.3}.markdown-body h1{font-size:var(--h1-size);letter-spacing:var(--h1-tracking);font-weight:var(--h1-weight);border-bottom:2px solid var(--border);padding-bottom:.5rem;margin-top:0}.markdown-body h2{font-size:var(--h2-size);letter-spacing:var(--h2-tracking);font-weight:var(--h2-weight);border-bottom:1px solid var(--border);padding-bottom:.4rem}.markdown-body h3{font-size:var(--h3-size);letter-spacing:var(--h3-tracking);font-weight:var(--h3-weight)}.markdown-body p{margin-top:0;margin-bottom:1.25rem;line-height:var(--body-line)}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:1.25rem;padding-left:1.5rem}.markdown-body li{margin-bottom:.5rem}.markdown-body ul{list-style-type:disc}.markdown-body ol{list-style-type:decimal}.markdown-body blockquote{margin:1.5rem 0;padding:.75rem 1.25rem;color:var(--text-secondary);border-left:4px solid var(--snappie-purple);background:var(--surface-subtle);border-radius:0 var(--radius-input) var(--radius-input) 0;font-style:italic}.markdown-body hr{height:2px;border:none;background-color:var(--border);margin:2rem 0}.markdown-body pre{margin:1.5rem 0;border-radius:var(--radius-input);overflow-x:auto;background:#0d1117;border:1px solid #30363d;padding:1.25rem}.markdown-body pre code{display:block;background:transparent;font-size:.875rem;line-height:1.5;font-family:var(--font-mono);color:#c9d1d9;padding:0}.markdown-body code{font-family:var(--font-mono);font-size:.875em;background:var(--surface-tinted);padding:.2rem .4rem;border-radius:4px;color:var(--purple-900)}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:10px 12px;text-align:left}.markdown-body th{background:var(--surface-subtle);font-weight:600;color:var(--text-strong)}.markdown-body tr:nth-child(2n) td{background:var(--surface-tinted)}.switch-container{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container--disabled{opacity:.6;cursor:not-allowed}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;display:inline-block;width:40px;height:22px;background-color:var(--border-input);border-radius:999px;transition:background-color .2s ease}.switch-input:checked+.switch-track{background-color:var(--snappie-purple)}.switch-thumb{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--surface);border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.switch-input:checked+.switch-track .switch-thumb{transform:translate(18px)}.switch-label{font-size:14px;color:var(--text-strong);font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:12px;font-weight:600;padding:3px 8px;border-radius:var(--radius-input);line-height:1.2;white-space:nowrap}.badge--pill{border-radius:999px}.badge--neutral{background:var(--surface-muted);color:var(--text-secondary)}.badge--purple{background:var(--purple-100);color:var(--purple-900)}.badge--success{background:var(--success-tint);color:var(--success-text)}.badge--warning{background:var(--warning);color:var(--warning-on-fill)}.badge--error{background:var(--error-tint);color:var(--error-text)}.badge--info{background:var(--info-tint);color:var(--info-text)}.badge--peach{background:var(--snappie-warm-peach);color:var(--snappie-deep-plum)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:12.5px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--surface-tinted);color:var(--purple-900);border:1px solid var(--border-soft);transition:all .15s ease;-webkit-user-select:none;user-select:none}.chip--interactive{cursor:pointer}.chip--interactive:hover{background:var(--purple-100);border-color:var(--snappie-purple)}.chip-remove-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:inherit;opacity:.65;border-radius:50%;transition:opacity .15s ease}.chip-remove-btn:hover{opacity:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 3px #00000008}.card--p-none{padding:0}.card--p-sm{padding:12px}.card--p-md{padding:20px}.card--p-lg{padding:32px}.card--interactive{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card--interactive:hover{transform:translateY(-2px);border-color:var(--border-soft);box-shadow:0 4px 16px #7903bc0f}.tabs-container{display:flex;flex-direction:column;width:100%}.tabs-list{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border);padding:0;margin:0;list-style:none}.tab-item{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px}.tab-item:hover:not(:disabled){color:var(--snappie-purple)}.tab-item[aria-selected=true]{color:var(--snappie-purple);font-weight:600;border-bottom-color:var(--snappie-purple)}.tab-item:disabled{color:var(--text-muted);cursor:not-allowed}.segmented-control{display:inline-flex;align-items:center;background:var(--surface-subtle);border:1px solid var(--border-input);border-radius:var(--radius-input);padding:3px;gap:2px}.segmented-control-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:calc(var(--radius-input) - 2px);cursor:pointer;transition:all .15s ease}.segmented-control-item:hover:not(:disabled){color:var(--text-strong)}.segmented-control-item[aria-selected=true]{background:var(--surface);color:var(--snappie-purple);font-weight:600;box-shadow:0 1px 3px #00000014}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b254073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;z-index:1000;animation:fadeIn .2s ease-out}.drawer-panel{background:var(--surface);display:flex;flex-direction:column;height:100%;box-shadow:0 8px 32px #00000026;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}.drawer-panel--right{margin-left:auto}.drawer-panel--left{margin-right:auto;animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.drawer-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-strong);margin:0}.drawer-body{flex:1;overflow-y:auto;padding:24px}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border)}.drawer-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-input);display:inline-flex;align-items:center;justify-content:center}.drawer-close-btn:hover{color:var(--text-strong);background:var(--surface-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b254073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease-out}.modal-box{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 16px 40px #0000001f;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-strong);margin:0}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border)}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-input);display:inline-flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:var(--text-strong);background:var(--surface-muted)}.menu-container{position:relative;display:inline-block}.menu-dropdown{position:absolute;top:100%;margin-top:4px;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-input);box-shadow:0 6px 20px #00000014;padding:4px;z-index:500;display:flex;flex-direction:column;animation:fadeIn .15s ease}.menu-dropdown--start{left:0}.menu-dropdown--end{right:0}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:var(--font-body);font-size:13.5px;color:var(--text-strong);background:transparent;border:none;border-radius:calc(var(--radius-input) - 2px);text-align:left;cursor:pointer;transition:background .15s ease}.menu-item:hover:not(:disabled){background:var(--surface-tinted);color:var(--snappie-purple)}.menu-item--danger{color:var(--error-text)}.menu-item--danger:hover:not(:disabled){background:var(--error-tint);color:var(--error-text)}.menu-item:disabled{color:var(--text-muted);cursor:not-allowed}.menu-item--stacked{align-items:flex-start;padding-top:9px;padding-bottom:9px}.menu-item-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.menu-item-label{display:flex;align-items:center;gap:8px;min-width:0}.menu-item-meta{flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.menu-item-description{font-size:12px;line-height:1.35;color:var(--text-muted);white-space:normal}.menu-item--active{background:var(--surface-tinted);color:var(--snappie-purple)}.menu-item--active .menu-item-meta{color:var(--snappie-purple)}.tooltip-wrapper{position:relative;display:inline-flex}.spinner{display:inline-flex;align-items:center;justify-content:center}.progress-bar-container{display:flex;flex-direction:column;gap:6px;width:100%}.progress-bar-track{width:100%;background:var(--border-input);border-radius:999px;overflow:hidden;position:relative}.progress-bar--sm .progress-bar-track{height:4px}.progress-bar--md .progress-bar-track{height:8px}.progress-bar-fill{height:100%;background:var(--snappie-purple);border-radius:999px;transition:width .25s ease}.progress-bar-fill--indeterminate{width:40%!important;animation:progressIndeterminate 1.5s infinite ease-in-out}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.progress-bar-fill--success{background:var(--success)}.progress-bar-fill--warning{background:var(--warning)}.progress-bar-fill--error{background:var(--error)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state-icon{margin-bottom:16px;color:var(--snappie-lavender);display:inline-flex;align-items:center;justify-content:center}.empty-state-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-strong);margin:0 0 6px}.empty-state-desc{font-size:14px;color:var(--text-body);max-width:380px;margin:0 0 20px;line-height:1.5}.empty-state-action{display:inline-flex}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:14px}.data-table th{background:var(--surface-subtle);color:var(--text-secondary);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:1px solid var(--border);text-align:left}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-soft);color:var(--text-strong)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:var(--surface-tinted)}.data-table tbody tr[aria-selected=true]{background:var(--purple-100)}.toolbar{display:flex;align-items:center;gap:8px}.toolbar--dense{gap:4px}body{font-family:var(--font-body);font-size:var(--body-size);line-height:var(--body-line);color:var(--text-body);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-strong);margin:0}h1{font-size:var(--h1-size);letter-spacing:var(--h1-tracking);font-weight:var(--h1-weight);line-height:1.15}h2{font-size:var(--h2-size);letter-spacing:var(--h2-tracking);font-weight:var(--h2-weight);line-height:1.2}h3{font-size:var(--h3-size);letter-spacing:var(--h3-tracking);font-weight:var(--h3-weight);line-height:1.3}.tabular{font-variant-numeric:tabular-nums}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(rgba(121,3,188,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.bg-glow{position:fixed;border-radius:50%;filter:blur(140px);opacity:.05;pointer-events:none;z-index:0;animation:glowFloat 22s ease-in-out infinite}.bg-glow-1{width:650px;height:650px;background:var(--snappie-purple);top:-220px;right:-120px}.bg-glow-2{width:550px;height:550px;background:var(--snappie-lavender);bottom:-180px;left:-120px;animation-delay:-11s}@keyframes glowFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8a6cb047;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7903bc73}@keyframes snappie-sweep{0%{background-position:220% 0}to{background-position:-120% 0}}@keyframes snappie-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes snappie-typing{0%{width:0}38%{width:8.4em}90%{width:8.4em}to{width:0}}@keyframes snappie-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes snappie-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes snappie-dotPulse{0%,to{transform:scale(1);box-shadow:0 0 #8a6cb08c}50%{transform:scale(1.18);box-shadow:0 0 0 10px #8a6cb000}}@keyframes drawStroke{0%{stroke-dashoffset:520}38%{stroke-dashoffset:0}88%{stroke-dashoffset:0}to{stroke-dashoffset:520}}@keyframes drawCheck{0%{stroke-dashoffset:60;opacity:0}30%{opacity:0}55%{stroke-dashoffset:0;opacity:1}88%{opacity:1}to{opacity:0;stroke-dashoffset:60}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.icon-spin{animation:spin 1.2s linear infinite}.icon-muted{opacity:.5}.field{width:100%;font-family:var(--font-body);font-size:15px;color:var(--text-strong);background:var(--surface);border:var(--input-border-width) solid var(--border-input);border-radius:var(--radius-input);padding:12px 16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field:focus{border-color:var(--focus-border);box-shadow:var(--focus-ring)}.field[aria-invalid=true]{border-color:var(--error);background:var(--error-tint)}.field:disabled{background:var(--surface-subtle);color:var(--text-muted);cursor:not-allowed}.field-label{display:block;font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--text-strong);margin-bottom:6px}.field-hint{font-size:12.5px;color:var(--text-muted);margin-top:6px}.field-error{font-size:12.5px;color:var(--error-text);font-weight:500;margin-top:6px}.btn{height:var(--control-height);border-radius:var(--radius-input);font-family:var(--font-body);font-weight:600;font-size:14.5px;padding:0 20px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none;outline:none}.btn-primary{background:var(--snappie-purple);color:var(--primary-contrast, #FFFFFF)}.btn-primary:hover:not(:disabled){background:var(--purple-900);box-shadow:0 4px 12px var(--border-glow)}.btn-secondary{background:var(--surface);color:var(--snappie-purple);border:1.5px solid var(--border-input)}.btn-secondary:hover:not(:disabled){border-color:var(--snappie-purple);background:var(--surface-tinted)}.btn-ghost{background:transparent;color:var(--snappie-purple)}.btn-ghost:hover:not(:disabled){background:var(--surface-tinted)}.btn:disabled{background:var(--surface-subtle);color:var(--text-muted);cursor:not-allowed;opacity:.7}.theme-toggle-btn{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .2s ease;outline:none}.theme-toggle-btn:hover{border-color:var(--snappie-purple);color:var(--snappie-purple);background:var(--surface-tinted)}