.loading-pulse{animation:loading-fade 1.5s ease-in-out infinite}@keyframes loading-fade{0%,to{opacity:.5}50%{opacity:1}}.scroll-picker{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;min-width:70px;padding:12px 8px}.scroll-picker-label{color:#666;font-size:11px;font-weight:500;margin-bottom:8px;text-transform:uppercase}.scroll-picker-value{align-items:center;color:#333;display:flex;font-size:24px;font-weight:600;justify-content:center;margin-bottom:8px;min-height:32px}.scroll-picker-controls{display:flex;flex-direction:column;gap:4px}.scroll-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.scroll-btn:hover{background:#e0e0e0;border-color:#bbb}.scroll-btn:active{transform:scale(.95)}.period-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:600;min-width:40px;padding:8px 12px;transition:all .2s}.period-btn:hover{background:#f5f5f5;border-color:#bbb}.period-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.period-btn:active{transform:scale(.95)}.scroll-picker input[type=number]::-webkit-inner-spin-button,.scroll-picker input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scroll-picker input[type=number]{-moz-appearance:textfield}