:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{height:100%}body{margin:0}.nameplate{color:#fff;white-space:nowrap;pointer-events:none;background:#0000008c;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-family:system-ui,sans-serif;font-size:clamp(.75rem,2.2vw,.85rem);display:flex;position:absolute;left:50%;transform:translate(-50%)}.nameplate--inline{background:#ffffff24;padding:.1rem .5rem;position:static;transform:none}.nameplate__dot{background:#ffffff4d;border-radius:50%;width:.5rem;height:.5rem}.nameplate--active{border-color:#7fd1ff}.nameplate--active .nameplate__dot{background:#7fd1ff;animation:1.4s ease-in-out infinite nameplate-pulse}@keyframes nameplate-pulse{0%,to{box-shadow:0 0 #7fd1ffb3}50%{box-shadow:0 0 0 .35rem #7fd1ff00}}@media (prefers-reduced-motion:reduce){.nameplate--active .nameplate__dot{animation:none}}