.ce--match{--ok:#2f5a20;--ok-bg:rgba(61,107,42,.1);--warn:#6e4700;--warn-bg:rgba(178,120,0,.12);--bad:#8c3420;--bad-bg:rgba(163,64,42,.09)}.ce--match [hidden]{display:none !important}  .match{max-width:1400px;margin:0 auto;display:grid;gap:clamp(20px,3vw,44px)}  .match__main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(20px,3vw,44px);align-items:start}.match__form{display:grid;gap:12px}.match__q{min-width:0;margin:0;padding:clamp(16px,2vw,26px);border:0;border-radius:var(--radius);background:var(--card)}.match__q legend{float:left;display:flex;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:0;font-size:clamp(18px,1.5vw,21px);font-weight:800;letter-spacing:-.02em;line-height:1.25}.match__no{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--paper);color:var(--accent);font-size:14px}.match__opts{clear:both;display:flex;flex-wrap:wrap;gap:8px}.match__opts input{position:absolute;width:1px;height:1px;opacity:0}.match__opt{display:inline-flex;align-items:center;min-height:46px;padding:10px 18px;border:1.5px solid var(--line);border-radius:999px;background:var(--paper);cursor:pointer;font-size:15px;font-weight:700;line-height:1.3;transition:border-color .3s,background .3s,color .3s}.match__opt:hover{border-color:var(--accent)}.match__opts input:checked + .match__opt{border-color:var(--dark);background:var(--dark);color:var(--paper)}.match__opts input:focus-visible + .match__opt{outline:3px solid var(--focus);outline-offset:3px}.match__result{position:sticky;top:110px;display:grid;gap:12px;justify-items:center;text-align:center;padding:clamp(18px,2.4vw,32px);border-radius:var(--radius);background:var(--dark);color:var(--paper)}.match__scale{width:100%;max-width:340px;height:auto;overflow:visible}.match__post{fill:none;stroke:rgba(var(--paper-rgb),.45);stroke-width:4;stroke-linecap:round}.match__beam{fill:none;stroke:var(--secondary);stroke-width:6;stroke-linecap:round}.match__pivot{fill:var(--secondary)}.match__rope{fill:none;stroke:rgba(var(--paper-rgb),.45);stroke-width:1.5}.match__pan{fill:rgba(var(--paper-rgb),.12);stroke:rgba(var(--paper-rgb),.6);stroke-width:1.5;transition:fill .4s,stroke .4s}.match__label{fill:var(--paper);font:800 17px var(--font);text-anchor:middle;transition:fill .4s}.match[data-lean="l"] [data-pan="l"] .match__pan,.match[data-lean="r"] [data-pan="r"] .match__pan{fill:var(--secondary);stroke:var(--secondary)}.match[data-lean="l"] [data-pan="l"] .match__label,.match[data-lean="r"] [data-pan="r"] .match__label{fill:var(--secondary)}.match__verdict{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.15}.match__count{font-size:13px;color:rgba(var(--paper-rgb),.68)}.match__why{display:grid;gap:8px;width:100%;margin:4px 0 0;padding:0;list-style:none;text-align:left;font-size:14px;line-height:1.45}.match__why li{position:relative;padding:10px 12px 10px 30px;border-radius:12px;background:rgba(var(--paper-rgb),.07);color:rgba(var(--paper-rgb),.86)}.match__why li::before{content:"";position:absolute;left:13px;top:15px;width:6px;height:11px;background:var(--secondary);transform:skewX(-28.48deg)}  .match__actions{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:6px}.match__actions .btn{flex:1 1 auto;justify-content:space-between}.match__result .btn--accent{--fill:var(--paper);--fill-ink:var(--dark);background:var(--secondary);color:var(--dark);box-shadow:0 12px 30px rgba(var(--secondary-rgb),.22)}.match__result .btn--accent .btn__icon{background:var(--dark);color:var(--secondary)}.match__compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}.match__sys{display:grid;gap:10px;align-content:start;padding:clamp(20px,2.6vw,36px);border:1.5px solid var(--line);border-radius:var(--radius)}.match__sys h3{font-size:clamp(26px,2.6vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1}.match__sys p{color:var(--ink-2)}.match__sys ul{display:grid;margin:4px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.match__sys li{position:relative;padding:10px 0 10px 24px;border-bottom:1px solid var(--line);font-size:15px}.match__sys li::before{content:"";position:absolute;left:4px;top:16px;width:6px;height:12px;background:var(--secondary);transform:skewX(-28.48deg)}@media (max-width:900px){.match__main{grid-template-columns:minmax(0,1fr)}.match__result{position:static}}@media (max-width:600px){.match__compare{grid-template-columns:minmax(0,1fr)}}