:root{--bg-void: #0B1220;--bg-base: #111827;--bg-panel: #111827;--bg-raised: #1E293B;--bg-overlay: #1E293B;--bg-hover: #243447;--border-rgb: 51, 65, 85;--border-subtle: rgba(var(--border-rgb), .4);--border-light: rgba(var(--border-rgb), .6);--border-focus: rgba(var(--accent-cyan-rgb), .5);--text-primary: #F8FAFC;--text-secondary:#CBD5E1;--text-muted: #94A3B8;--text-inverse: #0B1220;--accent-cyan: #F28C37;--accent-cyan-dim:#FB923C;--accent-cyan-rgb: 242, 140, 55;--accent-green: #4ADE80;--accent-green-rgb: 74, 222, 128;--accent-amber: #FBBF24;--accent-amber-rgb: 251, 191, 36;--accent-red: #F87171;--accent-red-rgb: 248, 113, 113;--enc-yes: #4ADE80;--enc-no: #64748B;--enc-partial: #FBBF24;--enc-signed: #60A5FA;--bg-void-rgb: 11, 18, 32;--bg-base-rgb: 17, 24, 39;--bg-raised-rgb: 30, 41, 59;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 220px;--maillist-w: 320px;--topbar-h: 52px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.7);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);line-height:1.5;overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:rgba(var(--accent-cyan-rgb),.2);color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 rgba(var(--accent-cyan-rgb),.4)}70%{box-shadow:0 0 0 8px rgba(var(--accent-cyan-rgb),0)}to{box-shadow:0 0 rgba(var(--accent-cyan-rgb),0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-raised) 25%,var(--bg-overlay) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media (min-width: 769px){.sidebar-wrap{position:static!important}.drawer-overlay{display:none!important}.panel-list{display:flex!important;flex:0 0 320px!important;max-width:320px!important}.panel-message{display:flex!important;flex:1!important}.btn-menu,.btn-back{display:none!important}.search-shortcut{display:inline!important}}@media (max-width: 768px){.sidebar-wrap{position:fixed!important;top:52px!important;left:-260px!important;bottom:0!important;width:260px!important;transition:left .25s cubic-bezier(.16,1,.3,1)!important;z-index:300!important}.sidebar-wrap.open{left:0!important;box-shadow:4px 0 24px #0009!important}.panel-list,.panel-message{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;flex:none!important;width:100%!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important}.panel-list{transform:translate(0)!important}.panel-list.panel-hidden{transform:translate(-100%)!important}.panel-message{transform:translate(100%)!important}.panel-message.panel-visible{transform:translate(0)!important}.search-shortcut{display:none!important}.brand-name{font-size:14px!important}.status-text{display:none!important}}[data-theme=light]{--bg-void: #FAFBFC;--bg-base: #FAFBFC;--bg-panel: #F2F4F7;--bg-raised: #FFFFFF;--bg-overlay: #FFFFFF;--bg-hover: #F2F4F7;--text-primary: #0F172A;--text-secondary:#475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border-rgb: 203, 213, 225;--border-subtle: rgba(var(--border-rgb), .6);--border-light: rgba(var(--border-rgb), .8);--border-focus: rgba(242, 140, 55, .5);--accent-cyan: #F28C37;--accent-cyan-dim:#D97706;--accent-cyan-rgb: 242, 140, 55;--accent-green: #22C55E;--accent-green-rgb: 34, 197, 94;--accent-amber: #F59E0B;--accent-amber-rgb: 245, 158, 11;--accent-red: #DC2626;--accent-red-rgb: 220, 38, 38;--bg-void-rgb: 250, 251, 252;--bg-base-rgb: 250, 251, 252;--bg-raised-rgb: 255, 255, 255;--enc-yes: #22C55E;--enc-no: #94A3B8;--enc-partial: #F59E0B;--enc-signed: #2563EB;--shadow-sm: 0 1px 3px rgba(0,0,0,.07);--shadow-md: 0 4px 12px rgba(0,0,0,.09);--shadow-lg: 0 12px 40px rgba(0,0,0,.12)}[data-theme=original]{--bg-void: #070b14;--bg-base: #0c1120;--bg-panel: #111827;--bg-raised: #1a2235;--bg-overlay: #1e2d40;--bg-hover: #223048;--border-rgb: 99, 130, 168;--border-subtle: rgba(var(--border-rgb), .12);--border-light: rgba(var(--border-rgb), .22);--border-focus: rgba(var(--accent-cyan-rgb), .5);--text-primary: #e8edf5;--text-secondary:#8ba1bb;--text-muted: #4a637d;--text-inverse: #0c1120;--accent-cyan: #22d3ee;--accent-cyan-dim:#0e8fa3;--accent-cyan-rgb: 34, 211, 238;--accent-green: #10b981;--accent-green-rgb: 22, 185, 129;--accent-amber: #f59e0b;--accent-amber-rgb: 245, 158, 11;--accent-red: #ef4444;--accent-red-rgb: 239, 68, 68;--enc-yes: #10b981;--enc-no: #4a637d;--enc-partial: #f59e0b;--enc-signed: #22d3ee;--bg-void-rgb: 7, 11, 20;--bg-base-rgb: 12, 17, 32;--bg-raised-rgb: 26, 34, 53}[data-theme=original] body,[data-theme=light] body{background:var(--bg-void);color:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::selection{background:#f28c3733;color:var(--text-primary)}[data-theme=light] .skeleton{background:linear-gradient(90deg,#f2f4f7 25%,#fafbfc,#f2f4f7 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}[data-theme=light] .sidebar-wrap,[data-theme=light] .panel-list{border-right:1px solid rgba(203,213,225,.6)}[data-theme=light] input[type=search]::placeholder{color:#94a3b8;opacity:1}[data-theme=light] select option{background:#fff;color:#0f172a}
