:root{--bg-primary: #ffffff;--bg-secondary: #f2f2f7;--bg-tertiary: #e5e5ea;--text-primary: #000000;--text-secondary: #8e8e93;--text-tertiary: #aeaeb2;--border-color: #c6c6c8;--border-light: #e5e5ea;--bubble-sent: #007aff;--bubble-sent-text: #ffffff;--bubble-received: #e5e5ea;--bubble-received-text: #000000;--accent: #007aff;--accent-hover: #0056b3;--accent-light: #e3f0ff;--danger: #ff3b30;--success: #34c759;--warning: #ff9500;--sidebar-bg: #f2f2f7;--sidebar-active: #007aff;--sidebar-active-text: #ffffff;--sidebar-width: 320px;--header-height: 56px;--input-height: 56px;--max-content-width: 900px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 18px;--radius-lg: 22px;--radius-full: 9999px;--transition: .2s ease}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--text-primary: #ffffff;--text-secondary: #98989d;--text-tertiary: #636366;--border-color: #38383a;--border-light: #2c2c2e;--bubble-sent: #0a84ff;--bubble-sent-text: #ffffff;--bubble-received: #2c2c2e;--bubble-received-text: #ffffff;--accent: #0a84ff;--accent-hover: #409cff;--accent-light: #1a3a5c;--sidebar-bg: #1c1c1e;--sidebar-active: #0a84ff;--sidebar-active-text: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;outline:none;transition:border-color var(--transition)}input:focus,textarea:focus{border-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:12px;font-weight:600}.tag-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);font-size:13px;font-weight:500;gap:4px}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;box-shadow:var(--shadow-md);animation:slideIn .3s ease}.toast.error{background:var(--danger);color:#fff}.toast.success{background:var(--success);color:#fff}.toast.info{background:var(--accent);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-screen.svelte-12qhfyh{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg-primary)}.loading-logo.svelte-12qhfyh{width:64px;height:64px;border-radius:16px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}