.hc-banner{position:fixed;left:0;right:0;z-index:999999;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.hc-banner__inner{max-width:1000px;margin:12px auto;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.hc-banner .hc-banner__message{font-size:14px;color:#374151}
.hc-banner .hc-banner__text strong{display:block;margin-bottom:4px;color:#111827}
.hc-banner .hc-banner__actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.hc-btn{border:1px solid #e5e7eb;background:#f9fafb;border-radius:10px;padding:8px 12px;font-size:14px;cursor:pointer}
.hc-btn--primary{background:#111827;color:#fff;border-color:#111827}
.hc-btn--ghost{background:transparent;border-color:#d1d5db}
.hc-pos-bottom{position:fixed;bottom:12px;left:12px;right:12px}
.hc-pos-top{position:fixed;top:12px;left:12px;right:12px}
.hc-pos-center{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}

.hc-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000000}
.hc-modal__dialog{background:#fff;border-radius:14px;max-width:720px;width:92%;box-shadow:0 10px 30px rgba(0,0,0,.15);overflow:hidden}
.hc-modal__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e7eb}
.hc-modal__body{padding:12px 16px;max-height:60vh;overflow:auto}
.hc-modal__footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid #e5e7eb}
.hc-modal__close{border:0;background:transparent;font-size:22px;cursor:pointer}

.hc-cat{padding:10px 8px;border:1px solid #f3f4f6;border-radius:10px;margin-bottom:8px;background:#fafafa}
.hc-cat__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.hc-cat__desc{font-size:13px;color:#4b5563}

.hc-fab{position:fixed;right:14px;bottom:14px;border-radius:999px;border:0;background:#111827;color:#fff;padding:12px 14px;font-size:18px;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:1000001}

.hc-switch{position:relative;display:inline-block;width:46px;height:26px}
.hc-switch input{opacity:0;width:0;height:0}
.hc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e5e7eb;transition:.2s;border-radius:999px}
.hc-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:3px;background:white;transition:.2s;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.hc-switch input:checked + .hc-slider{background:#111827}
.hc-switch input:checked + .hc-slider:before{transform:translateX(20px)}
@media (prefers-color-scheme: dark){
  .hc-banner__inner{background:#111827;border-color:#272b33;color:#e5e7eb}
  .hc-banner .hc-banner__message{color:#e5e7eb}
  .hc-btn{background:#22272f;border-color:#30363d;color:#e5e7eb}
  .hc-btn--primary{background:#fff;color:#111827;border-color:#fff}
  .hc-modal__dialog{background:#111827;color:#e5e7eb}
  .hc-cat{background:#0f1115;border-color:#272b33}
}