@tailwind base;@tailwind components;@tailwind utilities;:root{--c8-blue: #007AFF;--c8-orange: #FF8C00;--c8-bg: linear-gradient(to bottom, #ffffff 0%, #d1d5db 100%);--c8-card-bg: rgba(255, 255, 255, .85);--c8-text: #0f172a;--c8-text-secondary: #475569;--c8-border: #cbd5e1;--c8-input-bg: #f8fafc;--boot-bg: #FFFFFF;--boot-surface: #F1F5F9;--boot-border: #E2E8F0;--boot-text: #0f172a;--boot-text-sec: rgba(15, 23, 42, .7);--boot-input: #F8FAFC;--c8-voice-text-user: #0f172a;--c8-voice-text-ai: #0f172a}.dark{--c8-bg: linear-gradient(to bottom, #1e293b 0%, #020617 100%);--c8-card-bg: rgba(15, 23, 42, .7);--c8-text: #FFFFFF;--c8-text-secondary: #94a3b8;--c8-border: rgba(255, 255, 255, .15);--c8-input-bg: rgba(15, 23, 42, .8);--boot-bg: #0f172a;--boot-surface: #1e293b;--boot-border: rgba(255, 255, 255, .15);--boot-text: #FFFFFF;--boot-text-sec: rgba(255, 255, 255, .7);--boot-input: #1e293b;--c8-voice-text-user: #ffffff;--c8-voice-text-ai: #f1f5f9}body{margin:0;padding:0;color:var(--c8-text);min-height:100vh;transition:color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--c8-border);border-radius:10px}.c8-glass{background-color:var(--c8-card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--c8-border)}.bubble-text-user{background-color:var(--c8-blue);color:#fff;border-radius:18px 18px 4px;position:relative;box-shadow:0 1px 2px #0000001a;border:1px solid transparent}.bubble-text-ai{background-color:var(--c8-card-bg);color:var(--c8-text);border:1px solid var(--c8-border);border-radius:18px 18px 18px 4px;position:relative;box-shadow:0 1px 2px #0000000d}.bubble-voice-user{background-color:#ff8c0073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);color:var(--c8-voice-text-user);border-radius:18px 18px 4px;position:relative;box-shadow:0 4px 15px #ff8c0026}.bubble-voice-ai{background-color:#ffbf001a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);color:var(--c8-voice-text-ai);border-radius:18px 18px 18px 4px;position:relative;box-shadow:0 4px 15px #ffa00005}