.wc{gap:22px;display:grid}.wc [hidden]{display:none!important}.wc .wc-add{gap:8px;display:grid}.wc .combo{gap:10px;display:flex;position:relative}.wc .combo .tinput{flex:1}.wc .combo .tbtn{min-height:52px;padding-inline:24px}.wc .sugg{z-index:5;background:var(--surface);box-shadow:0 0 0 1px var(--hair), 0 20px 40px -16px #3c221059;border-radius:18px;max-height:300px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.wc .sugg li{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 14px;font-size:16px;display:flex}.wc .sugg li[aria-selected=true]{background:var(--sunken)}.wc .sugg li small{color:var(--ink-2);font-size:13px}.wc .sugg mark{color:var(--tomato-text);background:0 0;font-weight:700}.wc .wc-have{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wc .wc-have li{animation:popin .4s var(--spring) both}.wc .wc-have button{background:var(--ink);color:#fff;min-height:44px;font:inherit;cursor:pointer;transition:transform .25s var(--spring), background .2s;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 16px;font-size:15px;font-weight:600;display:inline-flex}.wc .wc-have button:hover{background:#000}.wc .wc-have button:active{transform:scale(.96)}.wc .wc-have svg{stroke:currentColor;stroke-width:2.2px;fill:none;stroke-linecap:round;opacity:.7;width:14px;height:14px}@keyframes popin{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.wc .quick{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px 32px;display:grid}.wc .qgroup ul,.wc .try ul{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.wc .pick,.wc .eg{font:inherit;background:var(--canvas);min-height:44px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair);cursor:pointer;transition:transform .25s var(--spring), background .2s, box-shadow .2s;border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:600}.wc .pick:hover,.wc .eg:hover{background:#fff;box-shadow:inset 0 0 0 1px #1b1a1947}.wc .pick:active,.wc .eg:active{transform:scale(.96)}.wc .pick[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.wc .eg{color:var(--tomato-text)}.wc .try[hidden]{display:none}.wc .assumed{margin-top:-6px}.wc .out{border-top:1px solid var(--hair);gap:20px;padding-top:24px;display:grid}.wc .outhead{justify-content:space-between;align-items:center;gap:16px;display:flex}.wc .outhead h2{letter-spacing:-.03em;margin:0;font-size:clamp(22px,3vw,28px);font-weight:800}.wc .warn{color:var(--fit-swap-fg)}.wc .grp h3{color:var(--ink-2);letter-spacing:0;margin:22px 0 6px;font-size:14px;font-weight:700}.wc .grp:first-child h3{margin-top:0}.wc .grp ul{margin:0;padding:0;list-style:none}.wc .card{border-top:1px solid var(--hair);animation:rise .5s var(--ease-out) both;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;display:grid}.wc .grp li:first-child .card{border-top:0}.wc .card img{object-fit:cover;background:var(--sunken);border-radius:18px;width:88px;height:88px;display:block}.wc .card h4{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:700;line-height:1.25}.wc .card h4 a{color:inherit;text-decoration:none}.wc .card h4 a:hover{color:var(--tomato-text)}.wc .card h4 a:focus-visible{outline:3px solid var(--tomato);outline-offset:3px;border-radius:6px}.wc .card h4 a:after{content:"";position:absolute;inset:0}.wc .card{position:relative}.wc .card .body{min-width:0}.wc .line{color:var(--ink-2);overflow-wrap:anywhere;margin:4px 0 0;font-size:14.5px;line-height:1.45}.wc .line b{color:var(--ink);font-weight:700}.wc .line.need b{color:var(--tomato-text)}.wc .more{justify-content:center;display:flex}.wc .cta{background:var(--canvas);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:20px 22px;display:flex}.wc .cta p{max-width:460px;margin:0;font-size:16px;line-height:1.5}.wc .cta .tbtn{align-items:center;text-decoration:none;display:inline-flex}@media (width<=720px){.wc .quick{grid-template-columns:minmax(0,1fr)}.wc .card{grid-template-columns:72px minmax(0,1fr);gap:14px}.wc .card img{border-radius:16px;width:72px;height:72px}.wc .combo .tbtn{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.wc-have li,.card{animation:none}}