.nbs-measurement-notice { position: fixed; z-index: 9999; right: 18px; bottom: 18px; width: min(430px, calc(100vw - 36px)); padding: 20px; color: #f8f4ed; background: #11141c; border: 1px solid rgba(248,244,237,.26); box-shadow: 9px 9px 0 #0fa3b1; font-family: "Instrument Sans", Arial, sans-serif; }
.nbs-measurement-kicker { margin: 0 0 8px; color: #6bcbd2; font: 500 10px/1.2 "IBM Plex Mono", monospace; letter-spacing: .11em; text-transform: uppercase; }
.nbs-measurement-copy { margin: 0; color: #e1e6e7; font-size: 14px; line-height: 1.42; }
.nbs-measurement-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 11px; }
.nbs-measurement-actions button { min-height: 40px; padding: 9px 12px; border: 1px solid rgba(248,244,237,.42); color: #f8f4ed; background: transparent; font: 700 11px/1 "IBM Plex Mono", monospace; text-transform: uppercase; cursor: pointer; }
.nbs-measurement-actions button:last-child { border-color: #0fa3b1; color: #11141c; background: #0fa3b1; }
.nbs-measurement-notice a { color: #f8f4ed; font: 500 11px "IBM Plex Mono", monospace; }
.nbs-measurement-actions button:focus-visible,.nbs-measurement-notice a:focus-visible { outline: 3px solid #e0218a; outline-offset: 3px; }
@media (max-width: 560px) { .nbs-measurement-notice { right: 12px; bottom: 12px; width: calc(100vw - 24px); box-shadow: 6px 6px 0 #0fa3b1; } }