/* === BASE — Reset, Variables, Typography === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
    --send:#E8573A;--send-dk:#C23E25;--send-lt:#FFF0EC;
    --recv:#2563EB;--recv-dk:#1D4ED8;--recv-lt:#EBF0FF;
    --bg:#FAFAFA;--white:#FFF;--text:#1A1A2E;--text-mid:#4A4A6A;
    --text-lt:#8888A8;--text-ft:#B8B8D0;--border:#E4E4EF;
    --green:#16A34A;--green-lt:#ECFDF5;--warn:#EA8C00;
    --portal:#7C3AED;--portal-g:rgba(124,58,237,.15);
    --void:#0A0A12;--void-lt:#12121E;
    --r:16px;--rs:10px;--rl:24px;
}
html,body{height:100%;height:100dvh;overflow:hidden;font-family:'Nunito',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation}
#file-input{display:none}
@keyframes fadeU{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes pop{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}