/* Minimal calm theme: neutral surfaces, one restrained accent, Inter, line icons, soft motion. Loaded last. */
:root{--ink:#1F2329;--ink-soft:#5C626B;--muted:#8F959E;--wash:#F5F6F7;--line:#E4E6E9;--line-soft:#EDEEF0;--blue:#3370FF;--blue-deep:#245BDB;--blue-wash:#EAF0FF;--side:#F5F6F7;
 --f-d:'Inter','Noto Sans HK',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--f-b:'Inter','Noto Sans HK','PingFang HK',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--f-m:'Inter','Noto Sans HK',-apple-system,sans-serif}
@media(prefers-color-scheme:dark){:root{--ink:#ECEDEF;--ink-soft:#A8ADB5;--muted:#7C828B;--paper:#17181B;--wash:#1F2023;--line:#2D2F34;--line-soft:#25272B;--blue:#4C8DFF;--blue-wash:#1E2A44;--side:#1F2023}}
body{letter-spacing:-.003em;-webkit-font-smoothing:antialiased}
*{scrollbar-width:thin;scrollbar-color:#CBCED3 transparent}
button,.ni,.cv,.btn,.tools button,.rbtn,input,select{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}
.btn:active{transform:scale(.98)}
/* rail */
#rail{background:var(--side)}
.ni{height:38px;border-radius:8px;font:500 14px var(--f-b);gap:12px}.ni svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.ni:hover{background:rgba(31,35,41,.06)}.ni.on{background:var(--blue-wash);color:var(--blue);font-weight:600}.ni.on svg{opacity:1}
.ni em{background:#F5483B;font:600 11px var(--f-b);padding:1px 6px}
#rail #me{font:400 11px/1.5 var(--f-b);color:var(--muted)}
.wsb select{font:600 14px var(--f-b)}
/* conversation list */
.cv{border-radius:10px}.cv:hover{background:rgba(31,35,41,.04)}.cv.on{background:var(--blue-wash)}
.cav{border-radius:10px;font:600 17px var(--f-b)}.cav.rd{border-radius:50%}
.av{font:600 14px var(--f-b)}.m .av{font-weight:600}
/* messages */
.m .body.bub{background:#F2F3F5;font-size:14px;line-height:1.55}.m.mine .body.bub{background:#E1EAFF}
@media(prefers-color-scheme:dark){.m .body.bub{background:#26282D}.m.mine .body.bub{background:#243457}}
.m .n{font:500 12.5px var(--f-b);color:var(--ink-soft)}.m .t{font:400 11.5px var(--f-b)}
.rch{background:#F2F5FF;color:var(--blue);font-weight:600}
/* headings / controls */
h1,h2,h3,.sh2 b,.brand{font-family:var(--f-d);letter-spacing:-.015em}
.btn.pri{background:var(--blue);box-shadow:none}.btn.pri:hover{background:var(--blue-deep)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(51,112,255,.14)}
code,pre{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace}
#splash h1{font-family:var(--f-d);font-weight:700}
.mtg .mtgi{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}.mtg .mtgi svg{width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}