:root,:host{--dlg-space-1: 4px;--dlg-space-2: 8px;--dlg-space-3: 12px;--dlg-space-4: 16px;--dlg-space-6: 24px;--dlg-space-8: 32px;--dlg-space-12: 48px;--dlg-space-16: 64px;--dlg-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dlg-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--dlg-text-xs: 12px;--dlg-leading-xs: 16px;--dlg-text-sm: 14px;--dlg-leading-sm: 20px;--dlg-text-md: 16px;--dlg-leading-md: 24px;--dlg-text-lg: 20px;--dlg-leading-lg: 28px;--dlg-text-xl: 24px;--dlg-leading-xl: 32px;--dlg-text-2xl: 32px;--dlg-leading-2xl: 40px;--dlg-text-3xl: 40px;--dlg-leading-3xl: 48px;--dlg-weight-regular: 400;--dlg-weight-medium: 500;--dlg-weight-semibold: 600;--dlg-weight-bold: 700;--dlg-surface: #ffffff;--dlg-surface-muted: #f4f6fa;--dlg-surface-sunken: #eef2f8;--dlg-surface-inverse: #101828;--dlg-ink: #101828;--dlg-ink-text: #e2e8f0;--dlg-ink-muted: #94a3b8;--dlg-ink-border: #1f2a3c;--dlg-border: #e3e8f0;--dlg-border-strong: #d3dbe7;--dlg-border-control: #7d8da4;--dlg-text: #0f172a;--dlg-text-muted: #5b6878;--dlg-text-subtle: #606e85;--dlg-text-inverse: #ffffff;--dlg-accent: #2b6cf6;--dlg-accent-hover: #1f57cf;--dlg-accent-text: #1d54c9;--dlg-accent-soft: #eaf1ff;--dlg-accent-contrast: #ffffff;--dlg-danger: #d92020;--dlg-danger-text: #b91c1c;--dlg-danger-soft: #fef2f2;--dlg-warning: #b45309;--dlg-warning-text: #9a4a08;--dlg-warning-soft: #fffaeb;--dlg-success: #15803d;--dlg-success-text: #136c35;--dlg-success-soft: #f0fdf4;--dlg-overlay: rgba(15, 23, 42, .45);--dlg-focus-ring: #2b6cf6;--dlg-radius-sm: 8px;--dlg-radius-md: 12px;--dlg-radius-lg: 16px;--dlg-radius-full: 999px;--dlg-shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--dlg-shadow-md: 0 8px 24px rgba(15, 23, 42, .1), 0 1px 2px rgba(15, 23, 42, .06);--dlg-shadow-lg: 0 24px 60px rgba(15, 23, 42, .22), 0 2px 6px rgba(15, 23, 42, .08);--dlg-duration-fast: .12s;--dlg-duration-base: .2s;--dlg-ease: cubic-bezier(.2, 0, .2, 1);--dlg-z-base: 1;--dlg-z-dropdown: 1000;--dlg-z-sticky: 1100;--dlg-z-tooltip: 1200;--dlg-z-modal: 1300;--dlg-z-toast: 1400;--dlg-z-widget-root: 2147483000}:root[data-theme=dark],:host([data-theme="dark"]),.dlg-theme-dark{--dlg-surface: #141b27;--dlg-surface-muted: #0d131d;--dlg-surface-sunken: #1b2433;--dlg-surface-inverse: #e9eef7;--dlg-ink: #0b111c;--dlg-ink-text: #e2e8f0;--dlg-ink-muted: #94a3b8;--dlg-ink-border: #1c2633;--dlg-border: #27313f;--dlg-border-strong: #33404f;--dlg-border-control: #5f6e88;--dlg-text: #e9eef7;--dlg-text-muted: #a7b4c6;--dlg-text-subtle: #8d9bb0;--dlg-text-inverse: #0b1220;--dlg-accent: #5b8cff;--dlg-accent-hover: #7ba3ff;--dlg-accent-text: #7ba3ff;--dlg-accent-soft: #1c2942;--dlg-accent-contrast: #0b1220;--dlg-danger: #ef4444;--dlg-danger-text: #f87171;--dlg-danger-soft: #2a1416;--dlg-warning: #d97706;--dlg-warning-text: #fbbf24;--dlg-warning-soft: #2a2110;--dlg-success: #22c55e;--dlg-success-text: #4ade80;--dlg-success-soft: #10261a;--dlg-overlay: rgba(3, 7, 18, .62);--dlg-focus-ring: #7ba3ff;--dlg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--dlg-shadow-md: 0 8px 24px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .04);--dlg-shadow-lg: 0 24px 60px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .06)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--dlg-surface: #141b27;--dlg-surface-muted: #0d131d;--dlg-surface-sunken: #1b2433;--dlg-surface-inverse: #e9eef7;--dlg-ink: #0b111c;--dlg-ink-text: #e2e8f0;--dlg-ink-muted: #94a3b8;--dlg-ink-border: #1c2633;--dlg-border: #27313f;--dlg-border-strong: #33404f;--dlg-border-control: #5f6e88;--dlg-text: #e9eef7;--dlg-text-muted: #a7b4c6;--dlg-text-subtle: #8d9bb0;--dlg-text-inverse: #0b1220;--dlg-accent: #5b8cff;--dlg-accent-hover: #7ba3ff;--dlg-accent-text: #7ba3ff;--dlg-accent-soft: #1c2942;--dlg-accent-contrast: #0b1220;--dlg-danger: #ef4444;--dlg-danger-text: #f87171;--dlg-danger-soft: #2a1416;--dlg-warning: #d97706;--dlg-warning-text: #fbbf24;--dlg-warning-soft: #2a2110;--dlg-success: #22c55e;--dlg-success-text: #4ade80;--dlg-success-soft: #10261a;--dlg-overlay: rgba(3, 7, 18, .62);--dlg-focus-ring: #7ba3ff;--dlg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--dlg-shadow-md: 0 8px 24px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .04);--dlg-shadow-lg: 0 24px 60px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .06)}}@media (prefers-reduced-motion: reduce){:root,:host{--dlg-duration-fast: 1ms;--dlg-duration-base: 1ms}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--dlg-surface-muted, #f4f6fa);color:var(--dlg-text, #0f172a);font-family:var(--dlg-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);font-size:var(--dlg-text-sm, 14px);line-height:var(--dlg-leading-sm, 20px);-webkit-font-smoothing:antialiased}a{color:var(--dlg-accent-text, #1d54c9)}button,input,textarea,select{font:inherit;color:inherit}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--dlg-focus-ring, #2b6cf6);outline-offset:2px;border-radius:var(--dlg-radius-sm, 8px)}::selection{background:var(--dlg-accent-soft, #eaf1ff);color:var(--dlg-text, #0f172a)}:where(.convs,.stream,.page,.col-side)::-webkit-scrollbar{width:8px;height:8px}:where(.convs,.stream,.page,.col-side)::-webkit-scrollbar-thumb{background:var(--dlg-border-strong, #d3dbe7);border-radius:var(--dlg-radius-full, 999px)}.btn{--btn-height: 40px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--dlg-space-2, 8px);min-height:var(--btn-height, 40px);padding:0 var(--dlg-space-4, 16px);border:1px solid var(--dlg-border-strong, #d3dbe7);border-radius:var(--dlg-radius-sm, 8px);background:var(--dlg-surface, #fff);color:var(--dlg-text, #0f172a);font-size:var(--dlg-text-sm, 14px);line-height:var(--dlg-leading-sm, 20px);font-weight:var(--dlg-weight-medium, 500);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease),border-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease),color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}.btn:hover{background:var(--dlg-surface-sunken, #eef2f8);border-color:var(--dlg-border-control, #7d8da4)}.btn:active{background:var(--dlg-border, #e3e8f0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;background:var(--dlg-surface, #fff);border-color:var(--dlg-border, #e3e8f0)}.btn--primary{background:var(--dlg-accent, #2b6cf6);border-color:var(--dlg-accent, #2b6cf6);color:var(--dlg-accent-contrast, #fff)}.btn--primary:hover{background:var(--dlg-accent-hover, #1f57cf);border-color:var(--dlg-accent-hover, #1f57cf)}.btn--primary:active{background:var(--dlg-accent-hover, #1f57cf);filter:brightness(.94)}.btn--primary:disabled{background:var(--dlg-accent, #2b6cf6);border-color:var(--dlg-accent, #2b6cf6)}.btn--ghost{background:transparent;border-color:transparent;color:var(--dlg-text-muted, #5b6878)}.btn--ghost:hover{background:var(--dlg-surface-sunken, #eef2f8);border-color:transparent;color:var(--dlg-text, #0f172a)}.btn--danger{color:var(--dlg-danger-text, #b91c1c)}.btn--danger:hover{background:var(--dlg-danger-soft, #fef2f2);border-color:var(--dlg-danger, #d92020)}.btn--sm{--btn-height: 32px;padding:0 var(--dlg-space-3, 12px);font-size:var(--dlg-text-xs, 12px)}.btn--lg{--btn-height: 48px;padding:0 var(--dlg-space-6, 24px);font-size:var(--dlg-text-md, 16px)}.btn--block{width:100%}.btn[data-loading=true]{pointer-events:none;color:transparent}.btn[data-loading=true]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentcolor;border-top-color:transparent;border-radius:var(--dlg-radius-full, 999px);color:var(--dlg-text-muted, #5b6878);animation:dlg-spin .7s linear infinite}.btn--primary[data-loading=true]:after{color:var(--dlg-accent-contrast, #fff)}@keyframes dlg-spin{to{transform:rotate(360deg)}}.iconbtn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-sm, 8px);background:var(--dlg-surface, #fff);color:var(--dlg-text-muted, #5b6878);cursor:pointer;transition:background-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease),color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease),border-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}.iconbtn:hover{color:var(--dlg-accent-text, #1d54c9);border-color:var(--dlg-border-control, #7d8da4)}.iconbtn:active{background:var(--dlg-surface-sunken, #eef2f8)}.iconbtn:disabled{opacity:.55;cursor:not-allowed}.iconbtn svg,.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.field{display:flex;flex-direction:column;gap:var(--dlg-space-2, 8px);margin-bottom:var(--dlg-space-4, 16px)}.field label{font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px);color:var(--dlg-text-muted, #5b6878);font-weight:var(--dlg-weight-medium, 500)}.field .hint{font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px);color:var(--dlg-text-subtle, #606e85)}.input,.field input,.field textarea,.field select,.composer textarea{width:100%;min-height:40px;padding:var(--dlg-space-2, 8px) var(--dlg-space-3, 12px);border:1px solid var(--dlg-border-control, #7d8da4);border-radius:var(--dlg-radius-sm, 8px);background:var(--dlg-surface, #fff);color:var(--dlg-text, #0f172a);font-size:var(--dlg-text-sm, 14px);line-height:var(--dlg-leading-sm, 20px);transition:border-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}.field textarea,.composer textarea{resize:vertical}.input::placeholder,.field input::placeholder,.field textarea::placeholder,.composer textarea::placeholder{color:var(--dlg-text-subtle, #606e85)}.input:hover,.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--dlg-text-muted, #5b6878)}.input:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible,.composer textarea:focus-visible{border-color:var(--dlg-accent, #2b6cf6)}.input:disabled,.field input:disabled,.field textarea:disabled,.field select:disabled{background:var(--dlg-surface-sunken, #eef2f8);color:var(--dlg-text-subtle, #606e85);cursor:not-allowed}.input[aria-invalid=true],.field input[aria-invalid=true]{border-color:var(--dlg-danger, #d92020)}.field select,.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--dlg-space-8, 32px);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:right 16px center,right 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--dlg-text, #0f172a);cursor:pointer}.check,.switch input,.field input[type=checkbox],.field input[type=radio]{width:20px;height:20px;accent-color:var(--dlg-accent, #2b6cf6);cursor:pointer;flex:none}.switch{display:flex;align-items:center;gap:var(--dlg-space-3, 12px);min-height:40px;cursor:pointer;font-size:var(--dlg-text-sm, 14px)}.switch:has(input:disabled){opacity:.55;cursor:not-allowed}.panel,.card{background:var(--dlg-surface, #fff);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-md, 12px);box-shadow:var(--dlg-shadow-sm, 0 1px 2px rgba(15, 23, 42, .08))}.panel{padding:var(--dlg-space-6, 24px);margin-bottom:var(--dlg-space-4, 16px)}.card{padding:var(--dlg-space-4, 16px);margin-bottom:var(--dlg-space-3, 12px)}.panel h2{margin:0 0 var(--dlg-space-1, 4px);font-size:var(--dlg-text-md, 16px);line-height:var(--dlg-leading-md, 24px);font-weight:var(--dlg-weight-semibold, 600)}.panel .sub{color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-sm, 14px);margin-bottom:var(--dlg-space-4, 16px)}.card h3{margin:0 0 var(--dlg-space-3, 12px);font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px);letter-spacing:.04em;text-transform:uppercase;color:var(--dlg-text-muted, #5b6878);font-weight:var(--dlg-weight-semibold, 600)}.kv{display:flex;justify-content:space-between;gap:var(--dlg-space-3, 12px);padding:var(--dlg-space-2, 8px) 0;border-bottom:1px solid var(--dlg-border, #e3e8f0);font-size:var(--dlg-text-sm, 14px)}.kv:last-child{border-bottom:0}.kv span{color:var(--dlg-text-muted, #5b6878);flex:none}.kv b{font-weight:var(--dlg-weight-medium, 500);text-align:right;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:var(--dlg-space-2, 8px)}.chip{display:inline-flex;align-items:center;gap:var(--dlg-space-2, 8px);min-height:32px;padding:0 var(--dlg-space-3, 12px);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-full, 999px);background:var(--dlg-surface, #fff);color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px);cursor:pointer;transition:background-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease),color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease),border-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}.chip:hover{border-color:var(--dlg-border-control, #7d8da4);color:var(--dlg-text, #0f172a)}.chip:active{background:var(--dlg-surface-sunken, #eef2f8)}.chip[aria-pressed=true],.chip.on,.chip[aria-selected=true]{background:var(--dlg-accent, #2b6cf6);border-color:var(--dlg-accent, #2b6cf6);color:var(--dlg-accent-contrast, #fff)}.chip:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--dlg-space-1, 4px);padding:2px var(--dlg-space-2, 8px);border-radius:var(--dlg-radius-full, 999px);background:var(--dlg-surface-sunken, #eef2f8);color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px);font-weight:var(--dlg-weight-medium, 500);white-space:nowrap}.badge--accent{background:var(--dlg-accent-soft, #eaf1ff);color:var(--dlg-accent-text, #1d54c9)}.badge--success{background:var(--dlg-success-soft, #f0fdf4);color:var(--dlg-success-text, #136c35)}.badge--warning{background:var(--dlg-warning-soft, #fffaeb);color:var(--dlg-warning-text, #9a4a08)}.badge--danger{background:var(--dlg-danger-soft, #fef2f2);color:var(--dlg-danger-text, #b91c1c)}.tag{display:inline-flex;align-items:center;gap:var(--dlg-space-2, 8px);padding:var(--dlg-space-1, 4px) var(--dlg-space-3, 12px);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-full, 999px);background:var(--dlg-surface-sunken, #eef2f8);font-size:var(--dlg-text-xs, 12px)}.tag button{border:0;background:none;padding:0;color:var(--dlg-text-muted, #5b6878);cursor:pointer;line-height:1}.tag button:hover{color:var(--dlg-danger-text, #b91c1c)}.unread,.pin{display:grid;place-items:center;min-width:20px;height:20px;padding:0 var(--dlg-space-1, 4px);border-radius:var(--dlg-radius-full, 999px);background:var(--dlg-accent, #2b6cf6);color:var(--dlg-accent-contrast, #fff);font-size:var(--dlg-text-xs, 12px);font-weight:var(--dlg-weight-semibold, 600)}.tbl{width:100%;border-collapse:collapse}.tbl th{position:sticky;top:0;z-index:var(--dlg-z-sticky, 1100);padding:var(--dlg-space-2, 8px) var(--dlg-space-3, 12px);border-bottom:1px solid var(--dlg-border, #e3e8f0);background:var(--dlg-surface, #fff);text-align:left;font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px);letter-spacing:.04em;text-transform:uppercase;color:var(--dlg-text-muted, #5b6878);font-weight:var(--dlg-weight-semibold, 600)}.tbl td{padding:var(--dlg-space-3, 12px);border-bottom:1px solid var(--dlg-border, #e3e8f0);font-size:var(--dlg-text-sm, 14px)}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:var(--dlg-surface-sunken, #eef2f8)}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.tblwrap{overflow-x:auto}.tabs{display:flex;gap:var(--dlg-space-1, 4px);border-bottom:1px solid var(--dlg-border, #e3e8f0);margin-bottom:var(--dlg-space-4, 16px);overflow-x:auto}.tab{position:relative;min-height:40px;padding:0 var(--dlg-space-3, 12px);border:0;background:none;color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-sm, 14px);font-weight:var(--dlg-weight-medium, 500);white-space:nowrap;cursor:pointer}.tab:hover{color:var(--dlg-text, #0f172a)}.tab[aria-selected=true]{color:var(--dlg-accent-text, #1d54c9)}.tab[aria-selected=true]:after{content:"";position:absolute;left:var(--dlg-space-3, 12px);right:var(--dlg-space-3, 12px);bottom:-1px;height:2px;background:var(--dlg-accent, #2b6cf6);border-radius:var(--dlg-radius-full, 999px)}.alert{display:flex;gap:var(--dlg-space-3, 12px);align-items:flex-start;padding:var(--dlg-space-3, 12px) var(--dlg-space-4, 16px);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-sm, 8px);font-size:var(--dlg-text-sm, 14px);margin-bottom:var(--dlg-space-3, 12px)}.alert--danger,.error{background:var(--dlg-danger-soft, #fef2f2);border-color:var(--dlg-danger, #d92020);color:var(--dlg-danger-text, #b91c1c)}.alert--success,.ok{background:var(--dlg-success-soft, #f0fdf4);border-color:var(--dlg-success, #15803d);color:var(--dlg-success-text, #136c35)}.alert--warning{background:var(--dlg-warning-soft, #fffaeb);border-color:var(--dlg-warning, #b45309);color:var(--dlg-warning-text, #9a4a08)}.error,.ok{padding:var(--dlg-space-3, 12px) var(--dlg-space-4, 16px);border-width:1px;border-style:solid;border-radius:var(--dlg-radius-sm, 8px);font-size:var(--dlg-text-sm, 14px);margin-bottom:var(--dlg-space-3, 12px)}.empty{display:grid;place-items:center;align-content:center;gap:var(--dlg-space-2, 8px);min-height:160px;height:100%;padding:var(--dlg-space-8, 32px);color:var(--dlg-text-subtle, #606e85);text-align:center}.empty svg{color:var(--dlg-border-strong, #d3dbe7)}.empty p{max-width:320px;margin:0}.empty--sm{min-height:120px;padding:var(--dlg-space-4, 16px)}.skeleton{position:relative;overflow:hidden;background:var(--dlg-surface-sunken, #eef2f8);border-radius:var(--dlg-radius-sm, 8px);height:16px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--dlg-surface, #fff),transparent);opacity:.6;transform:translate(-100%);animation:dlg-shimmer 1.2s infinite}.skeleton--text{height:12px;margin:var(--dlg-space-1, 4px) 0}.skeleton--title{height:20px;width:40%}.skeleton--avatar{width:40px;height:40px;border-radius:var(--dlg-radius-full, 999px)}@keyframes dlg-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none;opacity:0}}.pager{display:flex;align-items:center;gap:var(--dlg-space-2, 8px);justify-content:center;padding:var(--dlg-space-4, 16px) 0}.pager__info{color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px)}.pager .btn{min-width:40px}.pager .btn[aria-current=page]{background:var(--dlg-accent-soft, #eaf1ff);border-color:var(--dlg-accent, #2b6cf6);color:var(--dlg-accent-text, #1d54c9)}.shell{display:grid;grid-template-columns:72px 1fr;height:100%}.rail{display:flex;flex-direction:column;align-items:center;gap:var(--dlg-space-1, 4px);padding:var(--dlg-space-3, 12px) 0;background:var(--dlg-ink, #101828)}.rail .logo{display:grid;place-items:center;width:40px;height:40px;margin-bottom:var(--dlg-space-2, 8px);border-radius:var(--dlg-radius-md, 12px);background:var(--dlg-accent, #2b6cf6);color:var(--dlg-accent-contrast, #fff);font-weight:var(--dlg-weight-bold, 700)}.rail a{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--dlg-radius-md, 12px);color:var(--dlg-ink-muted, #94a3b8);text-decoration:none;transition:background-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease),color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}.rail a:hover{background:#ffffff1a;color:var(--dlg-ink-text, #e2e8f0)}.rail a.active{background:var(--dlg-accent, #2b6cf6);color:var(--dlg-accent-contrast, #fff)}.rail a:focus-visible{outline-offset:-2px}.rail svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.rail .spacer{flex:1}.rail .pin{position:absolute;top:var(--dlg-space-1, 4px);right:var(--dlg-space-1, 4px);z-index:var(--dlg-z-base, 1)}.page{height:100%;overflow:auto}.pagehead{display:flex;align-items:center;gap:var(--dlg-space-3, 12px);flex-wrap:wrap;padding:var(--dlg-space-6, 24px) var(--dlg-space-6, 24px) 0}.pagehead h1{margin:0;font-size:var(--dlg-text-lg, 20px);line-height:var(--dlg-leading-lg, 28px);font-weight:var(--dlg-weight-semibold, 600)}.pagebody{padding:var(--dlg-space-4, 16px) var(--dlg-space-6, 24px) var(--dlg-space-12, 48px)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--dlg-space-3, 12px);margin-bottom:var(--dlg-space-4, 16px)}.stat{padding:var(--dlg-space-4, 16px);background:var(--dlg-surface, #fff);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-md, 12px)}.stat b{display:block;font-size:var(--dlg-text-xl, 24px);line-height:var(--dlg-leading-xl, 32px);font-weight:var(--dlg-weight-semibold, 600)}.stat span{color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 var(--dlg-space-4, 16px)}.code{padding:var(--dlg-space-4, 16px);border-radius:var(--dlg-radius-sm, 8px);background:var(--dlg-ink, #101828);color:var(--dlg-ink-text, #e2e8f0);font-family:var(--dlg-font-mono, ui-monospace, Menlo, monospace);font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-md, 24px);white-space:pre-wrap;overflow-wrap:anywhere}.ava{position:relative;display:grid;place-items:center;width:var(--ava-size, 40px);height:var(--ava-size, 40px);font-size:calc(var(--ava-size, 40px) / 2.6);background:var(--ava-bg, var(--dlg-accent, #2b6cf6));flex:none;border-radius:var(--dlg-radius-full, 999px);color:var(--dlg-accent-contrast, #fff);font-weight:var(--dlg-weight-semibold, 600)}.ava .live{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:var(--dlg-radius-full, 999px);background:var(--dlg-success, #15803d);border:2px solid var(--dlg-surface, #fff)}.inbox{display:grid;grid-template-columns:340px 1fr 300px;height:100%;background:var(--dlg-surface, #fff)}.inbox>*{min-width:0}.col-list{display:flex;flex-direction:column;border-right:1px solid var(--dlg-border, #e3e8f0);background:var(--dlg-surface, #fff)}.col-chat{display:flex;flex-direction:column;background:var(--dlg-surface-muted, #f4f6fa)}.col-side{overflow-y:auto;padding:var(--dlg-space-4, 16px);border-left:1px solid var(--dlg-border, #e3e8f0);background:var(--dlg-surface, #fff)}.listhead{display:flex;flex-direction:column;gap:var(--dlg-space-3, 12px);padding:var(--dlg-space-3, 12px);border-bottom:1px solid var(--dlg-border, #e3e8f0)}.search{display:flex;align-items:center;gap:var(--dlg-space-2, 8px);min-height:40px;padding:0 var(--dlg-space-3, 12px);border:1px solid var(--dlg-border-control, #7d8da4);border-radius:var(--dlg-radius-sm, 8px);background:var(--dlg-surface, #fff);color:var(--dlg-text-muted, #5b6878)}.search:focus-within{border-color:var(--dlg-accent, #2b6cf6);outline:2px solid var(--dlg-focus-ring, #2b6cf6);outline-offset:2px}.search input{width:100%;border:0;background:none;outline:none;color:var(--dlg-text, #0f172a)}.convs{flex:1;overflow-y:auto}.conv{display:flex;gap:var(--dlg-space-3, 12px);align-items:flex-start;width:100%;padding:var(--dlg-space-3, 12px);border:0;border-bottom:1px solid var(--dlg-border, #e3e8f0);background:var(--dlg-surface, #fff);text-align:left;cursor:pointer;transition:background-color var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}.conv:hover{background:var(--dlg-surface-sunken, #eef2f8)}.conv:focus-visible{outline-offset:-2px}.conv[aria-current=true],.conv.on{background:var(--dlg-accent-soft, #eaf1ff)}.conv .mid{flex:1;min-width:0}.conv .name{display:flex;align-items:center;gap:var(--dlg-space-2, 8px);font-weight:var(--dlg-weight-semibold, 600)}.conv .name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv .last{color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv .right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--dlg-space-1, 4px);flex:none}.conv time{color:var(--dlg-text-subtle, #606e85);font-size:var(--dlg-text-xs, 12px);white-space:nowrap}.chathead{display:flex;align-items:center;gap:var(--dlg-space-3, 12px);padding:var(--dlg-space-3, 12px) var(--dlg-space-4, 16px);border-bottom:1px solid var(--dlg-border, #e3e8f0);background:var(--dlg-surface, #fff)}.chathead .who{flex:1;min-width:0}.chathead .who b{display:block;font-weight:var(--dlg-weight-semibold, 600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chathead .who small{display:block;color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--dlg-space-3, 12px);padding:var(--dlg-space-4, 16px)}.m{display:flex;flex-direction:column;gap:var(--dlg-space-1, 4px);max-width:70%}.m.in{align-self:flex-start}.m.out{align-self:flex-end;align-items:flex-end}.m .b{padding:var(--dlg-space-2, 8px) var(--dlg-space-3, 12px);border-radius:var(--dlg-radius-md, 12px);background:var(--dlg-surface, #fff);box-shadow:var(--dlg-shadow-sm, 0 1px 2px rgba(15, 23, 42, .08));white-space:pre-wrap;overflow-wrap:anywhere}.m.in .b{border-bottom-left-radius:var(--dlg-space-1, 4px)}.m.out .b{background:var(--dlg-accent, #2b6cf6);color:var(--dlg-accent-contrast, #fff);border-bottom-right-radius:var(--dlg-space-1, 4px)}.m.bot .b{background:var(--dlg-accent-soft, #eaf1ff);color:var(--dlg-text, #0f172a);border:1px solid var(--dlg-border, #e3e8f0)}.m .t{color:var(--dlg-text-subtle, #606e85);font-size:var(--dlg-text-xs, 12px)}.m .who{color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px);font-weight:var(--dlg-weight-semibold, 600)}.m .b img{display:block;max-width:260px;margin-top:var(--dlg-space-2, 8px);border-radius:var(--dlg-radius-sm, 8px)}.m .b a.file{display:inline-flex;gap:var(--dlg-space-2, 8px);align-items:center;margin-top:var(--dlg-space-2, 8px);padding:var(--dlg-space-2, 8px) var(--dlg-space-3, 12px);border-radius:var(--dlg-radius-sm, 8px);background:var(--dlg-surface-sunken, #eef2f8);color:inherit;text-decoration:none;font-size:var(--dlg-text-xs, 12px)}.sys{align-self:center;padding:var(--dlg-space-1, 4px) var(--dlg-space-3, 12px);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-full, 999px);background:var(--dlg-surface, #fff);color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px)}.typingline{align-self:flex-start;color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px);font-style:italic}.composer{padding:var(--dlg-space-3, 12px);border-top:1px solid var(--dlg-border, #e3e8f0);background:var(--dlg-surface, #fff)}.composer .row{display:flex;gap:var(--dlg-space-2, 8px);align-items:flex-end}.composer textarea{max-height:152px;background:var(--dlg-surface-sunken, #eef2f8)}.composer textarea:focus-visible{background:var(--dlg-surface, #fff)}.toast{position:fixed;right:var(--dlg-space-4, 16px);bottom:var(--dlg-space-4, 16px);z-index:var(--dlg-z-toast, 1400);max-width:340px;padding:var(--dlg-space-3, 12px) var(--dlg-space-4, 16px);border-radius:var(--dlg-radius-md, 12px);background:var(--dlg-ink, #101828);color:var(--dlg-ink-text, #e2e8f0);box-shadow:var(--dlg-shadow-lg, 0 24px 60px rgba(15, 23, 42, .22));cursor:pointer;text-align:left;border:0}.toast b{display:block;margin-bottom:var(--dlg-space-1, 4px)}.toast small{opacity:.8}.login{display:grid;place-items:center;min-height:100%;padding:var(--dlg-space-6, 24px)}.login form{width:360px;max-width:100%;padding:var(--dlg-space-6, 24px);background:var(--dlg-surface, #fff);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-lg, 16px);box-shadow:var(--dlg-shadow-md, 0 8px 24px rgba(15, 23, 42, .1))}.login h1{margin:0 0 var(--dlg-space-1, 4px);font-size:var(--dlg-text-xl, 24px);line-height:var(--dlg-leading-xl, 32px)}.login p.sub{margin:0 0 var(--dlg-space-6, 24px);color:var(--dlg-text-muted, #5b6878)}.kit-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--dlg-space-3, 12px)}.kit-swatch{display:flex;align-items:center;gap:var(--dlg-space-2, 8px)}.kit-swatch i{width:40px;height:40px;flex:none;border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-sm, 8px)}.kit-spaces{display:flex;flex-wrap:wrap;gap:var(--dlg-space-6, 24px);align-items:flex-end}.kit-spaces>div{display:flex;flex-direction:column;align-items:center;gap:var(--dlg-space-2, 8px)}.kit-spaces i{display:block;background:var(--dlg-accent, #2b6cf6);border-radius:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--dlg-z-modal, 1300);display:grid;place-items:center;padding:var(--dlg-space-4, 16px);background:var(--dlg-overlay, rgba(15, 23, 42, .45));animation:dlg-fade var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}@keyframes dlg-fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-height:calc(100vh - var(--dlg-space-8, 32px));display:flex;flex-direction:column;background:var(--dlg-surface, #fff);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-lg, 16px);box-shadow:var(--dlg-shadow-lg, 0 24px 60px rgba(15, 23, 42, .22));animation:dlg-rise var(--dlg-duration-base, .2s) var(--dlg-ease, ease)}.modal--sm{max-width:420px}.modal--md{max-width:560px}.modal--lg{max-width:760px}@keyframes dlg-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal__head{display:flex;align-items:flex-start;gap:var(--dlg-space-3, 12px);padding:var(--dlg-space-4, 16px) var(--dlg-space-4, 16px) var(--dlg-space-3, 12px);border-bottom:1px solid var(--dlg-border, #e3e8f0)}.modal__head h2{margin:0;font-size:var(--dlg-text-md, 16px);line-height:var(--dlg-leading-md, 24px);font-weight:var(--dlg-weight-semibold, 600)}.modal__head>div{flex:1;min-width:0}.modal__sub{margin:var(--dlg-space-1, 4px) 0 0;color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px)}.modal__body{padding:var(--dlg-space-4, 16px);overflow-y:auto}.modal__body .field:last-child{margin-bottom:0}.modal__foot{display:flex;gap:var(--dlg-space-2, 8px);justify-content:flex-end;padding:var(--dlg-space-3, 12px) var(--dlg-space-4, 16px);border-top:1px solid var(--dlg-border, #e3e8f0)}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--dlg-space-2, 8px);width:100%;min-height:40px;padding:var(--dlg-space-2, 8px) var(--dlg-space-3, 12px);border:1px solid var(--dlg-border-control, #7d8da4);border-radius:var(--dlg-radius-sm, 8px);background:var(--dlg-surface, #fff);color:var(--dlg-text, #0f172a);font-size:var(--dlg-text-sm, 14px);text-align:left;cursor:pointer}.select-trigger:hover{border-color:var(--dlg-text-muted, #5b6878)}.select-trigger[aria-expanded=true]{border-color:var(--dlg-accent, #2b6cf6)}.select-trigger__placeholder{color:var(--dlg-text-subtle, #606e85)}.select-trigger svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.dropdown{z-index:var(--dlg-z-dropdown, 1000);margin:0;padding:var(--dlg-space-1, 4px);list-style:none;overflow-y:auto;overscroll-behavior:contain;background:var(--dlg-surface, #fff);border:1px solid var(--dlg-border, #e3e8f0);border-radius:var(--dlg-radius-sm, 8px);box-shadow:var(--dlg-shadow-md, 0 8px 24px rgba(15, 23, 42, .1));animation:dlg-fade var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}.dropdown__item{display:flex;align-items:center;justify-content:space-between;gap:var(--dlg-space-2, 8px);width:100%;min-height:36px;padding:var(--dlg-space-2, 8px) var(--dlg-space-3, 12px);border:0;border-radius:var(--dlg-radius-sm, 8px);background:none;color:var(--dlg-text, #0f172a);font-size:var(--dlg-text-sm, 14px);text-align:left;cursor:pointer}.dropdown__item[data-active=true]{background:var(--dlg-surface-sunken, #eef2f8)}.dropdown__item[aria-selected=true]{color:var(--dlg-accent-text, #1d54c9);font-weight:var(--dlg-weight-medium, 500)}.dropdown__item svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.overlay--sheet{align-items:end;padding:0}.sheet{width:100%;max-height:70vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--dlg-surface, #fff);border-radius:var(--dlg-radius-lg, 16px) var(--dlg-radius-lg, 16px) 0 0;box-shadow:var(--dlg-shadow-lg, 0 24px 60px rgba(15, 23, 42, .22));animation:dlg-slide-up var(--dlg-duration-base, .2s) var(--dlg-ease, ease)}@keyframes dlg-slide-up{0%{transform:translateY(100%)}to{transform:none}}.sheet__grip{width:40px;height:4px;margin:var(--dlg-space-2, 8px) auto;border-radius:var(--dlg-radius-full, 999px);background:var(--dlg-border-strong, #d3dbe7)}.sheet__title{margin:0;padding:var(--dlg-space-2, 8px) var(--dlg-space-4, 16px);font-size:var(--dlg-text-md, 16px)}.sheet__list{margin:0;padding:var(--dlg-space-2, 8px);list-style:none;overflow-y:auto;overscroll-behavior:contain}.sheet__list .dropdown__item{min-height:48px;font-size:var(--dlg-text-md, 16px)}.tooltip{z-index:var(--dlg-z-tooltip, 1200);max-width:240px;padding:var(--dlg-space-1, 4px) var(--dlg-space-2, 8px);border-radius:var(--dlg-radius-sm, 8px);background:var(--dlg-ink, #101828);color:var(--dlg-ink-text, #e2e8f0);font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px);pointer-events:none;animation:dlg-fade var(--dlg-duration-fast, .12s) var(--dlg-ease, ease)}@media (max-width: 480px){.modal{max-height:calc(100dvh - var(--dlg-space-6, 24px))}.modal__foot{flex-direction:column-reverse}.modal__foot .btn{width:100%}}.head-select{width:220px}.listhead .select-trigger{min-height:40px}@media (max-width: 1024px){.inbox{grid-template-columns:300px 1fr}.col-side{grid-column:1 / -1;border-left:0;border-top:1px solid var(--dlg-border, #e3e8f0);max-height:40vh}}@media (max-width: 768px){.shell{grid-template-columns:56px 1fr}.inbox{grid-template-columns:1fr;grid-template-rows:1fr}.inbox[data-open="1"] .col-list,.inbox[data-open="0"] .col-chat,.inbox[data-open="0"] .col-side,.inbox[data-open="1"] .col-side{display:none}.pagehead,.pagebody{padding-left:var(--dlg-space-4, 16px);padding-right:var(--dlg-space-4, 16px)}.btn,.iconbtn,.chip,.tab,.search,.input,.field input,.field select,.field textarea,.select-trigger{min-height:44px}.iconbtn{width:44px}.dropdown__item{min-height:44px}.search input{align-self:stretch}.m{max-width:86%}.composer{padding-bottom:calc(var(--dlg-space-3, 12px) + env(safe-area-inset-bottom,0px))}.toast{left:var(--dlg-space-4, 16px);right:var(--dlg-space-4, 16px);max-width:none;bottom:calc(var(--dlg-space-4, 16px) + env(safe-area-inset-bottom,0px))}}@media (max-width: 480px){.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.panel{padding:var(--dlg-space-4, 16px)}}.panel--narrow{max-width:720px}.panel--form{max-width:560px}.stack-8{margin-bottom:var(--dlg-space-2, 8px)}.stack-12{margin-bottom:var(--dlg-space-3, 12px)}.spacer{flex:1}.nowrap{white-space:nowrap}.cell-right{text-align:right}.cell-clip{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-user{display:flex;align-items:center;gap:var(--dlg-space-3, 12px)}.cell-user small{display:block;color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px)}.mono{font-family:var(--dlg-font-mono, ui-monospace, Menlo, monospace);font-size:var(--dlg-text-xs, 12px)}.muted-note{color:var(--dlg-text-muted, #5b6878);font-size:var(--dlg-text-xs, 12px);line-height:var(--dlg-leading-xs, 16px)}.saved-note{color:var(--dlg-success-text, #136c35);font-size:var(--dlg-text-xs, 12px)}.composer .tools{display:flex;gap:var(--dlg-space-2, 8px);align-items:center}.composer .error{margin:0 0 var(--dlg-space-2, 8px)}.color-input{padding:var(--dlg-space-1, 4px);min-height:40px;cursor:pointer}.chip--select{padding-right:var(--dlg-space-6, 24px)}.only-mobile{display:none}@media (max-width: 768px){.only-mobile{display:inline-grid}}.conv-skeleton{display:flex;gap:var(--dlg-space-3, 12px);padding:var(--dlg-space-3, 12px);border-bottom:1px solid var(--dlg-border, #e3e8f0)}.conv-skeleton .mid{flex:1;min-width:0}[data-theme-switching] *{transition:none!important}@media (prefers-reduced-motion: reduce){.overlay,.modal,.sheet,.dropdown,.tooltip,.toast{animation:none}}