.astro-search select{width:100%;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(8,8,20,.68);color:#fff;padding:0 14px;outline:none}
.cct-chart-tool,.cct-compat-tool{margin-top:24px}
.cct-loading{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:var(--gold);animation:spin .8s linear infinite;vertical-align:-2px;margin-right:7px}
.cct-popup{position:fixed;right:24px;bottom:86px;z-index:60;width:min(380px,calc(100vw - 32px));padding:22px;border-radius:22px;background:rgba(13,13,34,.96);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(18px);opacity:0;transform:translateY(18px);pointer-events:none;transition:.28s}
.cct-popup.show{opacity:1;transform:none;pointer-events:auto}
.cct-popup h3{margin:0 0 14px;font-family:Cinzel,serif}
.cct-popup-form{display:flex;gap:10px}
.cct-popup-form input{min-width:0;flex:1;height:46px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(8,8,20,.68);color:#fff;padding:0 12px}
.cct-popup-form .btn-glow{height:46px;padding:0 16px}
.cct-popup-close{position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.06);color:#fff}
.cct-toc,.cct-related{margin:26px 0;padding:22px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid var(--border)}
.cct-toc ol{margin:12px 0 0;padding-left:20px}
.cct-toc a,.cct-related a{color:var(--gold)}
.cct-bookmark-btn{margin:18px 0}
.cct-bookmark-list a{color:var(--gold)}
body.light .astro-search select,body.light .cct-popup-form input{background:#fff;color:#171128}
@media(max-width:575px){.cct-popup{right:16px;bottom:76px}.cct-popup-form{flex-direction:column}.cct-chart-tool,.cct-compat-tool{grid-template-columns:1fr}}