@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800&family=JetBrains+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0}:root{--bg: #f0f2f5;--pane: #ffffff;--line: #e4e7eb;--ink: #111b21;--muted: #667781;--accent: #00a884;--accent-ink: #ffffff;--bubble-in: #ffffff;--bubble-out: #d9fdd3;--note: #fff3c4;--unread: #25d366;--failed: #dc2626}body{font:14px/1.45 -apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}.login-page{display:grid;place-items:center;height:100vh}.login-card{background:var(--pane);padding:32px;border-radius:12px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 24px #00000014}.login-card h1{font-size:20px}.login-card input{padding:10px;border:1px solid var(--line);border-radius:8px}.login-card button{padding:10px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;font-weight:600}.error{color:var(--failed);font-size:13px}.muted{color:var(--muted)}.app-shell{display:flex;height:100%}.list-pane{width:360px;min-width:300px;background:var(--pane);border-right:1px solid var(--line);display:flex;flex-direction:column}.thread-pane{flex:1;display:flex;min-width:0}.empty-state{display:grid;place-items:center;flex:1;color:var(--muted)}.list-header{padding:12px;border-bottom:1px solid var(--line)}.brand{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;margin-bottom:10px}.link{border:0;background:none;color:var(--muted);font-size:12px}.tabs{display:flex;gap:4px;align-items:center}.tab{border:1px solid var(--line);background:none;border-radius:999px;padding:3px 10px;font-size:12px;color:var(--muted)}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tab-spacer{flex:1}.conversation-list{overflow-y:auto;flex:1}.list-empty{padding:24px;color:var(--muted);text-align:center}.row{display:flex;gap:10px;padding:10px 12px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line)}.row:hover{background:#f5f6f6}.row.active{background:#e9edef}.avatar{width:42px;height:42px;border-radius:50%;background:#d1d7db;display:grid;place-items:center;font-weight:600;color:#54656f;flex-shrink:0}.row-main{flex:1;min-width:0}.row-top{display:flex;justify-content:space-between}.name{font-weight:600}.time{color:var(--muted);font-size:12px}.row-bottom{display:flex;justify-content:space-between;gap:8px}.preview{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread{background:var(--unread);color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;font-weight:700;padding:0 6px}.row-meta{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap}.chip{font-size:10px;padding:1px 7px;border-radius:999px;background:#e9edef;color:#54656f;border:0}.chip.ai{background:#d0e7ff;color:#0b57d0}.chip.human{background:#ffe0b2;color:#a15c00}.chip.label{color:#fff}.note-mark,.sender-tag{font-size:11px}.load-more{width:100%;padding:10px;border:0;background:none;color:var(--accent)}.thread-layout{display:flex;flex:1;min-width:0}.thread-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#efeae2}.thread-header{padding:12px 16px;background:var(--pane);border-bottom:1px solid var(--line)}.window-banner{display:block;margin-top:6px;font-size:12px;color:#a15c00;background:#fff3c4;padding:6px 10px;border-radius:8px}.message-list{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse;padding:16px;gap:6px}.bubble{max-width:65%;background:var(--bubble-in);border-radius:8px;padding:7px 10px;align-self:flex-start;box-shadow:0 1px 1px #0000000f}.bubble.outbound{align-self:flex-end;background:var(--bubble-out)}.bubble.private{background:var(--note)}.bubble.reaction{background:none;box-shadow:none;font-size:20px;padding:0 8px}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-meta{display:flex;gap:6px;justify-content:flex-end;align-items:center;font-size:11px;color:var(--muted);margin-top:3px}.private-tag{font-size:11px;color:#a15c00;margin-bottom:2px}.sender-tag{color:var(--muted);margin-bottom:2px}.ticks{letter-spacing:-2px}.ticks.read{color:#53bdeb}.ticks.failed{color:var(--failed);letter-spacing:0;font-weight:600}.ticks.pending{letter-spacing:0}.bubble-image{max-width:260px;border-radius:6px;display:block;margin-bottom:4px}.attachment-chip{border:1px solid var(--line);background:#ffffffb3;border-radius:8px;padding:6px 10px;margin-bottom:4px}.composer{background:var(--pane);border-top:1px solid var(--line);padding:10px 12px}.composer.private{background:var(--note)}.composer-notice{font-size:12px;color:#a15c00;margin-bottom:6px}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;resize:none}.toggle,.icon{border:1px solid var(--line);background:var(--pane);border-radius:8px;padding:8px 10px}.toggle.on{background:#ffe9a8;border-color:#e0b84c}.send{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:8px 16px;font-weight:600}.send:disabled{opacity:.5;cursor:default}.sidebar{width:260px;background:var(--pane);border-left:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.sidebar h3{font-size:12px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.sidebar select,.sidebar button{width:auto;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--pane)}.label-list{display:flex;flex-wrap:wrap;gap:6px}.label-list .chip{cursor:pointer;padding:4px 10px;font-size:11px}.label-list .chip.on{color:#fff}:root{--violet-50: #f1eefe;--violet-100: #e2dafd;--violet-200: #c5b6fa;--violet-300: #a890f4;--violet-400: #8a6cec;--violet-500: #6b48df;--violet-600: #3d22bf;--violet-700: #2f1a99;--violet-800: #221272;--violet-900: #170b4d;--violet-950: #0c062b;--orange-50: #fef3ee;--orange-100: #fde2d3;--orange-200: #fbc4a7;--orange-300: #f7a079;--orange-400: #f28557;--orange-500: #ed6d3e;--orange-600: #d75426;--orange-700: #ad3f1c;--orange-800: #7f2d14;--orange-900: #4f1c0c;--slate-0: #ffffff;--slate-25: #fbfbfd;--slate-50: #f6f6fa;--slate-100: #eeeef4;--slate-200: #e0e0eb;--slate-300: #c7c7d6;--slate-400: #9b9bb0;--slate-500: #71718a;--slate-600: #535369;--slate-700: #3a3a4d;--slate-800: #252535;--slate-900: #161623;--slate-950: #0b0b14;--success-50: #ecfdf5;--success-500: #15a26b;--success-700: #0f7a50;--warning-50: #fff8eb;--warning-500: #d99412;--warning-700: #a06b07;--danger-50: #fef1f2;--danger-500: #e23b4a;--danger-700: #b21f2c;--info-50: #eef4ff;--info-500: #3a6ff0;--info-700: #234bb8;--bg-app: var(--slate-25);--bg-1: var(--slate-0);--bg-2: var(--slate-50);--bg-3: var(--slate-100);--bg-inverse: var(--slate-900);--bg-brand: var(--violet-600);--bg-brand-soft: var(--violet-50);--bg-accent-soft: var(--orange-50);--fg-1: var(--slate-900);--fg-2: var(--slate-700);--fg-3: var(--slate-500);--fg-4: var(--slate-400);--fg-on-brand: #ffffff;--fg-inverse: #ffffff;--fg-link: var(--violet-600);--fg-link-hover: var(--violet-700);--border-1: var(--slate-200);--border-2: var(--slate-300);--border-focus: var(--violet-500);--ds-accent: var(--violet-600);--accent-hover: var(--violet-700);--accent-press: var(--violet-800);--accent-soft: var(--violet-50);--accent-warm: var(--orange-500);--accent-warm-hover: var(--orange-600);--success: var(--success-500);--warning: var(--warning-500);--danger: var(--danger-500);--info: var(--info-500);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(22, 18, 60, .06);--shadow-sm: 0 2px 4px rgba(22, 18, 60, .06), 0 1px 2px rgba(22, 18, 60, .04);--shadow-md: 0 6px 16px rgba(22, 18, 60, .08), 0 2px 4px rgba(22, 18, 60, .04);--shadow-lg: 0 16px 32px rgba(22, 18, 60, .1), 0 4px 8px rgba(22, 18, 60, .04);--shadow-xl: 0 24px 56px rgba(22, 18, 60, .14), 0 8px 16px rgba(22, 18, 60, .06);--shadow-brand: 0 12px 28px rgba(61, 34, 191, .28);--shadow-warm: 0 12px 28px rgba(237, 109, 62, .28);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, .05, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--font-display: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extra: 800;--fs-display: 64px;--fs-h1: 48px;--fs-h2: 36px;--fs-h3: 28px;--fs-h4: 22px;--fs-h5: 18px;--fs-body-lg: 18px;--fs-body: 16px;--fs-body-sm: 14px;--fs-caption: 12px;--fs-eyebrow: 12px;--fs-code: 13.5px;--lh-display: 1.05;--lh-h1: 1.1;--lh-h2: 1.15;--lh-h3: 1.2;--lh-h4: 1.3;--lh-h5: 1.4;--lh-body-lg: 1.55;--lh-body: 1.55;--lh-body-sm: 1.5;--lh-caption: 1.45;--lh-eyebrow: 1.2;--tr-display: -.025em;--tr-h1: -.022em;--tr-h2: -.018em;--tr-h3: -.014em;--tr-h4: -.01em;--tr-h5: -.005em;--tr-eyebrow: .08em;--side-bg: #fff;--side-border: var(--border-1);--side-fg: var(--slate-600);--side-group: var(--slate-400);--side-active-bg: var(--violet-50);--side-active-fg: var(--violet-700);--side-hover: var(--bg-2);--side-foot-bg: var(--bg-2);--side-foot-fg: var(--slate-500);--side-w: 216px}[data-theme=dark]{--bg-app: #0f0f19;--bg-1: #181828;--bg-2: #212134;--bg-3: #292940;--fg-1: #f3f3fb;--fg-2: #d0d0e0;--fg-3: #9a9ab4;--fg-4: #6a6a84;--border-1: rgba(255, 255, 255, .09);--border-2: rgba(255, 255, 255, .15);--side-bg: #131320;--side-border: rgba(255, 255, 255, .07);--side-fg: #b4b4c8;--side-group: #71718c;--side-active-bg: rgba(109, 72, 223, .26);--side-active-fg: #cebdff;--side-hover: rgba(255, 255, 255, .05);--side-foot-bg: rgba(255, 255, 255, .05);--side-foot-fg: #9a9ab4;--violet-50: rgba(109, 72, 223, .2);--orange-50: rgba(237, 109, 62, .16);--violet-100: rgba(109, 72, 223, .34);--violet-700: #c3b0ff;--violet-800: #d7c9ff;--violet-900: #e7ddff;--orange-600: #f29367;--orange-700: #f4a87f;--orange-800: #f6bd9c;--success-50: rgba(63, 174, 122, .16);--warning-50: rgba(214, 160, 60, .16);--danger-50: rgba(216, 76, 76, .16);--info-50: rgba(90, 120, 230, .16)}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--fg-1);font-weight:var(--weight-bold);letter-spacing:-.018em;margin:0;text-wrap:balance}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--tr-h1)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3)}h4{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h4);font-weight:var(--weight-semibold)}h5{font-size:var(--fs-h5);line-height:var(--lh-h5);letter-spacing:var(--tr-h5);font-weight:var(--weight-semibold)}p{margin:0;text-wrap:pretty}code,kbd,pre,samp{font-family:var(--font-mono);font-size:var(--fs-code)}a{color:var(--fg-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--fg-link-hover)}::selection{background:var(--violet-100);color:var(--violet-900)}.eyebrow{font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--ds-accent)}