.lrs{margin:2.2rem 0}.lrs-head h2{margin-bottom:.15rem}.lrs-head p{margin-top:0}.lrs-stage{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 38px #0f274229;background:#0d2036}.lrs-stage svg{display:block;width:100%;height:auto}.lrs-stage3d{display:none;position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 38px #0f274229;background:#0d2036}.lrs[data-mode="3d"] .lrs-stage3d{display:block}.lrs[data-mode="3d"] .lrs-stage{display:none}.lrs3d-lab{position:absolute;top:0;left:0;pointer-events:none;opacity:0;font:600 clamp(11px,1.3vw,14px)/1 var(--font-head, sans-serif);color:#fff;background:#0f2742e0;padding:.32em .62em;border-radius:6px;white-space:nowrap;box-shadow:0 2px 10px #0f274240;transition:opacity .5s}.lrs3d-readout{position:absolute;top:14px;right:16px;pointer-events:none;opacity:0;background:#0f2742eb;border-radius:10px;padding:.5rem .95rem;text-align:center;box-shadow:0 4px 16px #0f274247;transition:opacity .5s}.lrs[data-step="3"] .lrs3d-readout,.lrs[data-step="4"] .lrs3d-readout{opacity:1}.lrs3d-readout strong{display:block;font:700 1.35rem/1.1 var(--font-head, sans-serif);color:#ffd23f}.lrs3d-readout span{font:500 .8rem/1.3 var(--font-head, sans-serif);color:#b7cbe2}.lrs3d-note{position:absolute;right:12px;bottom:8px;margin:0;pointer-events:none;font:400 .72rem/1 var(--font-body, sans-serif);color:#7b8794}.lrs-tag{font:600 17px/1 var(--font-head, sans-serif);fill:#dceafb;letter-spacing:.02em}.lrs-tag-amber{fill:#f1a500;font-size:19px}.lrs-tag-green{fill:#7fe0a0;font-size:20px;letter-spacing:.12em}.lrs-num{font:700 26px/1 var(--font-head, sans-serif);fill:#ffd23f}.lrs-subnum{font:500 14px/1 var(--font-head, sans-serif);fill:#9db8d6}.lrs-note{font:400 12px/1 var(--font-body, sans-serif);fill:#6d87a5}.lrs-cmp-title{font:700 19px/1 var(--font-head, sans-serif);fill:#eaf2fc}.lrs-cmp-label{font:600 15px/1 var(--font-head, sans-serif);fill:#b7cbe2}.lrs-cmp-time{font:700 18px/1 var(--font-head, sans-serif)}.lrs-cmp-old{fill:#e8a196}.lrs-cmp-new{fill:#7fe0a0}#lrsLiner,#lrsLockRing,#lrsRet{transition:transform .9s cubic-bezier(.55,.06,.28,1),opacity .7s}#lrsPiston{transition:transform 1.6s cubic-bezier(.6,.04,.3,1)}#lrsForce,#lrsLocked,#lrsCompare,#lrsReadout,#lrsFlow,#lrsOilCavity{transition:opacity .7s}#lrsHose{transition:opacity .6s}.lrs-lab{transition:opacity .7s}#lrsNeedleA,#lrsNeedleB,#lrsLever,#lrsLockRing,#lrsNutHoles{transform-box:view-box}#lrsNeedleB{transform-origin:683px 290px}#lrsNeedleA{transform-origin:662px 438px}#lrsLever{transform-origin:758px 452px}.lrs[data-step="1"] #lrsLiner{animation:lrsLinerIn 2s .3s cubic-bezier(.55,.06,.28,1) both}.lrs[data-step="1"] #lrsLockRing{transform:translate(272px)}.lrs[data-step="1"] #lrsRet{transform:translate(20px,-165px)}.lrs[data-step="1"] #lrsHose{opacity:0}.lrs[data-step="2"] #lrsLockRing{animation:lrsNutIn 1.5s .2s cubic-bezier(.55,.06,.28,1) both}.lrs[data-step="2"] #lrsNutHoles{animation:lrsSpinY .3s linear .35s 5}.lrs[data-step="2"] #lrsRet{animation:lrsCylIn 1.5s 1.9s cubic-bezier(.55,.06,.28,1) both}.lrs[data-step="2"] #lrsHose{opacity:1;transition-delay:3.4s}.lrs[data-step="3"] #lrsLever{animation:lrsLever 1.15s ease-in-out infinite}.lrs[data-step="3"] #lrsFlow{opacity:1;animation:lrsFlow 1s linear infinite}.lrs[data-step="3"] #lrsOilCavity{opacity:.85;fill:#ffd23f}.lrs[data-step="3"] #lrsPiston{transform:translate(-13px)}.lrs[data-step="3"] #lrsReadout,.lrs[data-step="4"] #lrsReadout{opacity:1}.lrs[data-step="3"] #lrsForce{opacity:1;transition-delay:1.6s}.lrs[data-step="4"] #lrsLockRing{transform:translate(-6px)}.lrs[data-step="4"] #lrsNutHoles{animation:lrsSpinY .3s linear .2s 3}.lrs[data-step="4"] #lrsPiston{transform:translate(-13px)}.lrs[data-step="4"] #lrsForce{opacity:1}.lrs[data-step="4"] #lrsLocked{opacity:1;transition-delay:1s}.lrs[data-step="4"] #lrsOilCavity{opacity:.3;fill:#ffd23f}.lrs[data-step="5"] #lrsRet{animation:lrsCylOut 1.5s .3s cubic-bezier(.5,.05,.5,1) both}.lrs[data-step="5"] #lrsLockRing{animation:lrsNutOut 1.4s 1s cubic-bezier(.5,.05,.5,1) both}.lrs[data-step="5"] #lrsLiner{animation:lrsLinerOut 1.8s 1.7s cubic-bezier(.5,.05,.5,1) both}.lrs[data-step="5"] #lrsHose{opacity:0}.lrs[data-step="5"] #lrsCompare{opacity:1;transition-delay:1.2s}.lrs[data-step="5"] #lrsBarNew{animation:lrsBarGrow 1.4s 1.4s cubic-bezier(.2,.7,.3,1) both}.lrs-lab{opacity:0}.lrs[data-step="0"] .lrs-lab{opacity:1}.lrs[data-step="0"] #lrsReadout,.lrs[data-step="0"] #lrsForce,.lrs[data-step="0"] #lrsLocked{opacity:0}@keyframes lrsLinerIn{0%{transform:translate(228px)}to{transform:translate(0)}}@keyframes lrsNutIn{0%{transform:translate(272px)}to{transform:translate(0)}}@keyframes lrsCylIn{0%{transform:translate(20px,-165px)}to{transform:translate(0)}}@keyframes lrsCylOut{0%{transform:translate(0);opacity:1}to{transform:translate(20px,-165px);opacity:.45}}@keyframes lrsNutOut{0%{transform:translate(0);opacity:1}to{transform:translate(272px);opacity:.45}}@keyframes lrsLinerOut{0%{transform:translate(0);opacity:1}to{transform:translate(228px);opacity:.5}}@keyframes lrsSpinY{0%{transform:translateY(0)}to{transform:translateY(-28px)}}@keyframes lrsLever{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}@keyframes lrsFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-48}}@keyframes lrsBarGrow{0%{width:0}to{width:96px}}.lrs-panel{border:1px solid var(--line);border-top:none;border-radius:0 0 14px 14px;margin-top:-14px;padding:1.35rem 1.4rem .9rem;background:var(--card, #fff);box-shadow:0 14px 38px #0f27421a;position:relative}.lrs-info{position:relative;min-height:92px}.lrs-stepinfo{position:absolute;inset:0;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s;pointer-events:none}.lrs-stepinfo.on{opacity:1;transform:none;pointer-events:auto}.lrs-stepnum{display:inline-block;font:700 .72rem/1 var(--font-head, sans-serif);color:var(--amber-ink, #c98a00);background:var(--amber-soft, #fdf3dd);padding:.28rem .6rem;border-radius:99px;letter-spacing:.06em;margin-bottom:.35rem}.lrs-stepinfo strong{display:block;font-family:var(--font-head, sans-serif);font-size:1.08rem;color:var(--navy, #0f2742);margin-bottom:.2rem}.lrs-stepinfo p{margin:0;color:var(--ink-2, #33475b);font-size:.95rem}.lrs-ctrl{display:flex;align-items:center;gap:.9rem;margin-top:1rem}.lrs-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:var(--navy, #0f2742);color:#fff;font-size:.8rem;cursor:pointer;display:grid;place-items:center;transition:background .2s;flex:none}.lrs-btn:hover{background:var(--accent, #1565c0)}.lrs-dots{display:flex;gap:.45rem;flex-wrap:wrap}.lrs-dot{width:34px;height:8px;border-radius:99px;border:none;cursor:pointer;background:var(--line, #e3e9f1);transition:background .25s;padding:0}.lrs-dot:hover{background:var(--muted, #647386)}.lrs-dot.on{background:var(--amber, #f1a500)}@media(max-width:640px){.lrs-info{min-height:132px}.lrs-dot{width:24px}}@media(prefers-reduced-motion:reduce){#lrsLiner,#lrsLockRing,#lrsRet,#lrsPiston{transition-duration:.01s;animation-duration:.01s!important}.lrs[data-step="3"] #lrsLever,.lrs[data-step="3"] #lrsFlow,#lrsNutHoles{animation:none!important}}
