.cmp-hero{padding-bottom:18px}.cmp-hero h1{font-size:clamp(32px,4.6vw,52px)}.cmp-hero .ms-lead{margin-bottom:8px}.cmp-hero .ms-lead a{color:var(--color-accent)}.cmp-wrap{--cmp-lab:210px;--cmp-col:220px;padding-bottom:56px}.cmp-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin:4px 0 16px;display:flex}.cmp-howto{color:var(--color-text-muted);flex:320px;margin:0;font-size:15px}.cmp-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cmp-add,.cmp-copy{font:inherit;cursor:pointer;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:11px;align-items:center;gap:7px;padding:9px 14px;font-size:14.5px;font-weight:600;display:inline-flex}.cmp-add{border:1.5px dashed color-mix(in srgb, var(--color-accent) 60%, transparent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 7%, transparent)}.cmp-add:hover{background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.cmp-add[hidden]{display:none}.cmp-count{color:var(--color-text-muted);font-size:13px;font-weight:500}.cmp-copy:hover{border-color:var(--color-accent);color:var(--color-accent)}.cmp-status{color:var(--color-text-muted);min-height:1em;font-size:13.5px}.cmp-toggle{color:var(--color-text);cursor:pointer;user-select:none;align-items:center;gap:9px;font-size:14.5px;font-weight:600;display:inline-flex}.cmp-toggle input{opacity:0;width:1px;height:1px;position:absolute}.cmp-switch{background:var(--color-border);border-radius:999px;flex:none;width:38px;height:22px;transition:background .2s;position:relative}.cmp-switch:after{content:"";background:var(--color-surface);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.cmp-toggle input:checked+.cmp-switch{background:var(--color-accent)}.cmp-toggle input:checked+.cmp-switch:after{transform:translate(16px)}.cmp-toggle input:focus-visible+.cmp-switch{outline:2px solid var(--color-accent);outline-offset:2px}.cmp-toggle input:disabled~span{opacity:.5}.cmp-toggle:has(input:disabled){cursor:not-allowed}.cmp-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;position:relative;overflow-x:auto}.cmp-tbl{width:100%;min-width:calc(var(--cmp-lab) + var(--n,3) * var(--cmp-col));table-layout:fixed;border-collapse:separate;border-spacing:0;color:var(--color-text);font-size:15px}.cmp-tbl col.cmp-c-lab{width:var(--cmp-lab)}.cmp-tbl th,.cmp-tbl td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px 14px}.cmp-tbl td+td,.cmp-tbl th+td,.cmp-tbl th+th{border-left:1px solid var(--color-border)}.cmp-tbl tbody tr:last-child>*{border-bottom:1px solid var(--color-border)}.cmp-tbl tfoot>tr>*{border-bottom:0}.cmp-lab{z-index:2;background:var(--color-surface);color:var(--color-text-muted);box-shadow:1px 0 0 var(--color-border);font-size:14px;font-weight:600;position:sticky;left:0}.cmp-lab-h{text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;vertical-align:bottom!important}.cmp-head{font-weight:400}.cmp-pick{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.cmp-slot{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:700}.cmp-x{border:1px solid var(--color-border);background:var(--color-bg);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:inline-grid}.cmp-x:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.cmp-x:disabled{opacity:.35;cursor:not-allowed}.cmp-sel{width:100%;font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;padding:8px 10px;font-size:14px}.cmp-sel:hover,.cmp-sel:focus-visible{border-color:var(--color-accent)}.cmp-thumb{margin:12px 0 10px}.cmp-name{font-family:var(--font-display);margin:0;font-size:16px;font-weight:700;line-height:1.35}.cmp-name a{color:var(--color-text);text-decoration:none}.cmp-name a:hover{color:var(--color-accent)}.cmp-grp th{background:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface));letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);padding-top:10px;padding-bottom:10px;font-size:12.5px;font-weight:700}.cmp-grp th span{position:sticky;left:14px}.cmp-row.is-diff>td,.cmp-row.is-diff>th{background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface))}.cmp-row.is-diff>th{box-shadow:inset 3px 0 0 var(--color-accent), 1px 0 0 var(--color-border);color:var(--color-text)}.cmp-only-diff .cmp-row.is-same,.cmp-only-diff .cmp-grp.is-allsame{display:none}.cmp-list{margin:0;padding-left:16px;font-size:14px;line-height:1.5}.cmp-list li+li{margin-top:4px}.cmp-tbl .ms-price .now{font-size:22px;line-height:1.3}.cmp-badge{border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.cmp-badge.is-cheap{color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 35%, transparent)}.cmp-badge.is-big{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent)}td>b+.cmp-badge{width:max-content;margin-left:0;display:flex}.cmp-yn{align-items:center;gap:6px;font-weight:600;display:inline-flex}.cmp-yn.is-yes svg{color:var(--color-brand)}.cmp-yn.is-no{color:var(--color-text-muted)}.cmp-acts{flex-direction:column;gap:8px;display:flex}.cmp-acts .ms-btn{margin:0;padding:12px 10px;font-size:15px}.cmp-acts .ms-go{width:100%}.cmp-acts .ms-go:hover{background:color-mix(in srgb, var(--color-accent) 18%, transparent);border-color:var(--color-accent);text-decoration:none}.cmp-acts .ms-go:hover svg{transform:translate(3px)}.cmp-float{z-index:90;background:var(--color-surface);border:1px solid var(--color-border);border-top:0;border-radius:0 0 12px 12px;position:fixed;overflow:hidden;box-shadow:0 10px 24px -12px #00000059}.cmp-float[hidden]{display:none}.cmp-float-in{will-change:transform;display:flex}.cmp-float-sp{flex:none}.cmp-float-lab{background:var(--color-surface);box-shadow:1px 0 0 var(--color-border);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);box-sizing:border-box;align-items:center;padding:0 14px;font-size:12.5px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0}.cmp-float-c{box-sizing:border-box;border-left:1px solid var(--color-border);flex:none;align-items:center;gap:10px;min-width:0;padding:8px 14px;display:flex}.cmp-float-c img{object-fit:cover;border-radius:6px;flex:none;width:48px;height:36px}.cmp-float-c>span{flex-direction:column;min-width:0;display:flex}.cmp-float-n{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.cmp-float-c b{color:var(--color-text);font-size:14px}.cmp-note{margin-top:14px}.cmp-back{flex-wrap:wrap;gap:8px;margin:8px 0 0;font-size:15px;display:flex}.cmp-back a{color:var(--color-accent)}.cmp-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.cmp-wrap{--cmp-lab:108px;--cmp-col:172px}.cmp-tbl{font-size:14px}.cmp-tbl th,.cmp-tbl td{padding:10px}.cmp-lab{font-size:13px}.cmp-tbl .ms-price .now{font-size:18px}.cmp-name{font-size:14.5px}.cmp-grp th span{left:10px}.cmp-float-c{padding:6px 10px}.cmp-float-c img{display:none}.cmp-float-lab{padding:0 10px}}@media (prefers-reduced-motion:reduce){.cmp-switch,.cmp-switch:after{transition:none}}