.configurable-field{cursor:pointer;outline-offset:3px}.configurable-field:hover{filter:brightness(1.1)}.configurable-field:focus-visible{outline:1px solid var(--accent)}.long-field-label{font-size:1cqw!important}.field-inline-label{font-size:.8cqw}.field-inline-unit{font-size:.8cqw}.track-metric-label small{margin-left:.5cqw}.track-speed-label small{margin-left:1cqw}.track-gear>span small{display:none}
#fieldDialog{width:min(650px,94vw);padding:18px}#fieldDialog .dialog-heading{margin-bottom:6px}#fieldSearch{font-size:12px;margin:8px 0}#fieldOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:43vh;overflow:auto}#fieldOptions button{text-align:left;padding:10px;min-height:54px}#fieldOptions b{display:block;font-size:12px;font-weight:500}#fieldOptions small{display:block;font-size:9px;color:#a5a0a8;margin-top:7px}#fieldOptions [aria-pressed=true]{border-color:var(--accent);background:#ff42840b}#fieldDialog p{font-size:10px;margin:4px 0}#fieldDialog .dialog-actions{margin-top:10px}#resetField{font-size:11px;padding:8px;min-height:30px}
#connectionDialog{width:340px;max-width:88vw;max-height:96dvh;padding:19px 23px 17px;background:#e7e8eb;color:#282c33;border:1px solid #fff;border-radius:20px;text-align:center;overflow:auto;box-shadow:0 22px 100px #0009}#connectionDialog::backdrop{background:#080611ab;backdrop-filter:blur(3px)}.connect-heading{display:flex;align-items:center;justify-content:space-between;text-align:left}.connect-heading b{font-size:15px;font-style:italic;letter-spacing:.3px}.connect-heading b span{display:block;font-size:8px;letter-spacing:3px;color:#767983;margin-top:3px}.connect-heading button{color:#62646d;border:0;padding:0 4px;min-height:24px;font-size:22px}.connect-adapter{position:relative;height:145px;width:225px;margin:5px auto}.connect-adapter svg{position:relative;width:100%;height:100%;filter:drop-shadow(0 8px 7px #24283535);z-index:1}.connect-orbit{position:absolute;width:127px;height:127px;border:1px solid #cacbd3;border-top:2px solid #f24786;border-radius:50%;left:50%;top:10px;margin-left:-64px;animation:connect-spin 2s linear infinite}.connect-device{font-size:10px;color:#767883}#connectionDialog h2{font-size:16px;font-weight:600;margin:13px 0}.connect-progress{height:3px;background:#d4d5dc;overflow:hidden;border-radius:3px}.connect-progress i{display:block;height:100%;width:35%;background:#f24786;animation:connect-load 1.7s ease-in-out infinite}.connect-steps{display:flex;justify-content:space-between;font-size:9px;color:#9898a2;margin:10px 0}#connectionDialog[data-step="0"] .connect-steps span:first-child,#connectionDialog[data-step="1"] .connect-steps span:first-child,#connectionDialog[data-step="2"] .connect-steps span:nth-child(2),#connectionDialog[data-step="3"] .connect-steps span:nth-child(3){color:#be285c}#connectionDialog p{font-size:9px;color:#81838d;margin:8px 0}#cancelConnection{display:block;width:100%;background:#efcad5;color:#923856;border:0;border-radius:9px;font-size:12px;min-height:35px;padding:8px}#device .empty-state>button:last-child{margin-left:12px}.track-top{gap:1.25cqw}.suki-top{gap:1cqw}.suki-edition{font-size:.65cqw;letter-spacing:.06cqw}.track-edition b{font-size:.95cqw}#trackSettingsDialog>button:last-child{margin-top:12px;font-size:11px;min-height:30px;padding:8px}
@keyframes connect-spin{to{transform:rotate(360deg)}}@keyframes connect-load{from{transform:translateX(-110%)}to{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.connect-orbit,.connect-progress i{animation:none}}