@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;overscroll-behavior:none;background-color:#0c0e14;color:#eff2f7}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-base: #0C0E14;--bg-surface: #12151E;--bg-elevated: #181C28;--bg-overlay: #1E2235;--bg-input: #1A1E2C;--bg-hover: rgba(255, 255, 255, .045);--bg-active: rgba(37, 99, 235, .14);--bg-pressed: rgba(37, 99, 235, .2);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--primary: #2563EB;--primary-hover: #1D4ED8;--primary-dark: #1E40AF;--primary-light: #60A5FA;--primary-glow: rgba(37, 99, 235, .35);--primary-subtle: rgba(37, 99, 235, .12);--primary-grad: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);--bubble-sent-grad: linear-gradient(145deg, #2563EB 0%, #1D4ED8 100%);--bubble-sent-text: #EEF4FF;--text-on-primary: #EEF4FF;--text-on-primary-muted: rgba(238, 244, 255, .7);--bubble-recv: #1A1E2C;--bubble-recv-text: #E2E8F0;--text-primary: #EFF2F7;--text-secondary: #8B97B0;--text-muted: #556070;--text-inverse: #0C0E14;--border: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--border-focus: rgba(37, 99, 235, .55);--border-grad: linear-gradient(135deg, rgba(37,99,235,.4), rgba(59,130,246,.2));--success: #10B981;--success-subtle: rgba(16, 185, 129, .12);--error: #F04747;--error-subtle: rgba(240, 71, 71, .12);--warning: #F59E0B;--online: #22C55E;--shadow-xs: 0 1px 3px rgba(0,0,0,.3);--shadow-sm: 0 2px 10px rgba(0,0,0,.4);--shadow-md: 0 6px 24px rgba(0,0,0,.5);--shadow-lg: 0 12px 48px rgba(0,0,0,.65);--shadow-xl: 0 24px 64px rgba(0,0,0,.75);--shadow-glow: 0 0 24px rgba(37, 99, 235, .3), 0 0 48px rgba(37, 99, 235, .12);--shadow-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 32px rgba(0,0,0,.5);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition: .18s var(--ease-out);--transition-slow: .3s var(--ease-out);--transition-spring: .28s var(--ease-spring);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 36px;--radius-full: 9999px;--primary-color: var(--primary);--primary-disabled: var(--primary-dark);--background-color: var(--bg-base);--surface-color: var(--bg-surface);--border-color: var(--border);--text-color: var(--text-primary);--error-color: var(--error);--success-color: var(--success);--shadow-color: rgba(0,0,0,.5);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-base)}#app{width:100%;min-height:100vh;overflow-x:hidden;background-color:var(--bg-base);color:var(--text-primary)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff38}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{to{transform:rotate(360deg)}}body.mobile-chat-open{position:fixed;top:0;left:0;width:100%;height:100%}@media (prefers-color-scheme: light){:root{--bg-base: #F0F4F8;--bg-surface: #FFFFFF;--bg-elevated: #F8FAFC;--bg-overlay: #EDF2F7;--bg-input: #F8FAFC;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(37, 99, 235, .08);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border: rgba(0, 0, 0, .07);--border-medium: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .18);--bubble-recv: #EDF2F7;--bubble-recv-text: #1A202C;--shadow-xs: 0 1px 3px rgba(0,0,0,.06);--shadow-sm: 0 2px 10px rgba(0,0,0,.08);--shadow-md: 0 6px 24px rgba(0,0,0,.1);--shadow-lg: 0 12px 48px rgba(0,0,0,.12);--shadow-card: 0 1px 0 rgba(255,255,255,.8) inset, 0 2px 12px rgba(0,0,0,.08);--shadow-glow: 0 0 20px rgba(37, 99, 235, .15);color-scheme:light;color:#0f172a;background-color:#f0f4f8}}.avatar-container[data-v-b49e1a6c]{position:relative;display:inline-block}.avatar-wrapper[data-v-b49e1a6c]{position:relative;overflow:hidden;border-radius:50%;border:2px solid var(--border-medium);transition:all .3s ease}.avatar-image[data-v-b49e1a6c]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.default-avatar[data-v-b49e1a6c]{width:100%;height:100%;background:linear-gradient(135deg,#36d1dc,#5b86e5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.avatar-small[data-v-b49e1a6c]{width:32px;height:32px}.avatar-small .default-avatar[data-v-b49e1a6c]{font-size:14px}.avatar-medium[data-v-b49e1a6c]{width:48px;height:48px}.avatar-medium .default-avatar[data-v-b49e1a6c]{font-size:20px}.avatar-large[data-v-b49e1a6c]{width:64px;height:64px}.avatar-large .default-avatar[data-v-b49e1a6c]{font-size:28px}.avatar-xlarge[data-v-b49e1a6c]{width:96px;height:96px}.avatar-xlarge .default-avatar[data-v-b49e1a6c]{font-size:40px}.main-navigation[data-v-95355e71]{height:100%;display:flex;flex-direction:column;align-items:center;padding:0;gap:0}.nav-top[data-v-95355e71]{display:flex;align-items:center;justify-content:center;padding:20px 0 16px;flex-shrink:0}.avatar-link[data-v-95355e71]{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:2px;transition:opacity var(--transition);text-decoration:none}.avatar-link[data-v-95355e71]:hover{opacity:.85}.nav-links[data-v-95355e71]{list-style:none;padding:8px 0 0;margin:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;flex:1}.nav-bottom[data-v-95355e71]{display:flex;align-items:center;justify-content:center;padding:12px 0 18px;flex-shrink:0}.nav-link[data-v-95355e71]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;text-decoration:none;color:var(--text-muted);border-radius:var(--radius-md);transition:background var(--transition),color var(--transition);cursor:pointer}.nav-link[data-v-95355e71]:hover{background:var(--bg-hover);color:var(--text-secondary)}.nav-link.active[data-v-95355e71]{background:var(--bg-active);color:var(--primary-light)}.nav-icon-wrap[data-v-95355e71]{position:relative;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.nav-icon-img[data-v-95355e71]{width:20px;height:20px;filter:brightness(0) invert(.4);transition:filter var(--transition)}.nav-link:hover .nav-icon-img[data-v-95355e71]{filter:brightness(0) invert(.65)}.nav-link.active .nav-icon-img[data-v-95355e71]{filter:brightness(0) invert(.8) sepia(1) hue-rotate(190deg) saturate(3)}.nav-text[data-v-95355e71],.mobile-settings-item[data-v-95355e71]{display:none}.badge[data-v-95355e71]{position:absolute;top:-5px;right:-7px;min-width:15px;height:15px;padding:0 3px;background:var(--error);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);font-size:9px;font-weight:700;line-height:1;border:2px solid var(--bg-surface);box-shadow:0 0 6px #f0474780}@media (max-width: 767px){.main-navigation[data-v-95355e71]{flex-direction:row;padding:0;height:100%}.nav-top[data-v-95355e71],.nav-bottom[data-v-95355e71]{display:none}.mobile-settings-item[data-v-95355e71]{display:flex}.nav-links[data-v-95355e71]{flex-direction:row;width:100%;height:100%;gap:0;padding-top:0}.nav-links li[data-v-95355e71]{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.nav-link[data-v-95355e71]{width:100%;height:100%;justify-content:center;border-radius:0;gap:3px}.nav-text[data-v-95355e71]{display:block;font-size:10px;font-weight:500;color:inherit}.nav-icon-wrap[data-v-95355e71]{width:22px;height:22px}.nav-icon-img[data-v-95355e71]{width:20px;height:20px}}@media (prefers-color-scheme: light){.nav-icon-img[data-v-95355e71]{filter:brightness(0) opacity(.4)}.nav-link:hover .nav-icon-img[data-v-95355e71]{filter:brightness(0) opacity(.6)}.nav-link.active .nav-icon-img[data-v-95355e71]{filter:brightness(0) saturate(100%) invert(28%) sepia(97%) hue-rotate(210deg)}}#app{min-height:100vh;background-color:var(--bg-base);color:var(--text-primary)}