:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
body { margin: 0; width: 310px; background: #081315; color: #ecf8f8; }
main { display: flex; gap: 12px; align-items: center; padding: 18px 18px 12px; }
.mark { display: block; width: 38px; height: 38px; border-radius: 14px; object-fit: cover; box-shadow: 0 8px 24px rgba(0, 0, 0, .28); }
h1 { margin: 0 0 4px; font-size: 15px; }
p { margin: 0; color: #9db5b6; font-size: 12px; line-height: 1.5; }
.note { margin: 0 18px 18px; padding: 11px 12px; border: 1px solid rgba(18, 213, 208, .22); border-radius: 12px; background: rgba(18, 213, 208, .07); }
.connected { color: #49e0aa; }