:root { color-scheme: dark; font-family: ui-rounded, system-ui, sans-serif; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; }
body { padding: 6px; background: #1e1033; color: #faf5ff; }
main { display: grid; grid-template-columns: 48px 1fr; grid-template-rows: 1fr 1fr; gap: 0 11px; width: 100%; height: 100%; min-height: 60px; padding: 9px; overflow: hidden; border: 1px solid #c084fc; border-radius: 18px 6px 18px 6px; background: linear-gradient(120deg, #581c87, #312e81); }
.disc { grid-row: 1 / 3; position: relative; align-self: center; width: 44px; height: 44px; border: 3px solid #e9d5ff; border-radius: 50%; background: repeating-radial-gradient(circle, #111827 0 4px, #6b21a8 5px 7px); }
.disc i { position: absolute; inset: 15px; border-radius: 50%; background: #f0abfc; }
#name { align-self: end; overflow: hidden; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.wave { overflow: hidden; color: #e879f9; font: 16px/1 ui-monospace, monospace; letter-spacing: 1px; white-space: nowrap; }