.user-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;user-select:none;font-family:var(--font-os-mono,monospace);font-weight:700;color:#ffffff;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.avatar-img-element{width:100%;height:100%;object-fit:cover;display:block}.avatar-preset{color:#ffffff;border:2px solid rgba(255,255,255,.2)}.preset-lotus{background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 4px 16px rgba(168,85,247,.45)}.preset-mountain{background:linear-gradient(135deg,#0d9488,#3b82f6);box-shadow:0 4px 16px rgba(13,148,136,.45)}.preset-tree{background:linear-gradient(135deg,#10b981,#064e3b);box-shadow:0 4px 16px rgba(16,185,129,.45)}.preset-sun{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 4px 16px rgba(245,158,11,.45)}.preset-cloud{background:linear-gradient(135deg,#0ea5e9,#64748b);box-shadow:0 4px 16px rgba(14,165,233,.45)}.preset-moon{background:linear-gradient(135deg,#6366f1,#1e1b4b);box-shadow:0 4px 16px rgba(99,102,241,.45)}.avatar-gradient-0{background:linear-gradient(135deg,#6366f1,#d946ef);box-shadow:0 4px 12px rgba(99,102,241,.35)}.avatar-gradient-1{background:linear-gradient(135deg,#14b8a6,#059669);box-shadow:0 4px 12px rgba(20,184,166,.35)}.avatar-gradient-2{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 4px 12px rgba(245,158,11,.35)}.avatar-gradient-3{background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 4px 12px rgba(236,72,153,.35)}.avatar-gradient-4{background:linear-gradient(135deg,#3b82f6,#0891b2);box-shadow:0 4px 12px rgba(3b,130,246,.35)}