.sr{margin:0}@keyframes sr-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sr-fade{0%{opacity:0}to{opacity:1}}@keyframes sr-tick{to{background:var(--go);border-color:var(--go)}}@keyframes sr-live{to{background:var(--go-tint);border-color:#a6dcc2}}@media (prefers-reduced-motion:no-preference){html:not(.no-js) .sr:not(.is-in) .sr-a{opacity:0}.sr.is-in .sr-a{animation:sr-in .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * .55s)}.sr.is-in .sr-arrow{animation-name:sr-fade}.sr-run.is-in .sr-picks .on .sr-box,html:not(.no-js) .sr-run:not(.is-in) .sr-picks .on .sr-box{background:var(--paper);border-color:var(--line)}.sr-run.is-in .sr-picks .on .sr-box svg,html:not(.no-js) .sr-run:not(.is-in) .sr-picks .on .sr-box svg{opacity:0}.sr-run.is-in .sr-picks .on .sr-box{animation:sr-tick .2s ease forwards;animation-delay:calc(.4s + var(--j) * .2s)}.sr-run.is-in .sr-picks .on .sr-box svg{animation:sr-fade .2s ease forwards;animation-delay:calc(.4s + var(--j) * .2s)}.sr-run.is-in .sr-env,html:not(.no-js) .sr-run:not(.is-in) .sr-env{background:var(--mist);border-color:var(--line)}.sr-run.is-in .sr-env em,html:not(.no-js) .sr-run:not(.is-in) .sr-env em{opacity:0}.sr-run.is-in .sr-env{animation:sr-live .3s ease forwards;animation-delay:calc(2.6s + var(--k) * .6s)}.sr-run.is-in .sr-env em{animation:sr-fade .3s ease forwards;animation-delay:calc(2.6s + var(--k) * .6s)}}.sr-run{border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);padding:clamp(18px,2.4vw,28px);box-shadow:0 18px 36px -30px rgba(10,20,40,.35)}.sr-cols{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px}.sr-panel{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 16px 16px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--mist)}.sr-step{position:absolute;top:-12px;left:16px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font:700 .8rem/1 var(--font)}.sr-t{display:flex;align-items:center;gap:7px;font-size:var(--t-sm);color:var(--ink)}.sr-t svg{flex:none;color:var(--blue)}.sr-arrow{align-self:center;color:var(--blue)}.sr-picks{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sr-picks li{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 10px;border-radius:var(--r-s);background:var(--paper);border:1px solid var(--line);font-size:.82rem;color:var(--ink)}.sr-picks li>span:nth-child(2){flex:1;min-width:0}.sr-box{flex:none;width:18px;height:18px;border-radius:4px;display:grid;place-items:center;border:1.5px solid var(--go);background:var(--go);color:#fff}.sr-picks .off{border-style:dashed;color:var(--muted)}.sr-picks .off .sr-box{background:var(--paper);border-color:#c3ccd9}.sr-picks small{font-size:.7rem;font-weight:650;color:#8a5a00}.sr-diff{list-style:none;margin:0;padding:10px 12px;border-radius:var(--r-m);background:var(--night);font:500 .78rem/1.75 var(--mono);color:var(--on-night-2)}.sr-diff .add{color:#7ee2b0}.sr-diff .mod{color:#f3c969}.sr-diff .del{color:#f0a19b}.sr-diff .scr{display:flex;margin-top:4px;padding-top:4px;border-top:1px dashed var(--night-line);color:#bfe3ff}.sr-diff .scr,.sr-ok{align-items:center;gap:6px}.sr-ok{align-self:flex-start;display:inline-flex;padding:5px 11px;border-radius:999px;background:var(--go-tint);color:var(--go);font-size:.8rem;font-weight:650}.sr-envs{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sr-env{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:9px 12px;border-radius:var(--r-m);border:1px solid #a6dcc2;background:var(--go-tint)}.sr-env span{font-weight:650;font-size:.88rem;color:var(--ink)}.sr-env em{font-style:normal;font:600 .74rem/1 var(--mono);color:var(--go)}.sr-env small{grid-column:1/-1;font-size:.72rem;color:var(--muted)}.sr-cap{display:flex;align-items:center;gap:8px;margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--line);font-size:var(--t-sm);font-weight:600;color:var(--ink-2)}.sr-cap svg{flex:none;color:var(--blue)}@media (max-width:960px){.sr-cols{grid-template-columns:minmax(0,1fr);gap:22px}.sr-arrow{justify-self:center;transform:rotate(90deg)}}