.cc0-badge{margin-left:8px;font:700 11px/1 var(--font);letter-spacing:.06em;color:#fff;background:#12a150;padding:4px 7px;border-radius:6px}
.cc0{max-width:1180px;margin:0 auto;padding:28px 16px 80px}
.cc0-h{font-size:clamp(24px,4vw,34px);letter-spacing:-.02em;font-weight:650;margin-bottom:16px}
.cc0-sb{display:flex;align-items:center;gap:10px;max-width:720px;height:54px;padding:0 6px 0 18px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface)}
.cc0-sb:focus-within{border-color:var(--brand-line);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}
.cc0-sb input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:17px}
.cc0-types{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 10px}
.cc0-types a{height:36px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);font-size:14px;color:var(--ink-2)}
.cc0-types a[aria-current=page]{background:var(--brand);border-color:transparent;color:#fff}
.cc0-trust{font-size:13px;color:var(--ink-3);margin-bottom:18px}
.cc0-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.cc0-res.audio{grid-template-columns:1fr}
.ca{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}
.ca-th{position:relative;aspect-ratio:4/3;background:var(--surface-2);overflow:hidden;cursor:zoom-in}
.ca-th img{width:100%;height:100%;object-fit:cover}
.ca-th.sq{aspect-ratio:1}
.ca-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.ca-t{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-m{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
.lic{font:700 11px/1 var(--font);color:#12a150;border:1px solid color-mix(in srgb,#12a150 45%,transparent);padding:4px 7px;border-radius:6px}
.row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.play{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center}
.play svg{width:18px;height:18px}
.row .dur{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.cc0-more{display:flex;justify-content:center;margin-top:20px}
.cc0-empty{color:var(--ink-2);padding:24px 0}