#scaleTraining{box-sizing:border-box;width:min(640px,calc(100% - 24px));max-height:90dvh;overflow:auto;background:#171b24;color:#f5f1e8;border:1px solid #cbb582;border-radius:18px;padding:24px;line-height:1.65}
#scaleTraining::backdrop{background:#000b}
#scaleTraining h2{font-size:23px;line-height:1.4;margin:12px 0}
#scaleTraining p{margin:12px 0}#scaleTraining .small{font-size:13px;color:#c9cbd0}
#scaleTraining label{display:block}#scaleTraining select{display:block;width:100%;background:#272d38;color:#fff;border:1px solid #697281;border-radius:8px;padding:10px}
#scaleTraining button{min-height:44px;padding:9px 12px;border:1px solid #8d8068;border-radius:8px;background:#272d38;color:#fff;cursor:pointer}
#scaleTraining button:disabled{opacity:.45;cursor:default}#scaleTraining a{color:#ecd4a0;text-decoration:underline}
#scaleTraining :focus-visible{outline:3px solid #ecd4a0;outline-offset:3px}
.scale-range,.scale-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.scale-range>*{flex:1;min-width:95px}
#scaleNotes{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0}#scaleNotes li{padding:8px;border:1px solid #697281;border-radius:6px;font-size:14px}
#scaleNotes li[aria-current=step]{background:#ecd4a0;color:#171b24;border-color:#ecd4a0;font-weight:700}
#scaleStatus{min-height:3.3em}#scaleStop{border-color:#efaaa0!important}#scaleClose{float:right}