:root{--bg-base:#090d16;--bg-sidebar:#0f172a;--bg-surface:#131d33;--bg-surface-hover:#1e293b;--bg-card:#1a2640b3;--bg-card-active:#233454;--bg-input:#0b1324;--glass-bg:#0f172ad9;--glass-border:#ffffff1a;--border-subtle:#ffffff14;--border-strong:#ffffff29;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--accent-primary:#6366f1;--accent-hover:#4f46e5;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #3b82f6 50%, #06b6d4 100%);--accent-glow:#6366f140;--status-success:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--status-info:#06b6d4;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px -2px #00000080;--shadow-lg:0 12px 28px -4px #000000b3;--shadow-glow:0 0 20px #6366f159;--font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}[data-theme=light]{--bg-base:#f1f5f9;--bg-sidebar:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--bg-card:#fffffff2;--bg-card-active:#e2e8f0;--bg-input:#f8fafc;--glass-bg:#ffffffe6;--glass-border:#00000014;--border-subtle:#00000014;--border-strong:#00000026;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #2563eb 50%, #0891b2 100%);--accent-glow:#4f46e533;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 28px #0000001f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.app-container{background:var(--bg-base);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.btn-primary:hover{opacity:.95;box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-icon{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px;transition:all .15s}.btn-icon:hover{color:var(--text-primary);background:var(--bg-surface-hover);border-color:var(--border-subtle)}.input-field{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::placeholder{color:var(--text-muted)}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge-primary{color:#a5b4fc;background:#6366f133}.badge-unread{background:var(--accent-primary);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-spin{animation:1s linear infinite spin}.message-list-pane{flex-direction:column;flex-shrink:0;width:400px;min-width:340px;max-width:480px;height:100%;display:flex}.message-viewer-pane{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}@media (max-width:960px){.message-list-pane{width:320px;min-width:280px}}@media (max-width:768px){.mobile-menu-btn,.mobile-back-btn{display:inline-flex!important}.mobile-hide-list,.mobile-hide-detail{display:none!important}.message-list-pane,.message-viewer-pane{width:100%!important;min-width:100%!important}}.scrollable-reader{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.scrollable-reader::-webkit-scrollbar{width:9px}.scrollable-reader::-webkit-scrollbar-track{background:#f8fafc}.scrollable-reader::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:6px}.scrollable-reader::-webkit-scrollbar-thumb:hover{background:#94a3b8}