[hidden]{display:none!important}
#scopeFilters{padding:20px 22px;background:#171e28;border:1px solid #3e5069;border-radius:10px;margin:20px 0 0;border-top:3px solid #88aff0}
#scopeFilters .scope-step+.scope-step{margin-top:18px;padding-top:18px;border-top:1px solid #334253}
#scopeFilters .scope-step>label,#scopeFilters h2{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:600;margin:0 0 12px;color:#edf3ff}
#scopeFilters .scope-step>label span,#scopeFilters h2 span{color:#9dbdf2}
#scopeFilters select{font:inherit;color:#eef4ff;background:#101923;border:1px solid #627c9f;border-radius:6px;padding:10px 12px;width:min(100%,420px);min-height:44px}
#scopeFilters .scope-platforms{display:flex;gap:10px}
#scopeFilters .scope-platforms button{font:inherit;min-width:105px;min-height:44px;padding:8px 18px;border:1px solid #52657e;border-radius:7px;background:#202c3b;color:#cfddf1;cursor:pointer}
#scopeFilters .scope-platforms button[aria-pressed=true]{background:#3763a1;color:#fff;border-color:#aacbff;box-shadow:inset 0 -2px 0 #aacbff}
#scopeFilters :focus-visible{outline:2px solid #c5dcff;outline-offset:3px}
#scopeFilters .scope-caption{font-size:14px;color:#acbfd8;margin:0 0 12px}
#scopeFilters #filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}
#scopeFilters .scope-side{min-width:0;margin:0;padding:9px 12px 12px;border:1px solid #475a72;border-radius:7px}
#scopeFilters .scope-side legend{padding:0 6px;color:#bed8fd;font-size:16px}
#scopeFilters .scope-mine{border-left:3px solid #d68f8f}
#scopeFilters .scope-comp{border-left:3px solid #75a5d8}
#scopeFilters .filter{display:flex;align-items:center;gap:10px;min-width:0;margin:5px 0;padding:10px;background:#1c2837;border:1px solid #37495e;cursor:pointer}
#scopeFilters .filter input{width:18px;height:18px;flex-shrink:0;accent-color:#98b9fa}
#scopeFilters .filter span{flex:1;min-width:0}
#scopeFilters .filter b{display:block;font-size:16px;font-weight:500}
#scopeFilters .filter small{display:block;overflow-wrap:anywhere;color:#acbbcf;font-size:14px;margin-top:4px}
#scopeFilters .filter em{font-size:14px;font-style:normal;color:#adc8ee;white-space:nowrap}
#scopeFilters .scope-no-content{grid-column:1/-1;padding:15px 17px;margin:0;border:1px dashed #4b6281;border-radius:7px;background:#141e2a;color:#d0dff3}
.scope-feedback{padding:14px 18px;margin:14px 0;border:1px solid #415775;border-radius:8px;background:#1b293b;color:#c6d9f5;line-height:1.6}
.scope-feedback.scope-error{border-color:#a57171;color:#ffd6d6;background:#382729}
.toolbar button:disabled{opacity:.45;cursor:default}
#mode{font-size:15px}
@media(max-width:760px){#scopeFilters #filters{grid-template-columns:1fr}#scopeFilters{padding:16px}.toolbar{flex-wrap:wrap}}
@media(max-width:440px){#scopeFilters .filter{flex-wrap:wrap}#scopeFilters .filter em{margin-left:28px}}