.serp{position:relative;max-inline-size:420px;margin-block-start:22px;padding:12px;border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);box-shadow:var(--sh)}.serp__bar{display:flex;align-items:center;gap:10px;padding:9px 14px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper);font-weight:800;font-size:15px;line-height:1.2}.serp__bar .ico{stroke-width:2.8}.serp__list{display:grid;gap:7px;margin-block-start:10px}.serp__r{position:relative;isolation:isolate;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;min-block-size:52px;padding:6px 12px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);overflow:hidden}.serp__pos{display:grid;place-items:center;inline-size:32px;block-size:32px;border:2px solid var(--ink);border-radius:50%;background:var(--card);font:800 14px/1 var(--sans);font-variant-numeric:tabular-nums}.serp__sk{display:grid;gap:7px}.serp__sk b{display:block;block-size:8px;inline-size:70%;border-radius:4px;background:var(--ink);opacity:.7}.serp__sk i{display:block;block-size:6px;inline-size:44%;border-radius:3px;background:#0b0b0c33}.serp__r:nth-child(3) .serp__sk b{inline-size:62%}.serp__r:nth-child(4) .serp__sk b{inline-size:78%}.serp__me{z-index:2;border-width:var(--bw);box-shadow:var(--sh-sm)}.serp__fill{position:absolute;inset:0;z-index:-1;background:var(--c);transform-origin:50% 100%}.serp__me .serp__pos{background:var(--ink);color:var(--card);border-color:var(--ink)}.serp__txt{display:grid;min-inline-size:0;line-height:1.25}.serp__txt b{font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp__txt small{font-size:13px}.serp__tag{position:absolute;inset-block-start:-14px;inset-inline-end:16px;padding:5px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--lemon);font:800 12px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase}[dir=rtl] .serp__tag{letter-spacing:0}.calc{display:grid;gap:clamp(22px,3vw,40px);padding:clamp(18px,3vw,34px);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sh-lg)}@media(min-width:900px){.calc{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}}.calc__in{display:grid;gap:24px}.calc__f{display:grid;gap:10px;min-inline-size:0;margin:0;padding:0;border:0}.calc__f>label,.calc__f>legend{padding:0;font-weight:800;font-size:16px;line-height:1.3}.calc__f small{margin-inline-start:8px;font-weight:500;font-size:13px;color:var(--dim)}.calc__row{display:flex;align-items:center;gap:14px}.calc__row output{min-inline-size:104px;padding:9px 12px;border:2.5px solid var(--ink);border-radius:12px;background:var(--paper);font:800 17px/1 var(--sans);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.calc input[type=range]{-webkit-appearance:none;appearance:none;flex:1;min-inline-size:0;block-size:44px;margin:0;background:transparent;cursor:pointer;border-radius:12px}.calc input[type=range]::-webkit-slider-runnable-track{block-size:12px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper-2)}.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;inline-size:28px;block-size:28px;margin-block-start:-10.5px;border:2.5px solid var(--ink);border-radius:9px;background:var(--lime);box-shadow:var(--sh-sm)}.calc input[type=range]::-moz-range-track{block-size:8px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper-2)}.calc input[type=range]::-moz-range-thumb{inline-size:24px;block-size:24px;border:2.5px solid var(--ink);border-radius:9px;background:var(--lime)}.calc__seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.calc__seg label{position:relative}.calc__seg input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.calc__seg span{display:grid;place-items:center;min-block-size:46px;border:2.5px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:var(--sh-sm);font-weight:800;font-size:15px;white-space:nowrap;transition:transform .18s var(--expo),box-shadow .18s var(--expo)}.calc__seg input:checked+span{background:var(--ink);color:var(--paper);box-shadow:none;transform:translate(3px,3px)}.calc__seg input:focus-visible+span{box-shadow:var(--ring)}.calc__out{display:grid;gap:14px}.calc__calls{position:relative;padding:16px 14px 14px;border:2.5px solid var(--ink);border-radius:var(--r);background:var(--paper)}.calc__grid{display:flex;flex-wrap:wrap;gap:5px;min-block-size:22px}.calc__grid i{display:grid;place-items:center;inline-size:22px;block-size:22px;border:2px solid var(--ink);border-radius:6px;background:var(--coral);font:800 12px/1 var(--sans);font-style:normal;transition:background-color .3s;transition-delay:calc(max(0,var(--i) - 9)*30ms)}.calc__grid i:after{content:"\d7"}.calc.is-on .calc__grid i{background:var(--lime)}.calc.is-on .calc__grid i:after{content:"\2713"}.calc__ten{position:absolute;inset-block-start:-15px;inset-inline-end:14px;padding:5px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--lemon);font:800 12px/1 var(--sans);opacity:0;transition:opacity .3s}.calc.is-on .calc__ten{opacity:1}.calc__lost,.calc__back{display:grid;gap:4px;padding:14px 16px;border:var(--bw) solid var(--ink);border-radius:var(--r)}.calc__lost{background:var(--coral-soft)}.calc__back{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;background:var(--paper-2);transition:background-color .35s,box-shadow .35s}.calc.is-on .calc__back{background:var(--lime);box-shadow:var(--sh)}.calc__back .calc__lbl,.calc__back .calc__big{grid-column:2}.calc__lbl{font-weight:800;font-size:14px}.calc__big{font:800 clamp(26px,3.2vw,38px)/1.08 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}[dir=rtl] .calc__big{letter-spacing:0;line-height:1.3}.calc__lost .calc__big{color:var(--coral-ink)}.calc__sub{font-size:14px}.calc__sw{grid-row:1 / span 2;display:grid;justify-items:center;gap:7px;min-block-size:44px;min-inline-size:44px;padding:9px 10px;border:2.5px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:var(--sh-sm);font:800 12px/1.1 var(--sans)}.calc.is-on .calc__sw .sw{background:var(--wa)}.calc.is-on .calc__sw .sw:after{translate:calc(18px * var(--sx)) 0}.calc__foot{font-size:13px;color:var(--dim)}.calc__out .btn{justify-self:start}@media(max-width:600px){.calc__back{grid-template-columns:minmax(0,1fr)}.calc__back .calc__lbl,.calc__back .calc__big{grid-column:1}.calc__sw{grid-row:auto;justify-self:start;grid-auto-flow:column;align-items:center}}