@font-face{font-family:IBM Plex Sans Thai;src:url(../../../fonts/IBMPlexSansThai-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(../../../fonts/IBMPlexSansThai-SemiBold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}:root{color-scheme:light dark;--palette-peach: #e8e2ff;--palette-cream: #f4f4f4;--palette-sky: #ebe7fa;--palette-blue: #5b3cc4;--palette-ink: #171717;--bg-app-light: var(--palette-cream);--bg-app-dark: #101010;--bg-surface-light: #ffffff;--bg-surface-dark: #191919;--bg-sidebar-light: #ffffff;--bg-sidebar-dark: #191919;--bg-input-light: var(--palette-cream);--bg-input-dark: #262626;--border-light: #dedede;--border-dark: #393939;--text-primary-light: var(--palette-ink);--text-primary-dark: #f5f5f5;--text-secondary-light: #606060;--text-secondary-dark: #bdbdbd;--text-tertiary-light: #666666;--text-tertiary-dark: #b0b0b0;--bubble-in-bg-light: var(--palette-cream);--bubble-in-bg-dark: #292929;--bubble-in-text-light: var(--palette-ink);--bubble-in-text-dark: #f5f5f5;--item-hover-light: #f3f3f3;--item-hover-dark: #292929;--item-active-light: #eeeafa;--item-active-dark: #302943;--scrollbar-thumb-light: #bcbcbc;--scrollbar-thumb-dark: #555555;--brand-fill: #5b3cc4;--brand-fill-hover: #49309e;--brand-accent: light-dark(#5b3cc4, #c5b7ff);--group-bg: light-dark(var(--palette-peach), #302943);--group-text: light-dark(#49309e, #d8ceff);--brand-blue: var(--brand-accent);--brand-blue-hover: var(--brand-fill-hover);--bubble-out-bg: var(--palette-blue);--bubble-out-text: #ffffff;--status-green: #31a24c;--status-yellow: #f5a623;--status-red: light-dark(#a62832, #ff9299);--bg-app: var(--bg-app-light);--bg-surface: var(--bg-surface-light);--bg-sidebar: var(--bg-sidebar-light);--bg-input: var(--bg-input-light);--border: var(--border-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--text-tertiary: var(--text-tertiary-light);--bubble-in-bg: var(--bubble-in-bg-light);--bubble-in-text: var(--bubble-in-text-light);--item-hover: var(--item-hover-light);--item-active: var(--item-active-light);--scrollbar-thumb: var(--scrollbar-thumb-light);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}:root:has(>head>meta[name=color-scheme][content=dark]){color-scheme:dark}:root:has(>head>meta[name=color-scheme][content=light]){color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg-app: var(--bg-app-dark);--bg-surface: var(--bg-surface-dark);--bg-sidebar: var(--bg-sidebar-dark);--bg-input: var(--bg-input-dark);--border: var(--border-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-tertiary: var(--text-tertiary-dark);--bubble-in-bg: var(--bubble-in-bg-dark);--bubble-in-text: var(--bubble-in-text-dark);--item-hover: var(--item-hover-dark);--item-active: var(--item-active-dark);--scrollbar-thumb: var(--scrollbar-thumb-dark)}}@supports (color: light-dark(white,black)){:root{--bg-app: light-dark(var(--bg-app-light), var(--bg-app-dark));--bg-surface: light-dark(var(--bg-surface-light), var(--bg-surface-dark));--bg-sidebar: light-dark(var(--bg-sidebar-light), var(--bg-sidebar-dark));--bg-input: light-dark(var(--bg-input-light), var(--bg-input-dark));--border: light-dark(var(--border-light), var(--border-dark));--text-primary: light-dark(var(--text-primary-light), var(--text-primary-dark));--text-secondary: light-dark(var(--text-secondary-light), var(--text-secondary-dark));--text-tertiary: light-dark(var(--text-tertiary-light), var(--text-tertiary-dark));--bubble-in-bg: light-dark(var(--bubble-in-bg-light), var(--bubble-in-bg-dark));--bubble-in-text: light-dark(var(--bubble-in-text-light), var(--bubble-in-text-dark));--item-hover: light-dark(var(--item-hover-light), var(--item-hover-dark));--item-active: light-dark(var(--item-active-light), var(--item-active-dark));--scrollbar-thumb: light-dark(var(--scrollbar-thumb-light), var(--scrollbar-thumb-dark))}}@supports not (scrollbar-color: auto){*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px}*::-webkit-scrollbar-track{background:transparent}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:IBM Plex Sans Thai,Noto Sans Thai,Leelawadee UI,sans-serif;font-size:14px;line-height:1.45;background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{height:100%;width:100%;display:flex;flex-direction:column}button,input,textarea,select{font-family:inherit}.composer-textarea{field-sizing:content;height:auto;width:100%;min-block-size:1.5lh;max-block-size:8lh;align-self:start;resize:none;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;line-height:1.4;color:var(--text-primary);padding:8px 12px}.composer-textarea::placeholder{color:var(--text-secondary)}@supports not (field-sizing: content){.composer-textarea{min-height:38px;max-height:160px;resize:vertical}}dialog{border:1px solid var(--border);border-radius:12px;background-color:var(--bg-surface);color:var(--text-primary);box-shadow:0 12px 36px #00000047;padding:0;max-width:520px;width:90vw;margin:auto}dialog::backdrop{background-color:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite;display:inline-block}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.spin-icon{animation:none}}