.spin-pull-control{--pull-power:.333;display:grid;grid-template-columns:62px minmax(0,1fr);gap:13px;align-items:center;width:min(100%,340px);margin:8px auto 12px;text-align:left;flex:0 0 auto;padding:9px 12px;box-sizing:border-box;background:linear-gradient(120deg,#80505888,#4b2b4088);border:1px solid #c28b96;border-radius:15px}
.spin-pull-pad{position:relative;height:100px;border-radius:30px;background:#2f1d3155;box-shadow:inset 0 2px 8px #1d0d2944;overflow:visible}.spin-pull-track{position:absolute;top:15px;bottom:18px;left:calc(50% - 3px);width:6px;border-radius:4px;background:linear-gradient(to top,#ffce8b calc(var(--pull-power)*100%),#b38a9255 0)}.spin-pull-arrow{position:absolute;top:0;left:0;right:0;text-align:center;color:#ffd69e;font-size:20px;font-weight:700}
.spin-pull-grip{position:absolute;left:calc(50% - 22px);bottom:8px;transform:translateY(calc(var(--pull-power)*-52px));width:44px!important;height:44px;min-width:44px;min-height:44px;padding:0!important;border-radius:50%!important;border:2px solid #ffe1a9!important;background:linear-gradient(150deg,#ffdb9b,#ee9f62)!important;color:#432331!important;box-shadow:0 4px 0 #874735,0 6px 12px #23132666;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.spin-pull-grip span{font-size:24px;line-height:1}.spin-pull-grip:focus-visible{outline:3px solid #fff0d0;outline-offset:4px}.is-pulling .spin-pull-grip{cursor:grabbing;box-shadow:0 2px 0 #874735,0 0 18px #ffd28d66}.spin-pull-grip:disabled{cursor:wait}
.spin-pull-copy{min-width:0}.spin-pull-copy .eyebrow{font-size:9px!important;display:block;margin-bottom:4px;letter-spacing:.08em}.spin-pull-value{display:block;font-size:13px;line-height:1.3;color:#ffdfab}.spin-pull-meter{height:6px;background:#28192d77;border-radius:5px;overflow:hidden;margin:7px 0}.spin-pull-meter span{display:block;height:100%;width:calc(var(--pull-power)*100%);background:linear-gradient(90deg,#e89870,#ffe6a3);border-radius:inherit}.spin-pull-copy p{font-size:11px;line-height:1.45;margin:6px 0;color:#f4dfd5}.spin-pull-alternative{display:flex!important;align-items:center;gap:8px;font-size:10px!important;line-height:1.25;margin:7px 0 0!important;color:var(--muted)}.spin-pull-alternative input{min-width:0;min-height:24px!important;padding:0!important;flex:1;width:60px!important;accent-color:#ffc887;touch-action:pan-y}
@media(max-width:540px){.spin-pull-control{grid-template-columns:44px minmax(0,1fr);gap:7px;padding:7px;margin:6px 0 8px;border-radius:12px}.spin-pull-pad{height:86px}.spin-pull-grip{transform:translateY(calc(var(--pull-power)*-38px))}.spin-pull-copy .eyebrow{font-size:8px!important}.spin-pull-value{font-size:10px}.spin-pull-copy p{font-size:10px}.spin-pull-alternative{display:block!important;font-size:9px!important}.spin-pull-alternative input{width:100%!important;margin-top:3px;height:24px}.spin-pull-meter{margin:4px 0}.spin-pull-copy p br{display:none}}
@media(max-height:680px) and (min-width:541px){.spin-pull-pad{height:86px}.spin-pull-grip{transform:translateY(calc(var(--pull-power)*-38px))}.spin-pull-control{margin:5px auto 8px;padding:6px 10px}.spin-pull-copy p{font-size:10px}}