.hs{margin:0}@keyframes hs-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hs-fill{0%{width:0}to{width:100%}}@keyframes hs-on{to{background:var(--go)}}@keyframes hs-knob{to{transform:translateX(16px)}}@keyframes hs-lit{to{background:var(--blue-tint);border-color:#b9cbf5;color:var(--ink)}}@media (prefers-reduced-motion:no-preference){html:not(.no-js) .hs:not(.is-in) .hs-a{opacity:0}.hs.is-in .hs-a{animation:hs-in .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * .45s)}}.hs-problem{border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);padding:clamp(18px,2.4vw,28px);box-shadow:var(--e-shadow-1,0 18px 36px -30px rgba(10,20,40,.35))}.hs-reqs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hs-req{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--mist)}.hs-req:first-child{background:var(--paper)}.hs-req-who{display:inline-flex;align-items:center;gap:7px;font-weight:650;font-size:var(--t-sm);color:var(--ink)}.hs-req-who svg{color:var(--blue)}.hs-req-ask{font-size:var(--t-sm);line-height:1.4;color:var(--ink-2)}.hs-req-cost{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding:4px 9px;border-radius:999px;font:600 .75rem/1 var(--font);background:#fbe7e5;color:var(--del)}.hs-req:first-child .hs-req-cost{background:var(--blue-tint);color:var(--blue)}.hs-meter{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);font-size:var(--t-sm);color:var(--ink-2)}.hs-meter-bar{height:10px;border-radius:999px;background:var(--mist);overflow:hidden}.hs-meter-bar i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#f0a19b,var(--del))}.hs-meter-n{color:var(--del);white-space:nowrap}@media (prefers-reduced-motion:no-preference){html:not(.no-js) .hs-problem:not(.is-in) .hs-meter-bar i{width:0}.hs-problem.is-in .hs-meter-bar i{animation:hs-fill 2.6s ease-out .2s both}}@media (max-width:760px){.hs-reqs{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-meter{grid-template-columns:minmax(0,1fr) auto}.hs-meter-bar{grid-column:1/-1;grid-row:2}}.hs-how-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px}.hs-panel{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 20px 20px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);box-shadow:var(--e-shadow-1,0 18px 36px -30px rgba(10,20,40,.35))}.hs-step{position:absolute;top:-12px;left:18px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font:700 .8rem/1 var(--font)}.hs-panel-t{font-size:var(--t-0);color:var(--ink);letter-spacing:-.01em}.hs-arrow{align-self:center;color:var(--blue)}.hs-blocks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hs-block{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:var(--r-m);background:var(--blue-tint);border:1px solid #b9cbf5;color:var(--ink);font-size:.85rem;font-weight:600;line-height:1.2}.hs-block svg{flex:none;color:var(--blue)}.hs-toggles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hs-toggles li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--mist)}.hs-tg-text{display:flex;flex-direction:column;font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.3}.hs-tg-text small{font-weight:500;font-size:.75rem;color:var(--muted)}.hs-switch{flex:none;width:36px;height:20px;border-radius:999px;background:var(--go);position:relative}.hs-switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transform:translateX(16px)}.hs-diff{list-style:none;margin:0;padding:10px 12px;border-radius:var(--r-m);background:var(--night);font:500 .8rem/1.7 var(--mono)}.hs-diff .add{color:#7ee2b0}.hs-envs{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--ink-2)}.hs-envs>span{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--mist)}.hs-envs .hs-live{display:inline-flex;align-items:center;gap:5px;background:var(--go-tint);border-color:#a6dcc2;color:var(--go)}.hs-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:18px;padding:18px 22px;border-radius:var(--r-l);background:var(--night);color:var(--on-night)}.hs-result b{font-size:var(--t-1);letter-spacing:-.01em;color:#fff}.hs-tools{display:flex;flex-wrap:wrap;gap:8px}.hs-tools span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--night-line);background:var(--night-2);font-size:.84rem;color:var(--on-night)}.hs-tools svg{color:#8fd6ff}@media (prefers-reduced-motion:no-preference){.hs-how.is-in .hs-block,html:not(.no-js) .hs-how:not(.is-in) .hs-block{background:var(--mist);border-color:var(--line);color:var(--muted)}.hs-how.is-in .hs-block{animation:hs-lit .3s ease forwards;animation-delay:calc(.35s + var(--j) * .18s)}.hs-how.is-in .hs-switch,html:not(.no-js) .hs-how:not(.is-in) .hs-switch{background:#c3ccd9}.hs-how.is-in .hs-switch i,html:not(.no-js) .hs-how:not(.is-in) .hs-switch i{transform:none}.hs-how.is-in .hs-switch{animation:hs-on .25s ease forwards;animation-delay:calc(1.3s + var(--j) * .35s)}.hs-how.is-in .hs-switch i{animation:hs-knob .25s ease forwards;animation-delay:calc(1.3s + var(--j) * .35s)}}.hs-toggles li:first-child .hs-switch,.hs-toggles li:first-child .hs-switch i{--j:0}.hs-toggles li:nth-child(2) .hs-switch,.hs-toggles li:nth-child(2) .hs-switch i{--j:1}.hs-toggles li:nth-child(3) .hs-switch,.hs-toggles li:nth-child(3) .hs-switch i{--j:2}@media (max-width:900px){.hs-how-row{grid-template-columns:minmax(0,1fr);gap:22px}.hs-arrow{justify-self:center;transform:rotate(90deg)}}