.tool-head{background:linear-gradient(160deg, #04263f, #0a5a8c 70%, var(--rub));color:#eaf6fb;padding-block:1.2rem clamp(2rem,1.4rem + 2vw,3rem);position:relative;overflow:hidden}.tool-head .caustics{opacity:.4;mix-blend-mode:screen}.tool-head-in{position:relative}.tool-badge{letter-spacing:.12em;text-transform:uppercase;color:#bff3ee;align-items:center;gap:.5rem;margin-block:1.2rem .9rem;font-size:.72rem;font-weight:750;display:inline-flex}.tool-badge-unit{font-family:var(--font-display);letter-spacing:-.02em;color:#04263f;background:var(--lagon);text-transform:none;border-radius:7px;padding:.12em .5em;font-size:1.05rem;font-weight:800}.tool-head h1{color:#fff;font-size:var(--step-4);max-width:20ch}.tool-intro{color:#b9d9e8;max-width:58ch;margin-block-start:1rem;line-height:1.62}.tool-main{max-width:62rem;padding-block-start:clamp(1.8rem,1.4rem + 1.6vw,2.8rem)}.tool-main>*+*{margin-block-start:2.2rem}.calc{border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface-1);box-shadow:var(--shadow-m);overflow:hidden}.calc-grid{grid-template-columns:1fr;gap:0;display:grid}@media (width>=50rem){.calc-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.calc-inputs{align-content:start;gap:1.05rem;padding:clamp(1.2rem,1rem + 1vw,1.9rem);display:grid}.calc-out{background:linear-gradient(160deg, color-mix(in oklab, var(--rub) 13%, var(--surface-1)), color-mix(in oklab, var(--rub) 5%, var(--surface-1)));border-inline-start:1px solid var(--line);align-content:start;gap:1rem;padding:clamp(1.2rem,1rem + 1vw,1.9rem);display:grid}@media (width<=50rem){.calc-out{border-inline-start:0;border-block-start:1px solid var(--line)}}.field{gap:.4rem;display:grid}.field>label,.fieldset>legend{font-size:var(--step--1);color:var(--ink);font-weight:650}.field .hint{font-size:var(--step--2);color:var(--ink-faint);line-height:1.4}.field input[type=number],.field input[type=text],.field select{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--bg);width:100%;color:var(--ink);font-variant-numeric:tabular-nums;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);padding:.68rem .85rem}.field input:focus-visible,.field select:focus-visible{border-color:var(--rub);box-shadow:0 0 0 3px color-mix(in oklab, var(--rub) 25%, transparent);outline:none}.field-row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.seg{border:0;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;display:flex}.seg label{display:inline-flex;position:relative}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{border:1.5px solid var(--line-strong);font-size:var(--step--1);cursor:pointer;transition:all .16s var(--ease);user-select:none;border-radius:999px;padding:.45rem .85rem;font-weight:600;display:inline-block}.seg input:checked+span{background:var(--rub);border-color:var(--rub);color:#fff}.seg input:focus-visible+span{outline:3px solid var(--ring);outline-offset:2px}.result{text-align:start}.result-label{font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:750}.result-value{font-family:var(--font-display);letter-spacing:-.04em;color:var(--rub);font-variant-numeric:tabular-nums;word-break:break-word;margin-block:.3rem .15rem;font-size:clamp(2.4rem,1.8rem + 3vw,3.8rem);font-weight:800;line-height:1}.result-value small{letter-spacing:0;color:var(--ink-soft);margin-inline-start:.25em;font-size:.42em;font-weight:700}.result-note{font-size:var(--step--1);color:var(--ink-soft);line-height:1.55}.result-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.result-list li{border-block-start:1px solid color-mix(in oklab, var(--rub) 22%, transparent);font-size:var(--step--1);justify-content:space-between;gap:1rem;padding-block:.5rem;display:flex}.result-list b{font-variant-numeric:tabular-nums;white-space:nowrap}.verdict{border-radius:var(--radius);font-size:var(--step--1);border:1px solid;padding:.75rem .9rem;line-height:1.5}.verdict[data-tone=ok]{background:color-mix(in oklab, var(--algue) 12%, transparent);border-color:color-mix(in oklab, var(--algue) 40%, transparent);color:color-mix(in oklab, var(--algue) 75%, var(--ink))}.verdict[data-tone=warn]{background:color-mix(in oklab, var(--ocre) 15%, transparent);border-color:color-mix(in oklab, var(--ocre) 45%, transparent);color:color-mix(in oklab, var(--ocre) 65%, var(--ink))}.verdict[data-tone=bad]{background:color-mix(in oklab, var(--corail) 12%, transparent);border-color:color-mix(in oklab, var(--corail) 40%, transparent);color:color-mix(in oklab, var(--corail) 75%, var(--ink))}.tool-privacy{font-size:var(--step--2);color:var(--ink-faint);align-items:flex-start;gap:.55rem;line-height:1.5;display:flex}.tool-privacy svg{flex:none;margin-block-start:.15em}.tool-faq h2{font-size:var(--step-3);margin-block-end:1rem}.tool-more ul{flex-wrap:wrap;gap:.5rem;margin-block-start:.8rem;display:flex}.tool-more a{border:1px solid var(--line);background:var(--surface-1);color:var(--ink);font-size:var(--step--1);border-radius:999px;padding:.45rem .9rem;font-weight:600;text-decoration:none;display:inline-block}.tool-more a:hover{border-color:var(--rub);color:var(--rub)}
