
.mlp-pl { position: relative; display: inline-flex; flex-shrink: 0; border-radius: 50%; cursor: default; outline: none;
  transition: transform .16s cubic-bezier(.2,.8,.2,1); }
.mlp-pl img { display: block; border-radius: 50%; object-fit: contain; background: var(--mel-surface-overlay); box-shadow: 0 0 0 1.5px var(--mel-border-default); }
.mlp-pl:hover, .mlp-pl:focus-visible, .mlp-pl.is-open { transform: translateY(-3px) scale(1.35); z-index: 99 !important; }
.mlp-pl:hover img, .mlp-pl:focus-visible img, .mlp-pl.is-open img { box-shadow: 0 0 0 1.5px #a78bfa, 0 6px 14px rgba(0,0,0,.35); }
.mlp-pl:focus-visible img { box-shadow: 0 0 0 2px #a78bfa, 0 0 0 4px rgba(167,139,250,.35); }
.mlp-plc { position: fixed; z-index: 100050; width: 260px; padding: 12px 13px; border-radius: 14px; pointer-events: auto;
  background: rgba(13,18,32,.97); border: 1px solid rgba(167,139,250,.35); box-shadow: 0 18px 40px rgba(0,0,0,.45), 0 0 24px rgba(124,111,240,.18);
  color: #e2e8f0; font-family: Poppins, system-ui, sans-serif; animation: mlp-plc-in .14s ease both; }
html.light .mlp-plc, html[data-theme="light"] .mlp-plc { background: #fff; color: #0f172a; border-color: rgba(30,58,138,.18); box-shadow: 0 18px 40px rgba(15,23,42,.16); }
@keyframes mlp-plc-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.mlp-plc-head { display: flex; align-items: center; gap: 10px; }
.mlp-plc-head img { width: 30px; height: 30px; border-radius: 8px; object-fit: contain; background: #fff; padding: 2px; }
.mlp-plc-head strong { font-size: 14px; font-weight: 650; line-height: 1.25; }
.mlp-plc p { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: #a9b3c8; }
html.light .mlp-plc p, html[data-theme="light"] .mlp-plc p { color: #475569; }
.mlp-plc a { display: inline-flex; align-items: center; gap: 4px; margin-top: 9px; font-size: 12px; font-weight: 600; color: #c4b5fd; text-decoration: none; }
.mlp-plc a:hover { text-decoration: underline; text-underline-offset: 3px; }
html.light .mlp-plc a, html[data-theme="light"] .mlp-plc a { color: #1E3A8A; }
@media (prefers-reduced-motion: reduce) { .mlp-pl { transition: none; } .mlp-plc { animation: none; } }
