.scale-page{background:radial-gradient(circle at bottom,#8b5cf61a,#0000);flex-direction:column;height:100vh;padding:8rem 2rem 4rem;display:flex}.scale-header{text-align:center;margin-bottom:4rem}.scale-title{font-size:3.5rem}.scale-subtitle{color:#94a3b8;margin-top:1rem}.scale-slider-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4rem;display:flex}.scale-visual{text-align:center;width:100%;max-width:600px;position:relative}.scale-obj{flex-direction:column;align-items:center;gap:1rem;display:flex}.scale-icon{filter:drop-shadow(0 0 20px #fff3);margin-bottom:2rem;font-size:8rem}.scale-name{letter-spacing:-1px;font-size:2.5rem}.scale-val{color:#64748b;background:#ffffff0d;border-radius:50px;padding:.4rem 1.2rem;font-family:inherit;font-weight:500}.scale-comparison{opacity:.5;justify-content:center;gap:2rem;margin-top:4rem;display:flex}.comp-item{text-transform:uppercase;letter-spacing:2px;color:#94a3b8;font-size:.8rem}.comp-item.current{color:#fff;opacity:1;border-bottom:2px solid #fff;padding-bottom:.5rem}.scale-footer-controls{width:100%;max-width:800px}.scale-range{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:10px;outline:none;width:100%;height:6px}.scale-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 15px #ffffff80}.scale-labels{color:#64748b;letter-spacing:2px;justify-content:space-between;margin-top:1rem;font-size:.7rem;display:flex}