.ll-kaspa-host { position: relative; }
.ll-kaspa-identity { position: relative; color: #e8fffa; font: 700 .78rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ll-kaspa-identity summary { display: inline-flex; align-items: center; gap: .5rem; min-height: 42px; padding: 0 .8rem 0 .4rem; list-style: none; cursor: pointer; border: 1px solid rgba(94,234,212,.48); border-radius: 999px; background: #071e1a; }
.ll-kaspa-identity summary::-webkit-details-marker { display: none; }
.ll-kaspa-identity summary:focus-visible { outline: 3px solid #facc15; outline-offset: 3px; }
.ll-kaspa-identity__mark { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; color: #04201a; background: #5eead4; font-weight: 950; box-shadow: 0 0 0 4px rgba(94,234,212,.1); }
.ll-kaspa-identity__state { color: #8aaca4; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
[data-state="stale"] .ll-kaspa-identity summary { border-color: #facc15; }
[data-state="mismatch"] .ll-kaspa-identity summary, [data-state="unavailable"] .ll-kaspa-identity summary { border-color: #ef9a9a; background: #2c1719; }
.ll-kaspa-identity__panel { position: absolute; z-index: 100; left: 0; bottom: calc(100% + .65rem); width: min(340px, calc(100vw - 2rem)); padding: 1rem; border: 1px solid rgba(94,234,212,.35); border-radius: 16px; background: #061512; box-shadow: 0 24px 70px rgba(0,0,0,.42); }
.ll-kaspa-identity__panel p { margin: .35rem 0 .8rem; color: #a6c5bd; }
.ll-kaspa-identity__panel dl { margin: 0; }
.ll-kaspa-identity__panel dl div { display: grid; grid-template-columns: 68px 1fr; gap: .5rem; padding: .38rem 0; border-top: 1px solid rgba(255,255,255,.08); }
.ll-kaspa-identity__panel dt { color: #789b92; }.ll-kaspa-identity__panel dd { margin: 0; overflow-wrap: anywhere; }
.ll-kaspa-identity__panel a { display: inline-block; margin-top: .75rem; color: #5eead4; }.ll-kaspa-identity__panel small { display: block; margin-top: .75rem; color: #789b92; }
@media (max-width: 680px) { .ll-kaspa-identity__panel { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; width: auto; } }