*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--bg-hover: #f0f0f0;--bg-active: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--text-placeholder: #cccccc;--text-inverse: #ffffff;--border-primary: #e8e8e8;--border-secondary: #f0f0f0;--border-hover: #d0d0d0;--color-primary: #07c160;--color-primary-hover: #05a84e;--color-primary-active: #049e47;--color-primary-light: rgba(7, 193, 96, .1);--color-success: #07c160;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .15);--overlay-bg: rgba(0, 0, 0, .5);--message-sent-bg: #07c160;--message-sent-text: #ffffff;--message-received-bg: #f0f0f0;--message-received-text: #1a1a1a;--input-bg: #f5f5f5;--input-border: transparent;--input-focus-bg: #ffffff;--input-focus-border: #07c160;--scrollbar-track: transparent;--scrollbar-thumb: #d0d0d0;--scrollbar-thumb-hover: #b0b0b0}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #222222;--bg-hover: #333333;--bg-active: #3a3a3a;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-tertiary: #666666;--text-placeholder: #555555;--text-inverse: #1a1a1a;--border-primary: #333333;--border-secondary: #2a2a2a;--border-hover: #444444;--color-primary: #07c160;--color-primary-hover: #08d56a;--color-primary-active: #09e974;--color-primary-light: rgba(7, 193, 96, .15);--color-success: #07c160;--color-warning: #ffa726;--color-error: #ef5350;--color-info: #42a5f5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .6);--overlay-bg: rgba(0, 0, 0, .7);--message-sent-bg: #07c160;--message-sent-text: #ffffff;--message-received-bg: #2a2a2a;--message-received-text: #ffffff;--input-bg: #2a2a2a;--input-border: #333333;--input-focus-bg: #222222;--input-focus-border: #07c160;--scrollbar-track: transparent;--scrollbar-thumb: #444444;--scrollbar-thumb-hover: #555555}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}input,textarea{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}input:focus,textarea:focus{background-color:var(--input-focus-bg);border-color:var(--input-focus-border)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}button{color:var(--text-primary);transition:background-color .2s ease,color .2s ease}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}.border{border-color:var(--border-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s;transition-timing-function:ease}*:where(svg,img,video,canvas,iframe,embed,object){transition:none}