#measurement-preferences { position: fixed; z-index: 1000; inset: auto 1rem 1rem; max-width: 54rem; margin-inline: auto; padding: 1.25rem; background: #0d0e10; color: #f3f3f0; border: 1px solid #aaaeb3; box-shadow: 0 6px 32px #0009; font: 1rem/1.5 var(--font, sans-serif); max-height: 80vh; overflow: auto; }
#measurement-preferences h2 { font-size: 1.1rem; line-height: 1.4; letter-spacing: normal; margin: 0 0 .4rem; }
#measurement-preferences p { margin: 0 0 .75rem; font-size: .9rem; max-width: 65ch; }
#measurement-preferences a { text-decoration: underline; }
.measurement-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.measurement-actions button { border: 1px solid #aaaeb3; background: #18191b; color: #f3f3f0; padding: .65rem 1rem; min-height: 44px; font: inherit; cursor: pointer; }
.measurement-actions button:hover { background: #303236; }
.measurement-actions button:disabled { opacity: .5; cursor: not-allowed; }
.measurement-settings { border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; padding: .5rem 0; min-height: 44px; }
#measurement-preferences button:focus-visible, .measurement-settings:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }