.cf-panel{border:2px solid #ffd1e8;background:linear-gradient(180deg,#fff,#fff8fc);border-radius:22px;padding:14px;margin:14px 0;box-shadow:0 8px 18px rgba(255,113,173,.12)}
.cf-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.cf-grid label{display:block;font-weight:900;color:#c72273;margin:0 0 5px}.cf-grid input,.cf-grid select{width:100%;border:2px solid #ffc6df;border-radius:12px;padding:9px;background:#fff;font:inherit}.cf-wide{grid-column:span 2}
.cf-quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.cf-quick button{border:2px solid #ffd1e8;background:#fff;border-radius:999px;color:#d92d82;font-weight:900;padding:6px 10px;cursor:pointer}
.cf-summary{font-size:14px;color:#667;margin:10px 0;line-height:1.7}.cf-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}
.cf-card{display:grid;grid-template-columns:70px 1fr;gap:10px;background:#fff;border:2px solid #ffd1e8;border-radius:18px;padding:11px;text-decoration:none;color:#333;box-shadow:0 7px 14px rgba(255,113,173,.10);transition:.15s}.cf-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,113,173,.18)}
.cf-icon{display:flex;flex-direction:column;gap:4px;align-items:center}.cf-thumb{max-width:62px;max-height:62px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid #ffd1e8}.cf-rank{max-width:54px;max-height:34px;object-fit:contain}.cf-tribe{max-width:34px;max-height:34px;object-fit:contain}
.cf-title{font-size:17px;font-weight:900;color:#d92d82;margin-bottom:3px}.cf-meta{font-size:12px;color:#667;margin-bottom:6px}.cf-line{font-size:13px;line-height:1.45;margin:3px 0}.cf-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.cf-chip{font-size:11px;border-radius:999px;background:#fff0f8;border:1px solid #ffd1e8;color:#c72273;padding:3px 7px;font-weight:800}.cf-empty{border:2px dashed #ffc6df;border-radius:16px;background:#fff8fc;padding:16px;text-align:center;color:#667}
@media(max-width:820px){.cf-grid{grid-template-columns:1fr 1fr}.cf-wide{grid-column:span 2}}@media(max-width:520px){.cf-grid{grid-template-columns:1fr}.cf-wide{grid-column:span 1}.cf-card{grid-template-columns:58px 1fr}.cf-thumb{max-width:54px;max-height:54px}}

.cf-collapsible{padding:0;overflow:hidden}
.cf-collapsible>summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:900;color:#d92d82;background:linear-gradient(90deg,#fff0f8,#effaff);border-radius:20px;user-select:none}
.cf-collapsible>summary::-webkit-details-marker{display:none}
.cf-collapsible>summary:before{content:"＋";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;border-radius:999px;background:#ff71ad;color:#fff;font-weight:900}
.cf-collapsible[open]>summary{border-bottom:2px solid #ffd1e8;border-radius:20px 20px 0 0}
.cf-collapsible[open]>summary:before{content:"−"}
.cf-collapsible>.cf-grid,.cf-collapsible>.cf-quick,.cf-collapsible>.cf-summary,.cf-collapsible>#cfCount,.cf-collapsible>#listCount,.cf-collapsible>.cf-results{margin-left:14px;margin-right:14px}
.cf-collapsible>.cf-grid{margin-top:14px}
.cf-collapsible>.cf-results{margin-bottom:14px}