.pwb{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);padding:var(--s-4);box-shadow:var(--shadow-sm)}.pwb-tabs{border-radius:var(--r-lg);background:var(--surface-2);margin-bottom:var(--s-4);gap:4px;padding:4px;display:flex;overflow-x:auto}.pwb-tab{border-radius:var(--r-md);min-width:max-content;color:var(--text-muted);font:inherit;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;flex:1 1 0;padding:10px 14px}.pwb-tab:hover{color:var(--text)}.pwb-tab.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm), inset 0 -2px 0 var(--accent)}.pwb-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pwb-pane{gap:var(--s-4);flex-direction:column;display:flex}.pwb-pair{align-items:end;gap:var(--s-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;display:grid}.pwb-pair--find{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.pwb-plus{color:var(--text-subtle);font-weight:700;font-size:var(--text-lg);line-height:1}.pwb-pair>.pwb-plus{padding-bottom:16px}.pwb-swap{height:52px;font-size:var(--text-lg);padding:0 14px}.pwb-picker{min-width:0;position:relative}.pwb-picker__label{font-size:var(--text-xs);letter-spacing:.02em;color:var(--text-muted);margin-bottom:6px;font-weight:600;display:block}.pwb-picker__box{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-elev);height:52px;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:10px;padding:0 10px 0 8px;display:flex}.pwb-picker.is-open .pwb-picker__box,.pwb-picker__box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.pwb-picker__input{min-width:0;height:100%;color:var(--text);font:inherit;font-size:var(--text-md);background:0 0;border:0;outline:none;flex:1;font-weight:600}.pwb-picker__input::placeholder{color:var(--text-subtle);font-weight:500}.pwb-picker:not(.is-open) .pwb-picker__input::placeholder{color:var(--text-subtle)}.pwb-picker__clear{background:var(--surface-2);color:var(--text-muted);border-radius:var(--r-full);cursor:pointer;border:0;width:28px;height:28px;font-size:18px;line-height:1}.pwb-picker__clear:hover{color:var(--text);background:var(--surface-3)}.pwb-picker__list{z-index:30;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-elev);max-height:min(360px,55vh);box-shadow:var(--shadow-lg);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.pwb-picker__opt{border-radius:var(--r-md);cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:6px 8px;display:flex}.pwb-picker__opt.is-active{background:var(--surface-3)}.pwb-picker__opt[aria-selected=true]{color:var(--accent);font-weight:600}.pwb-picker__power{color:var(--text-subtle);font-size:var(--text-xs);margin-left:auto}.pwb-picker__none{color:var(--text-muted);padding:10px}.pwb-icon{border-radius:var(--r-full);background:var(--surface-2);object-fit:contain;flex:none}.pwb-icon--empty{border:1px dashed var(--border-strong);background:0 0;display:inline-block}.pwb-results{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.pwb-child{gap:var(--s-3);padding:var(--s-4);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:var(--r-xl);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 12%, var(--surface)) 0%, var(--surface) 70%);flex-direction:column;display:flex}.pwb-child__head{align-items:center;gap:var(--s-4);display:flex}.pwb-child__head .pwb-icon{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);background:var(--surface-2)}.pwb-child__kicker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 2px}.pwb-child__name{font-size:var(--text-xl);color:var(--text);margin-bottom:6px;font-weight:700;line-height:1.15;text-decoration:none;display:block}.pwb-child__name:hover{color:var(--accent)}.pwb-why{color:var(--text-muted);font-size:var(--text-sm);margin:0}.pwb-why strong{color:var(--text)}.pwb-link-btn{align-self:flex-start}.pwb-note{border-left:3px solid var(--accent);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);margin:0;padding:10px 12px}.pwb-empty{padding:var(--s-6) var(--s-4);text-align:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--r-lg);margin:0}.pwb-count{margin:0 0 var(--s-3);color:var(--text)}.pwb-results__note{grid-column:1/-1}.pwb-check{font-size:var(--text-sm);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.pwb-check input{width:16px;height:16px;accent-color:var(--accent)}.pwb-pal{min-width:0;color:var(--text);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.pwb-pal:hover .pwb-pal__name{color:var(--accent);text-decoration:underline}.pwb-pal__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pwb-sex{font-weight:700;font-size:var(--text-md);line-height:1}.pwb-sex--m{color:var(--info)}.pwb-sex--f{color:#f472b6}[data-theme=light] .pwb-sex--f{color:#be185d}.pwb-pairs{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pwb-pairs li{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elev);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.pwb-pairs li.is-special{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--bg-elev))}.pwb-more{align-self:center}.pwb-owned{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface-2);flex-direction:column;display:flex}.pwb-owned__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pwb-owned__head .pwb-h3{margin-right:auto}.pwb-h3{font-size:var(--text-md);margin:0;font-weight:650}.pwb-search{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-elev);width:100%;height:40px;color:var(--text);font:inherit;padding:0 12px}.pwb-search:focus{border-color:var(--accent);outline:none}.pwb-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;max-height:380px;margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto}.pwb-tile{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elev);width:100%;color:var(--text-muted);font:inherit;font-size:var(--text-xs);text-align:center;cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);flex-direction:column;align-items:center;gap:4px;padding:8px 4px;line-height:1.2;display:flex}.pwb-tile:hover{border-color:var(--border-strong);color:var(--text)}.pwb-tile.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bg-elev));color:var(--text);font-weight:600}.pwb-tile:focus-visible,.pwb-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pwb-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pwb-chip{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--bg-elev);color:var(--text);font:inherit;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:6px;padding:3px 10px 3px 3px;display:inline-flex}.pwb-chip span{color:var(--text-subtle)}.pwb-chip:hover span{color:var(--danger)}.pwb-plan{gap:var(--s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pwb-gen{border-left:2px solid var(--border-strong);padding-left:20px;position:relative}.pwb-gen:before{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px}.pwb-gen .pwb-h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.pwb-gen ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pwb-step{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elev);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;display:flex}.pwb-step.is-goal{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pwb-arrow{color:var(--accent);font-weight:700}@media (width<=640px){.pwb{padding:var(--s-3);border-radius:var(--r-lg)}.pwb-pair{grid-template-columns:minmax(0,1fr) auto}.pwb-pair>.pwb-plus{display:none}.pwb-pair>.pwb-picker:first-child{grid-column:1/-1}.pwb-swap{height:52px}.pwb-tab{padding:9px 10px}.pwb-child__name{font-size:var(--text-lg)}}.pwb-picker .pwb-picker__input,.pwb-picker .pwb-picker__input:focus,.pwb-picker .pwb-picker__input:focus-visible{box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}