.cc{margin:14px 0;display:grid;gap:12px}
.cc-box{border:1px solid var(--bd,rgba(69,134,148,.3));border-radius:12px;padding:12px;background:rgba(69,134,148,.06)}
.cc-box h3{margin:0 0 8px;font-size:.95rem}
.cc-note,.cc-err{font-size:.78rem;color:var(--tx2)}
.cc-err{color:#e07a6b}
.cc-skel{height:56px;border-radius:10px;background:rgba(69,134,148,.14);animation:ccp 1.2s ease-in-out infinite}
@keyframes ccp{50%{opacity:.45}}
.cc-pitch{display:grid;gap:8px;padding:10px;border-radius:10px;background:rgba(69,134,148,.14)}
.cc-line{display:flex;justify-content:space-around;gap:4px;flex-wrap:wrap}
.cc-pl{font-size:.72rem;text-align:center;min-width:56px;padding:4px 6px;border-radius:8px;background:rgba(239,222,96,.16)}
.cc-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:5px 0;flex-wrap:wrap}
.cc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.cc-chip{border:1px solid var(--bd,#458694);background:transparent;color:inherit;border-radius:999px;padding:6px 12px;min-height:36px;cursor:pointer}
.cc-chip[aria-pressed=true]{background:#EFDE60;color:#1d2d30;border-color:#EFDE60}
.cc button:disabled{opacity:.5;cursor:not-allowed}
.cc-bar{height:10px;border-radius:6px;background:rgba(239,222,96,.3);overflow:hidden;display:flex}
.cc-bar i{display:block;background:#458694}
.cc select{max-width:100%;min-height:36px}
.cc-xi-ov{position:fixed;inset:0;z-index:9000;background:rgba(10,20,22,.8);overflow:auto;padding:16px}
.cc-xi-ov>div{max-width:640px;margin:0 auto;background:var(--bg,#12262a);border-radius:14px;padding:14px}
[dir=rtl] .cc,[dir=rtl] .cc-xi-ov{direction:rtl}
@media(max-width:480px){.cc-pl{min-width:46px}}