/* desk modules */
.app-side .side-h{font:500 10px var(--fm);text-transform:uppercase;letter-spacing:.06em;color:#6F7C9C;padding:4px 10px 2px}
.app-side a.md{cursor:pointer;display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;color:#9AA6C4;font-size:12.8px;transition:background .2s,color .2s;position:relative;overflow:hidden}
.app-side a.md span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-side a.md:hover{background:rgba(255,255,255,.05);color:#fff}
.app-side a.md.on{background:rgba(59,130,246,.18);color:#fff}
.app-side a.md em{font:600 9.5px var(--fm);font-style:normal;text-transform:uppercase;padding:2px 6px;border-radius:99px}
.app-side a.md em.lv{background:rgba(16,185,129,.2);color:#6EE7B7}.app-side a.md em.sn{background:rgba(255,255,255,.08);color:#8D99B8}
.app-side a.md.on::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#60A5FA;animation:mdbar var(--mdur,7s) linear forwards}
.app-side.paused a.md.on::after{animation:none;width:0}
@keyframes mdbar{from{width:0}to{width:100%}}
.app-body{position:relative}
.mod-v{grid-column:2/4;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-content:start;animation:fin2 .5s var(--ease) both;min-width:0}
.mod-v[hidden]{display:none}
.app-body.mod .app-main,.app-body.mod .app-conv{display:none}
.mv-h{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mv-h b{font:600 20px var(--fh);color:#fff}.mv-h span{color:#8D99B8;font-size:13px}
.mv-tag{font:600 10.5px var(--fm);text-transform:uppercase;padding:4px 10px;border-radius:99px}
.mv-tag.lv{background:rgba(16,185,129,.2);color:#6EE7B7}.mv-tag.sn{background:rgba(245,158,11,.16);color:#FCD34D}
.mv-k{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mv-k div{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.mv-k small{display:block;font-size:11.5px;color:#7D89A8}.mv-k b{display:block;font:600 22px var(--fh);color:#fff;margin:2px 0}.mv-k em{font-style:normal;font-size:11px;color:#6EE7B7}
.mv-list{border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);overflow:hidden}
.mv-list .lh{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px;color:#7D89A8;display:flex;justify-content:space-between}
.mv-list .lh b{color:#fff;font-size:13px}
.mr{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05);animation:fin2 .5s var(--ease) both}
.mr:last-child{border-bottom:0}
.mr .a{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font:700 10.5px var(--fm);color:#fff}
.mr b{display:block;color:#E8EDF8;font-size:13px;font-weight:500}.mr span{display:block;color:#7D89A8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr>div{min-width:0}
.mv-side{display:grid;gap:10px;align-content:start}
.mv-card{padding:14px;border-radius:12px;background:linear-gradient(145deg,rgba(37,99,235,.18),rgba(255,255,255,.02));border:1px solid rgba(147,197,253,.2)}
.mv-card small{display:block;font:500 10.5px var(--fm);text-transform:uppercase;color:#93B4FF;margin-bottom:8px}
.mv-card div.kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:#AAB6D3;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.mv-card div.kv:last-child{border-bottom:0}
.mv-card div.kv b{color:#fff;font-weight:500;text-align:right}
.mv-note{font-size:11.5px;color:#6F7C9C;padding:10px 12px;border-radius:10px;border:1px dashed rgba(255,255,255,.12)}
.mv-note a{color:#93B4FF}
.mv-wave{display:flex;align-items:center;gap:3px;height:40px;padding:0 4px}.mv-wave i{flex:1;border-radius:2px;background:#8B5CF6;height:20%;animation:wv .9s ease-in-out infinite alternate}
.mv-bars{display:flex;align-items:flex-end;gap:6px;height:90px;padding:4px}.mv-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#EC4899,rgba(236,72,153,.2));animation:grow 1.2s var(--ease) both;transform-origin:bottom}
@media(max-width:1100px){.mod-v{grid-column:2/3;grid-template-columns:1fr}.mv-side{display:none}}
@media(max-width:1020px){.mod-v{grid-column:1/-1}.mv-k{grid-template-columns:1fr 1fr}}