.auto-step-float{position:absolute;left:50%;top:46%;z-index:7;opacity:0;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;max-width:88%;width:max-content;padding:7px 13px;border:1px solid #d4b66b66;border-radius:10px;background:#282131dd;color:#f7d895;box-shadow:0 4px 18px #0b081955;pointer-events:none;transform:translateX(-50%)}
.auto-step-float .icon{width:18px;height:18px}.auto-step-float b{font:500 23px Outfit,system-ui;overflow-wrap:anywhere}.auto-step-float small{width:100%;font-size:9px;color:#cfb994;line-height:1.2}
.auto-step-float.show-gain{animation:auto-income .95s ease-out forwards}
@keyframes auto-income{0%{opacity:0;transform:translate(-50%,8px) scale(.94)}15%,65%{opacity:1}100%{opacity:0;transform:translate(-50%,-32px)}}
.reduce-motion .auto-step-float.show-gain{opacity:1}
.scale-tooltip{width:470px;max-width:calc(100vw - 42px);max-height:min(620px,72vh);padding:19px;gap:12px}
.scale-help:not(.dismissed):hover .scale-tooltip,.scale-help:not(.dismissed):focus-within .scale-tooltip,.scale-help.open .scale-tooltip{display:flex;flex-direction:column}
.scale-tip-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-shrink:0}.scale-tip-title>b{font-size:14px;color:#e5d8ef}.scale-tip-title .icon-button{height:23px;width:23px}
.scale-current-mini{background:#353041;border:1px solid #6d597b;border-radius:8px;padding:12px 14px;flex-shrink:0}.scale-current-mini>small{color:#e1bdf5;font-size:10px}.scale-current-mini>p{margin:5px 0 0;font-size:10px;color:#c5b2d3}
.scale-equation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:12px Outfit,system-ui;color:#b8acc6;margin-top:5px}.scale-equation>b{color:#ead2a0;font-size:17px;font-weight:500;overflow-wrap:anywhere}.scale-equation sup,.scale-order sup{font-size:.78em}.scale-order{font-size:10px;color:#ab9cba;line-height:1.7;margin-top:4px}.scale-order>b{font-weight:500;color:#cfb9df}.scale-order>small{display:block;font-size:9px;color:#8f829e}
.scale-track{height:3px;background:#4c3d58;flex-shrink:0;overflow:hidden;border-radius:3px}.scale-track>i{display:block;height:100%;background:#c3a3db}
#scale-tip-neighbors{overflow-y:auto;overscroll-behavior:contain;min-height:85px;scrollbar-width:thin;scrollbar-color:#6d567c transparent;flex:1}
.scale-reference{border-left:1px solid #53415f;padding:0 0 17px 18px;position:relative;margin-left:5px}.scale-reference:before{content:'';position:absolute;left:-4px;top:7px;border-radius:50%;width:7px;height:7px;background:#7e6791}.scale-reference h3{font-size:12px;color:#d0bfdc;font-weight:500}.scale-reference p{margin:5px 0 7px;font-size:10px;color:#9d8cae;line-height:1.8;letter-spacing:0;max-width:none}.scale-reference .scale-equation>b{font-size:14px}.scale-reference .scale-equation{font-size:11px}
.scale-open{border:1px solid #756083;background:#43324f;border-radius:7px;color:#e1c6f0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;text-align:left;font-size:11px;flex-shrink:0}.scale-open .icon{width:15px;height:15px}.scale-open:hover{background:#574063}
.scale-footnote{font-size:9px!important;color:#93849e;line-height:1.65;flex-shrink:0}
.scale-modal{max-width:780px;width:100%;text-align:left;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.scale-modal .modal-emblem{display:none}.scale-modal h2{padding-right:22px;flex-shrink:0}.scale-modal .modal-body{margin-top:18px;overflow-y:auto;min-height:0;padding-right:10px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#75617e transparent}.scale-modal .modal-actions{flex-shrink:0;background:#211e2bf5;padding:13px 0 0;z-index:2}
.atlas-intro{font-size:12px;line-height:1.9;color:#ac9ebb}.atlas-legend{padding:15px 18px;background:#302738;border-radius:9px;border:1px solid #55415f;margin:15px 0 24px;font-size:11px;line-height:1.95;color:#b9a8c6}.atlas-legend b{color:#e4c393;font-weight:500}
#atlas-rows .scale-reference{padding:0 0 27px 24px;margin-left:8px}#atlas-rows .scale-reference h3{font-size:14px}#atlas-rows .scale-reference p{font-size:12px;margin:8px 0}#atlas-rows .scale-equation{font-size:13px}#atlas-rows .scale-equation>b{font-size:20px}#atlas-rows .scale-order{font-size:12px}#atlas-rows .scale-order>small{font-size:10px}
.scale-source{display:block;margin-top:8px;font-size:10px;color:#7e728b}.scale-source a{color:#aa90bf;text-decoration:underline;text-underline-offset:3px}
.atlas-current{position:relative;padding:18px 22px;background:linear-gradient(110deg,#413248,#2b2b3a);border:1px solid #bc93d3;border-radius:11px;margin:0 0 26px;box-shadow:0 0 20px #8d6cb315;scroll-margin-block:80px}.atlas-current>span{font-size:12px;color:#e0b8f5}.atlas-current .scale-equation>b{font-size:25px}.atlas-current>p{font-size:11px;color:#c9b3d7;margin-top:8px}.atlas-current .scale-order{font-size:11px}.atlas-current .scale-order>small{font-size:10px}
@media(max-width:780px){.auto-step-float b{font-size:20px}.auto-step-float small{font-size:8px}.scale-tooltip{position:fixed;top:90px;left:13px;right:13px;width:auto;max-width:none;max-height:calc(100dvh - 175px);padding:16px;gap:10px}.scale-modal{padding:25px 20px}.scale-modal .modal-actions{gap:8px}.scale-modal h2{font-size:18px}.atlas-intro{font-size:11px}.atlas-legend{padding:13px;font-size:10px}#atlas-rows .scale-reference{padding-left:18px}#atlas-rows .scale-reference h3{font-size:13px}#atlas-rows .scale-reference p{font-size:11px}#atlas-rows .scale-equation{font-size:12px}#atlas-rows .scale-order{font-size:11px}.atlas-current{padding:16px}}
@media(prefers-reduced-motion:reduce){.auto-step-float.show-gain{opacity:1}}