.rl-ruler{display:flex;flex-direction:column;gap:12px}.rl-ruler-track{position:relative;height:112px;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:12px}.rl-ruler-track:focus-visible{outline:3px solid var(--rl-teal);outline-offset:6px}.rl-ruler-track[data-dragging]{cursor:grabbing}.rl-ruler-rail{right:0;background:var(--rl-line-soft)}.rl-ruler-fill,.rl-ruler-rail{position:absolute;left:0;top:60px;height:6px;border-radius:999px}.rl-ruler-fill{background:var(--rl-ink);opacity:.22;transition:width .45s var(--rl-spring)}.rl-ruler-band{position:absolute;left:40%;width:40%;top:48px;height:30px;border:2px dashed var(--rl-teal);border-radius:10px;transition:background .3s}.rl-ruler-band:after{content:"";position:absolute;left:6px;right:6px;top:10px;height:6px;border-radius:999px;background:var(--rl-teal);opacity:.3;transition:opacity .3s}.rl-ruler-track[data-inband] .rl-ruler-band{background:var(--rl-teal-soft);animation:rl-band-pulse .7s var(--rl-ease)}.rl-ruler-track[data-inband] .rl-ruler-band:after{opacity:.85}.rl-ruler-thumb{position:absolute;top:41px;width:44px;height:44px;margin-left:-22px;border-radius:50%;background:var(--rl-verm);border:4px solid #fff;box-shadow:0 4px 14px rgba(27,36,32,.24);transition:left .45s var(--rl-spring),transform .2s var(--rl-spring),background .3s;cursor:grab}.rl-ruler-track[data-dragging] .rl-ruler-thumb{transform:scale(1.14);cursor:grabbing}.rl-ruler-track[data-unset] .rl-ruler-thumb{background:#fff;border-color:var(--rl-verm);animation:rl-beckon 1.8s ease-in-out infinite}.rl-ruler-bubble{top:0;transform:translateX(-50%);padding:6px 12px;border-radius:8px;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;transition:left .45s var(--rl-spring);pointer-events:none}.rl-ruler-bubble,.rl-ruler-bubble:after{position:absolute;background:var(--rl-ink)}.rl-ruler-bubble:after{content:"";left:50%;bottom:-4px;width:10px;height:10px;margin-left:-5px;transform:rotate(45deg);border-radius:2px}.rl-ruler-track[data-unset] .rl-ruler-bubble{background:var(--rl-card);color:var(--rl-muted);border:1.5px dashed var(--rl-line);font-weight:500}.rl-ruler-track[data-unset] .rl-ruler-bubble:after{display:none}.rl-ruler-track[data-pos="0"] .rl-ruler-bubble{transform:translateX(-28%)}.rl-ruler-track[data-pos="0"] .rl-ruler-bubble:after{left:28%}.rl-ruler-track[data-pos="4"] .rl-ruler-bubble{transform:translateX(-72%)}.rl-ruler-track[data-pos="4"] .rl-ruler-bubble:after{left:72%}.rl-ruler-ticks{position:absolute;left:0;right:0;top:92px;height:20px;font-size:13px;color:var(--rl-faint);pointer-events:none}.rl-ruler-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}.rl-ruler-ticks span:first-child{transform:none}.rl-ruler-ticks span:last-child{transform:translateX(-100%)}.rl-ruler-ticks span[data-band]{color:var(--rl-teal);font-weight:600}.rl-ruler-read{margin:0;min-height:24px;font-size:15px;color:var(--rl-muted)}.rl-ruler-read[data-tone=in]{color:var(--rl-teal);font-weight:600}@keyframes rl-band-pulse{0%{box-shadow:0 0 0 0 rgba(15,118,110,.35)}to{box-shadow:0 0 0 14px rgba(15,118,110,0)}}@keyframes rl-beckon{0%,to{transform:translateX(-7px)}50%{transform:translateX(7px)}}.rl-done{display:flex;flex-direction:column;gap:28px;align-items:flex-start;animation:rl-in-fwd .6s var(--rl-ease) both}.rl-done-mark{width:64px;height:64px;border-radius:50%;background:var(--rl-teal);display:grid;place-items:center;animation:rl-pop .5s var(--rl-spring) both}.rl-done-mark path{stroke-dasharray:30;stroke-dashoffset:30;animation:rl-draw .45s .3s var(--rl-ease) forwards}.rl-next{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.rl-next li{padding:20px;border:1px solid var(--rl-line);border-radius:16px;background:var(--rl-tint);display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--rl-muted)}.rl-next li b{color:var(--rl-ink);font-size:16px}.rl-next li i{font-family:var(--font-newsreader),ui-serif,Georgia,serif;font-size:20px;color:var(--rl-verm)}@keyframes rl-pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}@media (max-width:720px){.rl-next{grid-template-columns:minmax(0,1fr)}}