*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}@media print{body{display:none!important}}:root{--bg:#eef0f6;--panel:#fff;--border:#e2e6f0;--text:#1a1d2e;--muted:#6b7280;--accent:#4f46e5;--accent-soft:#eef2ff;--accent-deep:#4338ca;--danger:#ef4444;--star:#f59e0b;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #00000008;--shadow-md:0 4px 16px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 36px #0000001a, 0 4px 8px #0000000d;--shadow-focus:0 0 0 3px #4f46e52e;--bg-hover:#f1f3f9;--radius:16px;--radius-sm:10px;--sidebar-w:248px;--list-w:340px;--header-h:54px;--row-py:12px;--row-px:16px;--read-size:14px}[data-density=compact]{--row-py:7px;--row-px:12px}[data-density=comfortable]{--row-py:17px;--row-px:18px}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.avatar{color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.badge{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.thread-row{transition:background .12s,border-left-color .12s,box-shadow .12s}.thread-row:hover{background:#f5f7fc!important}.thread-row:active{background:var(--accent-soft)!important}.nav-item{cursor:pointer;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg)!important}.btn{cursor:pointer;transition:background .12s,box-shadow .12s,opacity .12s,transform 80ms}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.msg-card{transition:box-shadow .15s}.msg-card:hover{box-shadow:var(--shadow-md)!important}input:focus{box-shadow:var(--shadow-focus)}.collapsible-body{animation:.18s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#e8ecf4 25%,#f4f6fb 50%,#e8ecf4 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s fadeIn}@keyframes pulse{0%,to{box-shadow:0 0 #4f46e566}50%{box-shadow:0 0 0 4px #4f46e500}}.unread-dot{animation:2s infinite pulse}.settings-panel{transform-origin:100% 0;animation:.15s settingsDrop}@keyframes settingsDrop{0%{opacity:0;transform:scale(.95)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);color:#fff;white-space:nowrap;pointer-events:none;z-index:9999;box-shadow:var(--shadow-md);background:#1a1d2e;border-radius:7px;padding:4px 9px;font-size:11px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}