.measurement{z-index:110;color:#132c40;background:#fff;border:1px solid #cbd5df;border-radius:1rem;max-width:32rem;max-height:80dvh;padding:1.5rem;position:fixed;bottom:1rem;left:1rem;overflow:auto;box-shadow:0 8px 40px #132c4033}.measurement[hidden],.measurement-preferences[hidden]{display:none}.measurement h2{margin:0 0 .6rem;font-size:1.2rem}.measurement p{margin:.5rem 0;font-size:.9rem;line-height:1.6}.measurement summary{cursor:pointer;padding:.6rem 0}.measurement a{text-decoration:underline}.measurement-actions{gap:.6rem;margin-top:1rem;display:flex}.measurement-actions button{color:#fff;cursor:pointer;min-height:44px;font:inherit;background:#132c40;border:1px solid #132c40;border-radius:.4rem;flex:1;padding:.6rem;font-size:.9rem}.measurement button:focus-visible,.measurement summary:focus-visible,.measurement-preferences:focus-visible{outline:3px solid var(--focus,#2471ae);outline-offset:3px}.measurement-preferences{cursor:pointer;font:inherit;background:0 0;border:0;margin:1rem auto;padding:.6rem;font-size:.85rem;text-decoration:underline;display:block}@media (width<=600px){.measurement{left:.6rem;right:.6rem;bottom:max(.6rem,env(safe-area-inset-bottom));padding:1rem}.measurement-actions{flex-wrap:wrap}}@media (any-pointer:coarse){.measurement-actions button,.measurement summary,.measurement-preferences{min-height:48px}}.measurement-purposes{border:0;margin:.8rem 0 0;padding:0}.measurement-purposes legend{margin-bottom:.4rem;padding:0;font-size:.9rem;font-weight:600}.measurement-purposes label{cursor:pointer;align-items:flex-start;gap:.7rem;padding:.5rem 0;font-size:.85rem;line-height:1.5;display:flex}.measurement-purposes strong{font-size:.9rem;display:block}.measurement-purposes input{accent-color:#132c40;flex:none;width:1.25rem;height:1.25rem;margin:.15rem 0 0}.measurement-purposes input:focus-visible{outline:3px solid var(--focus,#2471ae);outline-offset:3px}.measurement-actions{flex-wrap:wrap}.measurement-actions button{min-width:8.5rem}@media (any-pointer:coarse){.measurement-purposes label{min-height:48px}}.measurement-purposes label,.measurement summary{min-height:44px}.measurement summary{align-items:center;display:flex}
