:root,
[data-theme="one-dark"]{
 --bg:#141414;
 --surface:#1c1c1c;
 --surface-2:#222;
 --surface-3:#2c2c2c;
 --hover:#272727;
 --border:#2e2e2e;
 --border-soft:#262626;
 --text:#f0f0f0;
 --text-2:#888;
 --text-3:#555;
 --accent:#6c7bff;
 --accent-2:#5a6bf5;
 --accent-hover:#7a88ff;
 --accent-soft:rgba(108,123,255,0.12);
 --accent-soft-2:rgba(108,123,255,0.22);
 --danger:#f56565;
 --warn:#e0a458;
 --success:#48bb78;
 --unread:#1b1b1b;
 --sent:#56c8c8;
 --sent-soft:rgba(86,200,200,0.12);
 --surface-raised:var(--surface-2);
 --surface-hover:var(--hover);
 --text-secondary:var(--text-2);
 --text-muted:var(--text-3);
 --border-focus:#555;
 --radius:8px;
 color-scheme:dark;
}
[data-theme="tokyonight"]{
 --bg:#1a1b26;
 --surface:#16161e;
 --surface-2:#1f2335;
 --surface-3:#292e42;
 --hover:#232742;
 --border:#2f334d;
 --border-soft:#1f2335;
 --text:#c0caf5;
 --text-2:#9aa5ce;
 --text-3:#6f7396;
 --accent:#7aa2f7;
 --accent-2:#6890e5;
 --accent-hover:#8eb1ff;
 --accent-soft:rgba(122,162,247,0.13);
 --accent-soft-2:rgba(122,162,247,0.22);
 --danger:#f7768e;
 --warn:#e0af68;
 --success:#9ece6a;
 --unread:#181924;
 --sent:#7dcfff;
 --sent-soft:rgba(125,207,255,0.12);
 color-scheme:dark;
}
[data-theme="catppuccin"]{
 --bg:#1e1e2e;
 --surface:#181825;
 --surface-2:#232334;
 --surface-3:#313244;
 --hover:#2a2b3c;
 --border:#45475a;
 --border-soft:#2a2b3c;
 --text:#cdd6f4;
 --text-2:#bac2de;
 --text-3:#7f849c;
 --accent:#cba6f7;
 --accent-2:#b48ead;
 --accent-hover:#d6b8ff;
 --accent-soft:rgba(203,166,247,0.13);
 --accent-soft-2:rgba(203,166,247,0.22);
 --danger:#f38ba8;
 --warn:#f9e2af;
 --success:#a6e3a1;
 --unread:#1a1a28;
 --sent:#94e2d5;
 --sent-soft:rgba(148,226,213,0.12);
 color-scheme:dark;
}
[data-theme="nord"]{
 --bg:#2e3440;
 --surface:#3b4252;
 --surface-2:#434c5e;
 --surface-3:#4c566a;
 --hover:#434c5e;
 --border:#4c566a;
 --border-soft:#3b4252;
 --text:#eceff4;
 --text-2:#d8dee9;
 --text-3:#8a96aa;
 --accent:#88c0d0;
 --accent-2:#81a1c1;
 --accent-hover:#8fbcbb;
 --accent-soft:rgba(136,192,208,0.13);
 --accent-soft-2:rgba(136,192,208,0.22);
 --danger:#bf616a;
 --warn:#ebcb8b;
 --success:#a3be8c;
 --unread:#2a313d;
 --sent:#8fbcbb;
 --sent-soft:rgba(143,188,187,0.12);
 color-scheme:dark;
}
[data-theme="dracula"]{
 --bg:#282a36;
 --surface:#21222c;
 --surface-2:#2d2f3c;
 --surface-3:#383a4a;
 --hover:#343746;
 --border:#44475a;
 --border-soft:#2d2f3c;
 --text:#f8f8f2;
 --text-2:#c8c9d1;
 --text-3:#8a8c97;
 --accent:#bd93f9;
 --accent-2:#ab7df5;
 --accent-hover:#caa9ff;
 --accent-soft:rgba(189,147,249,0.14);
 --accent-soft-2:rgba(189,147,249,0.22);
 --danger:#ff5555;
 --warn:#f1fa8c;
 --success:#50fa7b;
 --unread:#25272f;
 --sent:#8be9fd;
 --sent-soft:rgba(139,233,253,0.12);
 color-scheme:dark;
}
[data-theme="gruvbox"]{
 --bg:#282828;
 --surface:#1d2021;
 --surface-2:#32302f;
 --surface-3:#3c3836;
 --hover:#3c3836;
 --border:#504945;
 --border-soft:#32302f;
 --text:#ebdbb2;
 --text-2:#d5c4a1;
 --text-3:#a89984;
 --accent:#fabd2f;
 --accent-2:#d79921;
 --accent-hover:#fdd070;
 --accent-soft:rgba(250,189,47,0.13);
 --accent-soft-2:rgba(250,189,47,0.22);
 --danger:#fb4934;
 --warn:#fe8019;
 --success:#b8bb26;
 --unread:#2c2c2c;
 --sent:#8ec07c;
 --sent-soft:rgba(142,192,124,0.12);
 color-scheme:dark;
}
[data-theme="monokai"]{
 --bg:#272822;
 --surface:#1e1f1a;
 --surface-2:#2e2f29;
 --surface-3:#3a3b35;
 --hover:#34352f;
 --border:#49483e;
 --border-soft:#2e2f29;
 --text:#f8f8f2;
 --text-2:#cfd0c4;
 --text-3:#908b7c;
 --accent:#a6e22e;
 --accent-2:#8fc623;
 --accent-hover:#bff050;
 --accent-soft:rgba(166,226,46,0.13);
 --accent-soft-2:rgba(166,226,46,0.22);
 --danger:#f92672;
 --warn:#fd971f;
 --success:#a6e22e;
 --unread:#292a23;
 --sent:#66d9ef;
 --sent-soft:rgba(102,217,239,0.12);
 color-scheme:dark;
}
[data-theme="solarized-dark"]{
 --bg:#002b36;
 --surface:#073642;
 --surface-2:#0a3f4d;
 --surface-3:#114957;
 --hover:#0d4452;
 --border:#1d5663;
 --border-soft:#0a3f4d;
 --text:#fdf6e3;
 --text-2:#93a1a1;
 --text-3:#839496;
 --accent:#268bd2;
 --accent-2:#207bbb;
 --accent-hover:#3aa0e9;
 --accent-soft:rgba(38,139,210,0.13);
 --accent-soft-2:rgba(38,139,210,0.22);
 --danger:#dc322f;
 --warn:#b58900;
 --success:#859900;
 --unread:#00313d;
 --sent:#2aa198;
 --sent-soft:rgba(42,161,152,0.12);
 color-scheme:dark;
}
[data-theme="rosepine"]{
 --bg:#191724;
 --surface:#1f1d2e;
 --surface-2:#26233a;
 --surface-3:#2e2b45;
 --hover:#28243b;
 --border:#403d52;
 --border-soft:#26233a;
 --text:#e0def4;
 --text-2:#c4c1d8;
 --text-3:#908caa;
 --accent:#c4a7e7;
 --accent-2:#b298d6;
 --accent-hover:#d4bcf3;
 --accent-soft:rgba(196,167,231,0.13);
 --accent-soft-2:rgba(196,167,231,0.22);
 --danger:#eb6f92;
 --warn:#f6c177;
 --success:#9ccfd8;
 --unread:#1b1828;
 --sent:#ebbcba;
 --sent-soft:rgba(235,188,186,0.12);
 color-scheme:dark;
}
[data-theme="ayu-mirage"]{
 --bg:#1f2430;
 --surface:#232834;
 --surface-2:#2a3142;
 --surface-3:#34455a;
 --hover:#2d3548;
 --border:#3a4459;
 --border-soft:#2a3142;
 --text:#cbccc6;
 --text-2:#b4b6b1;
 --text-3:#707a8c;
 --accent:#5ccfe6;
 --accent-2:#4cb8d0;
 --accent-hover:#75dbef;
 --accent-soft:rgba(92,207,230,0.13);
 --accent-soft-2:rgba(92,207,230,0.22);
 --danger:#f28779;
 --warn:#ffcc66;
 --success:#bae67e;
 --unread:#1b2029;
 --sent:#95e6cb;
 --sent-soft:rgba(149,230,203,0.12);
 color-scheme:dark;
}
[data-theme="kanagawa"]{
 --bg:#1f1f28;
 --surface:#16161d;
 --surface-2:#2a2a37;
 --surface-3:#363646;
 --hover:#2d2d3e;
 --border:#363646;
 --border-soft:#25252e;
 --text:#dcd7ba;
 --text-2:#c8c093;
 --text-3:#727169;
 --accent:#7e9cd8;
 --accent-2:#6c8bc4;
 --accent-hover:#8fafe9;
 --accent-soft:rgba(126,156,216,0.13);
 --accent-soft-2:rgba(126,156,216,0.22);
 --danger:#c34043;
 --warn:#e6c384;
 --success:#76946a;
 --unread:#1a1a23;
 --sent:#7aa89f;
 --sent-soft:rgba(122,168,159,0.12);
 color-scheme:dark;
}
[data-theme="everforest"]{
 --bg:#2d353b;
 --surface:#232a2e;
 --surface-2:#343f44;
 --surface-3:#3d484d;
 --hover:#374145;
 --border:#475258;
 --border-soft:#343f44;
 --text:#d3c6aa;
 --text-2:#b8b09a;
 --text-3:#859289;
 --accent:#a7c080;
 --accent-2:#8fa86d;
 --accent-hover:#bcd397;
 --accent-soft:rgba(167,192,128,0.13);
 --accent-soft-2:rgba(167,192,128,0.22);
 --danger:#e67e80;
 --warn:#dbbc7f;
 --success:#a7c080;
 --unread:#272f34;
 --sent:#83c092;
 --sent-soft:rgba(131,192,146,0.12);
 color-scheme:dark;
}
[data-theme="one-light"]{
 --bg:#fafafa;
 --surface:#ffffff;
 --surface-2:#f0f0f1;
 --surface-3:#e5e5e6;
 --hover:#ececed;
 --border:#d0d0d3;
 --border-soft:#e5e5e6;
 --text:#383a42;
 --text-2:#4f525e;
 --text-3:#8a8c93;
 --accent:#4078f2;
 --accent-2:#3367d6;
 --accent-hover:#5388ff;
 --accent-soft:rgba(64,120,242,0.10);
 --accent-soft-2:rgba(64,120,242,0.20);
 --danger:#e45649;
 --warn:#c18401;
 --success:#50a14f;
 --unread:#eef3ff;
 --sent:#0184bc;
 --sent-soft:rgba(1,132,188,0.10);
 color-scheme:light;
}
[data-theme="solarized-light"]{
 --bg:#fdf6e3;
 --surface:#eee8d5;
 --surface-2:#e6dfc5;
 --surface-3:#d8d2b7;
 --hover:#e0d8be;
 --border:#c8c2a8;
 --border-soft:#d8d2b7;
 --text:#073642;
 --text-2:#455c63;
 --text-3:#5b7682;
 --accent:#268bd2;
 --accent-2:#207bbb;
 --accent-hover:#1c6ea4;
 --accent-soft:rgba(38,139,210,0.12);
 --accent-soft-2:rgba(38,139,210,0.22);
 --danger:#dc322f;
 --warn:#b58900;
 --success:#859900;
 --unread:#f5edd2;
 --sent:#2aa198;
 --sent-soft:rgba(42,161,152,0.12);
 color-scheme:light;
}
[data-theme="gruvbox-light"]{
 --bg:#fbf1c7;
 --surface:#f9f5d7;
 --surface-2:#ebdbb2;
 --surface-3:#d5c4a1;
 --hover:#ecdfb9;
 --border:#bdae93;
 --border-soft:#d5c4a1;
 --text:#3c3836;
 --text-2:#504945;
 --text-3:#7c6f64;
 --accent:#076678;
 --accent-2:#075563;
 --accent-hover:#0a7c91;
 --accent-soft:rgba(7,102,120,0.10);
 --accent-soft-2:rgba(7,102,120,0.22);
 --danger:#9d0006;
 --warn:#af3a03;
 --success:#79740e;
 --unread:#f6ebbf;
 --sent:#427b58;
 --sent-soft:rgba(66,123,88,0.12);
 color-scheme:light;
}
[data-theme="github-light"]{
 --bg:#ffffff;
 --surface:#f6f8fa;
 --surface-2:#eaeef2;
 --surface-3:#dde2e8;
 --hover:#eef1f4;
 --border:#d0d7de;
 --border-soft:#e1e4e8;
 --text:#1f2328;
 --text-2:#424a53;
 --text-3:#6e7781;
 --accent:#0969da;
 --accent-2:#0860c5;
 --accent-hover:#1a77ed;
 --accent-soft:rgba(9,105,218,0.10);
 --accent-soft-2:rgba(9,105,218,0.20);
 --danger:#cf222e;
 --warn:#9a6700;
 --success:#1a7f37;
 --unread:#ddf4ff;
 --sent:#1a7f37;
 --sent-soft:rgba(26,127,55,0.10);
 color-scheme:light;
}
[data-theme]{
 --surface-raised:var(--surface-2);
 --surface-hover:var(--hover);
 --text-secondary:var(--text-2);
 --text-muted:var(--text-3);
 --border-focus:var(--border);
 --radius:8px;
}
.mbox-theme-btn{
 position:fixed;
 right:14px;
 bottom:14px;
 z-index:9999;
 height:30px;
 padding:0 14px;
 border:1px solid var(--border,#333);
 background:var(--surface,#15151a);
 color:var(--text-2,#aaa);
 font:600 10px/1 ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
 letter-spacing:0.14em;
 cursor:pointer;
 border-radius:999px;
 box-shadow:0 8px 22px rgba(0,0,0,0.28);
 transition:transform .12s,color .12s,box-shadow .12s;
}
.mbox-theme-btn:hover{
 color:var(--text,#fff);
 transform:translateY(-2px);
 box-shadow:0 12px 28px rgba(0,0,0,0.34);
}
.mbox-theme-pop{
 position:fixed;
 right:14px;
 bottom:50px;
 z-index:9999;
 width:190px;
 max-height:min(70vh,520px);
 padding:8px;
 background:var(--surface,#15151a);
 border:1px solid var(--border,#333);
 box-shadow:0 24px 60px rgba(0,0,0,0.4);
 display:none;
 flex-direction:column;
 gap:2px;
 overflow-y:auto;
 border-radius:14px;
}
.mbox-theme-pop.open{display:flex}
.mbox-theme-pop-head{
 position:sticky;
 top:0;
 z-index:1;
 background:var(--surface,#15151a);
 font:600 9px/1 ui-monospace,monospace;
 text-transform:uppercase;
 letter-spacing:0.16em;
 color:var(--text-3,#777);
 padding:8px 10px 10px;
}
.mbox-theme-opt{
 display:flex;
 align-items:center;
 gap:8px;
 padding:8px 10px;
 cursor:pointer;
 color:var(--text-2,#aaa);
 font:600 12px/1.2 ui-monospace,monospace;
 background:none;
 border:none;
 text-align:left;
 border-radius:8px;
 transition:background .12s,color .12s;
}
.mbox-theme-opt:hover{background:var(--hover,#1f1f28);color:var(--text,#fff)}
.mbox-theme-opt.active{color:var(--accent,#7c8cff);background:var(--accent-soft,rgba(124,140,255,0.13));font-weight:800}
.mbox-theme-swatch{
 width:11px;
 height:11px;
 border-radius:50%;
 flex-shrink:0;
}
.mbox-theme-check{margin-left:auto;opacity:0;font-size:10px}
.mbox-theme-opt.active .mbox-theme-check{opacity:1}