.pixel-message-container[data-v-0f3ca0f0]{position:fixed;top:var(--spacing-xl);left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.pixel-message-list[data-v-0f3ca0f0]{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.pixel-msg[data-v-0f3ca0f0]{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.6;border:4px solid;box-shadow:4px 4px #0003;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.pixel-msg__icon[data-v-0f3ca0f0]{display:inline-flex;flex-shrink:0}.pixel-msg__text[data-v-0f3ca0f0]{flex:1}.pixel-msg--info[data-v-0f3ca0f0]{color:#4ba592;border-color:#4ba592;background:#0c0c0c}.pixel-msg--notice[data-v-0f3ca0f0]{color:#5a9cf8;border-color:#5a9cf8;background:#0c0c0c}.pixel-msg--success[data-v-0f3ca0f0]{color:#50b142;border-color:#50b142;background:#0c0c0c}.pixel-msg--warning[data-v-0f3ca0f0]{color:#ee8432;border-color:#ee8432;background:#0c0c0c}.pixel-msg--error[data-v-0f3ca0f0]{color:#eb7166;border-color:#eb7166;background:#0c0c0c}.pixel-msg-move[data-v-0f3ca0f0],.pixel-msg-enter-active[data-v-0f3ca0f0],.pixel-msg-leave-active[data-v-0f3ca0f0]{transition:all .25s ease}.pixel-msg-enter-from[data-v-0f3ca0f0],.pixel-msg-leave-to[data-v-0f3ca0f0]{opacity:0;transform:translateY(-8px)}:root{--color-primary: #0F172A;--color-secondary: #334155;--color-accent: #0369A1;--color-accent-hover: #0284C7;--color-accent-light: #E0F2FE;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-text-primary: #020617;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-success: #16A34A;--color-error: #DC2626;--color-warning: #F59E0B;--color-unread: #EF4444;--color-hover: #F1F5F9;--color-selected: #EFF6FF;--color-bubble-self: #0369A1;--color-bubble-self-text: #FFFFFF;--color-bubble-other: #FFFFFF;--color-bubble-other-text: #020617;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-bubble: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 347px;--quick-reply-width: 367px;--header-height: 64px;--input-height: 160px;--conversation-item-height: 72px;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 50;--z-toast: 60}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-base)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(8px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--color-border-light);border-radius:var(--radius-sm)}