.twitch-finder{margin:0 0 28px;padding:20px;border:1px solid var(--line,#8888);border-radius:12px;background:var(--surface,transparent)}
.twitch-finder h2{margin:0 0 8px;font-size:1.25rem;line-height:1.35}
.twitch-finder p{margin:8px 0;color:var(--muted);font-size:.9375rem;line-height:1.6}
.twitch-finder form:not([hidden]){display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}
.twitch-finder label{display:flex;flex:1 1 190px;flex-direction:column;gap:6px;font-weight:600;font-size:.875rem;min-width:0}
.twitch-finder input,.twitch-finder select,.twitch-finder button[data-finder-clear]{box-sizing:border-box;min-height:44px;border:1px solid var(--line,#8888);border-radius:7px;background:var(--bg,#fff);color:var(--text,#202124);font:inherit;padding:9px 12px;max-width:100%}
.twitch-finder button[data-finder-clear]{cursor:pointer}
.twitch-finder :is(input,select,button,a):focus-visible{outline:3px solid #7756d8;outline-offset:3px}
.twitch-finder ul{list-style:none;margin:14px 0;padding:0}
.twitch-finder li{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line,#8888)}
.twitch-finder .tf-rank{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem}
.twitch-finder .tf-identity{min-width:0;overflow-wrap:anywhere}
.twitch-finder .tf-identity>a,.twitch-finder .tf-identity>button{color:var(--text);font-weight:600}
.twitch-finder .tf-identity small{display:block;color:var(--muted);font-size:.8125rem}
.twitch-finder .tf-count{font-size:.875rem;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:540px){.twitch-finder{padding:16px}.twitch-finder li{grid-template-columns:2.5rem minmax(0,1fr)}.twitch-finder .tf-count{grid-column:2;white-space:normal}.twitch-finder button[data-finder-clear]{width:100%}}