:root{--mf-bg: #f5f5f7;--mf-bg-sidebar: #ecedef;--mf-surface: #ffffff;--mf-surface-elevated: #ffffff;--mf-primary: #007aff;--mf-primary-hover: #0071e3;--mf-text: #1d1d1f;--mf-text-secondary: #86868b;--mf-text-tertiary: #aeaeb2;--mf-separator: #d2d2d7;--mf-separator-opaque: #c6c6c8;--mf-border: rgba(0, 0, 0, .06);--mf-error: #ff3b30;--mf-success: #34c759;--mf-warning: #ff9f0a;--mf-online: #34c759;--mf-bubble-sent: #007aff;--mf-bubble-sent-text: #ffffff;--mf-bubble-received: #e9e9eb;--mf-bubble-received-text: #1d1d1f;--mf-hover: rgba(0, 0, 0, .04);--mf-active: rgba(0, 0, 0, .08);--mf-selected: rgba(0, 122, 255, .12);--mf-badge-bg: #ff3b30;--mf-badge-text: #ffffff;--mf-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--mf-font-size-xs: .6875rem;--mf-font-size-sm: .8125rem;--mf-font-size-md: .875rem;--mf-font-size-lg: 1rem;--mf-font-size-xl: 1.25rem;--mf-font-size-2xl: 1.625rem;--mf-space-xs: 4px;--mf-space-sm: 8px;--mf-space-md: 12px;--mf-space-lg: 16px;--mf-space-xl: 20px;--mf-space-2xl: 32px;--mf-radius-sm: 6px;--mf-radius-md: 10px;--mf-radius-lg: 14px;--mf-radius-xl: 18px;--mf-radius-full: 9999px;--mf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--mf-shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--mf-shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--mf-sidebar-width: 72px;--mf-chatlist-width: 320px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--mf-bg: #1c1c1e;--mf-bg-sidebar: #161617;--mf-surface: #2c2c2e;--mf-surface-elevated: #3a3a3c;--mf-primary: #0a84ff;--mf-primary-hover: #409cff;--mf-text: #f5f5f7;--mf-text-secondary: #98989d;--mf-text-tertiary: #636366;--mf-separator: #38383a;--mf-separator-opaque: #48484a;--mf-border: rgba(255, 255, 255, .08);--mf-error: #ff453a;--mf-success: #30d158;--mf-warning: #ffd60a;--mf-online: #30d158;--mf-bubble-sent: #0a84ff;--mf-bubble-sent-text: #ffffff;--mf-bubble-received: #3a3a3c;--mf-bubble-received-text: #f5f5f7;--mf-hover: rgba(255, 255, 255, .06);--mf-active: rgba(255, 255, 255, .1);--mf-selected: rgba(10, 132, 255, .18);--mf-badge-bg: #ff453a;--mf-badge-text: #ffffff;--mf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--mf-shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--mf-shadow-lg: 0 4px 16px rgba(0, 0, 0, .4)}}[data-theme=dark]{--mf-bg: #1c1c1e;--mf-bg-sidebar: #161617;--mf-surface: #2c2c2e;--mf-surface-elevated: #3a3a3c;--mf-primary: #0a84ff;--mf-primary-hover: #409cff;--mf-text: #f5f5f7;--mf-text-secondary: #98989d;--mf-text-tertiary: #636366;--mf-separator: #38383a;--mf-separator-opaque: #48484a;--mf-border: rgba(255, 255, 255, .08);--mf-error: #ff453a;--mf-success: #30d158;--mf-warning: #ffd60a;--mf-online: #30d158;--mf-bubble-sent: #0a84ff;--mf-bubble-sent-text: #ffffff;--mf-bubble-received: #3a3a3c;--mf-bubble-received-text: #f5f5f7;--mf-hover: rgba(255, 255, 255, .06);--mf-active: rgba(255, 255, 255, .1);--mf-selected: rgba(10, 132, 255, .18);--mf-badge-bg: #ff453a;--mf-badge-text: #ffffff;--mf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--mf-shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--mf-shadow-lg: 0 4px 16px rgba(0, 0, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--mf-font-family);font-size:var(--mf-font-size-md);color:var(--mf-text);background-color:var(--mf-bg);line-height:1.5;height:100dvh;overflow:hidden}#root{height:100dvh;display:flex;overflow:hidden}a{color:var(--mf-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--mf-primary);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mf-separator);border-radius:var(--mf-radius-full)}@keyframes mf-typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes mf-reaction-picker-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){@keyframes mf-typing-bounce{0%,to{opacity:.4}50%{opacity:1}}@keyframes mf-reaction-picker-in{0%{opacity:0}to{opacity:1}}}