.metrics-settings{font:inherit;font-size:.85rem;text-decoration:underline;border:0;background:transparent;color:inherit;cursor:pointer;padding:.65rem;margin:.5rem}
.metrics-panel{position:fixed;inset:auto 1rem 1rem;z-index:10000;max-width:42rem;margin-inline:auto;padding:1.2rem;background:#fff;color:#142033;border:2px solid #126b75;border-radius:1rem;box-shadow:0 4px 30px #0002;font:16px/1.5 system-ui,sans-serif;max-height:85dvh;overflow:auto;text-align:left;box-sizing:border-box}
.metrics-panel[hidden],.metrics-panel [hidden]{display:none}.metrics-panel h2{font-size:1.2rem;margin:0 0 .5rem}.metrics-panel p{margin:.5rem 0}.metrics-panel a{color:#126b75}.metrics-panel label{display:flex;align-items:flex-start;gap:.6rem;margin:.7rem 0}.metrics-panel input{flex:none;width:1.25rem;height:1.25rem;margin-top:.2rem;accent-color:#126b75}.metrics-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.metrics-panel button{font:inherit;cursor:pointer;padding:.6rem 1rem;border:1px solid #126b75;border-radius:.5rem;background:#fff;color:#123e44;min-height:44px}.metrics-panel button:focus-visible,.metrics-settings:focus-visible{outline:3px solid #ec8a2e;outline-offset:3px}.metrics-panel button[data-save]{background:#126b75;color:white}.metrics-panel [role=status]{font-size:.9rem}
@media(prefers-color-scheme:dark){.metrics-panel{background:#18282e;color:#f5faf9}.metrics-panel a{color:#88d4cb}.metrics-panel button{background:#18282e;color:#f5faf9;border-color:#88d4cb}}