*{box-sizing:border-box}:root,:root.theme-default{--red: #ff3b30;--blue: #007aff;--lighter-grey: #f0f0f0;--light-grey: #cccccc;--dark-grey: #424242;--text-color: #1c1c1e;--text-color-red: var(--red);--invert-text-color: #ffffff;--background: #f9f9f9 }:root.theme-high-contrast{--red: #8f0700;--blue: #003c80;--lighter-grey: #dcdcdc;--light-grey: #afafaf;--dark-grey: #171717;--invert-text-color: #ffffff;--text-color-red: #5e0500}:root.theme-dark{--red: #8f0700;--blue: #003c80;--lighter-grey: #292929;--light-grey: #535353;--dark-grey: #1a1a1e;--invert-text-color: #ffffff;--text-color: #ffffff;--background: #1a1a1e;--text-color-red: #ff3b30 }:root.theme-high-contrast .meter-container{--blue: #007aff;--dark-grey: #ff3b30}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background);color:var(--text-color);margin:0;padding:0}h2{margin:26px 0 16px}.app{min-height:100vh;padding:0 20px 20px;max-width:400px;margin:0 auto;font-family:sans-serif;display:flex;flex-direction:column;justify-content:space-between}.container{display:flex;flex-direction:column;gap:10px}.container.horizontal{flex-direction:row;justify-content:space-between;align-items:center}.row{display:flex;flex-direction:row}.status-box{background:var(--lighter-grey);padding:10px;border-radius:8px;font-size:14px}.error-message{color:var(--text-color-red);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-input{font-size:16px;width:100%;padding:12px 14px;border:1px solid var(--light-grey);border-radius:6px;background-color:var(--background);color:var(--text-color)}.btn{padding:12px;font-size:16px;background:var(--blue);color:var(--invert-text-color);border:none;border-radius:6px;cursor:pointer;font-weight:700}.btn-disconnect{background:var(--red)}.info-box,select{background:var(--lighter-grey);padding:10px;border-radius:8px;font-size:14px}.collapsible-toggle{color:var(--text-color);font-size:14px;border:none;background:none;border-radius:0;text-align:left;cursor:pointer;padding:0;margin:0;text-decoration:none}.option-wrapper{border-radius:6px;background:var(--lighter-grey);padding:10px;font-size:14px}.option-label{display:flex;justify-content:space-between;font-weight:700}.btn.muted{background:var(--dark-grey)}.meter-container{display:flex;flex-direction:column;gap:5px}.meter-header{font-size:14px;font-weight:700;display:flex;justify-content:space-between}.meter-track{height:12px;background-color:var(--light-grey);border-radius:6px;overflow:hidden}.meter-fill{height:100%}input[type=checkbox]{cursor:pointer}input[type=range]{width:100%;cursor:pointer}input[type=range]::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}input[type=range]::-moz-range-thumb{cursor:grab}input[type=range]:active::-moz-range-thumb{cursor:grabbing}.modal-select-container{display:flex;flex-direction:column;gap:6px}.modal-select-label{font-size:.9em;font-weight:700;color:var(--text-color)}.modal-select-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;border:1px solid var(--light-grey);border-radius:6px;background-color:var(--background);color:var(--text-color);cursor:pointer;font-size:1rem;text-align:left}.modal-select-toggle:focus{outline:none;border-color:var(--blue)}.modal-select-indicator{font-size:1.1em;line-height:1;color:var(--text-color)}.modal-select-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.modal-select-menu{width:100%;max-width:320px;margin:0;padding:6px;list-style:none;background-color:var(--background);border:1px solid var(--light-grey);border-radius:8px;overflow:hidden}.modal-select-option{padding:14px 16px;margin-bottom:2px;border-radius:6px;cursor:pointer;color:var(--text-color);font-size:1.1rem;text-align:center}.modal-select-option:last-child{margin-bottom:0}.modal-select-option:hover,.modal-select-option:focus{background-color:var(--lighter-grey);outline:none}.modal-select-option[aria-selected=true]{font-weight:700;background-color:var(--blue);color:var(--invert-text-color)}