:root{
  --pkcc-accent:#f0b310;
  --pkcc-bg:#141416;
  --pkcc-panel:#1c1c1f;
  --pkcc-border:rgba(240,179,16,.45);
  --pkcc-text:#ffffff;
  --pkcc-muted:rgba(255,255,255,.74);
}
html.pkcc-open,
html.pkcc-open body{
  overflow:hidden;
}
.pkcc-root{
  font-family: inherit;
}
.pkcc-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.58);
  z-index:99997;
  backdrop-filter:blur(2px);
}
.pkcc-modal{
  position:fixed;
  z-index:99998;
  color:var(--pkcc-text);
  background:linear-gradient(180deg, rgba(32,32,35,.96), rgba(18,18,20,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 80px rgba(0,0,0,.45);
  width:min(720px, calc(100vw - 32px));
  border-radius:22px;
  padding:28px 28px 24px;
}
.pkcc-root[data-position="center"] .pkcc-modal{
  left:50%; top:50%; transform:translate(-50%, -50%);
}
.pkcc-root[data-position="bottom"] .pkcc-modal{
  left:50%; bottom:24px; transform:translateX(-50%);
}
.pkcc-close{
  position:absolute; right:16px; top:14px;
  background:none; border:0; color:#fff; font-size:34px; line-height:1; cursor:pointer;
  opacity:.88;
}
.pkcc-badge{
  display:inline-block;
  padding:8px 12px;
  border:1px solid var(--pkcc-border);
  border-radius:999px;
  color:var(--pkcc-accent);
  font-weight:700;
  font-size:13px;
  margin-bottom:16px;
}
.pkcc-title{
  margin:0 0 10px;
  color:#fff;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.6px;
}
.pkcc-title::after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  background:var(--pkcc-accent);
  margin-top:16px;
}
.pkcc-desc{
  margin:0 0 18px;
  color:var(--pkcc-muted);
  font-size:16px;
  line-height:1.65;
}
.pkcc-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
  margin:0 0 24px;
}
.pkcc-links a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.24);
}
.pkcc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.pkcc-btn{
  min-height:54px;
  padding:0 22px;
  border-radius:8px;
  font-size:18px;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}
.pkcc-btn-primary{
  background:var(--pkcc-accent);
  color:#111;
  border:1px solid var(--pkcc-accent);
}
.pkcc-btn-outline{
  background:transparent;
  color:#fff;
  border:2px solid var(--pkcc-accent);
}
.pkcc-btn:hover{transform:translateY(-1px)}
.pkcc-details{
  margin-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:18px;
}
.pkcc-row{
  display:flex;
  gap:20px;
  justify-content:space-between;
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.pkcc-row-title{
  color:#fff;
  font-size:18px;
  font-weight:700;
  margin-bottom:6px;
}
.pkcc-row-desc{
  color:var(--pkcc-muted);
  font-size:14px;
  line-height:1.5;
  max-width:520px;
}
.pkcc-toggle-wrap{display:flex; align-items:center; gap:12px; flex-shrink:0;}
.pkcc-always-on{color:var(--pkcc-accent); font-weight:700; font-size:13px;}
.pkcc-switch{position:relative; display:inline-block; width:54px; height:32px;}
.pkcc-switch input{opacity:0; width:0; height:0;}
.pkcc-slider{
  position:absolute; inset:0; cursor:pointer; background:#3a3a40; border-radius:999px; transition:.2s ease;
  border:1px solid rgba(255,255,255,.12);
}
.pkcc-slider:before{
  content:""; position:absolute; height:24px; width:24px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.2s ease;
}
.pkcc-switch input:checked + .pkcc-slider{background:var(--pkcc-accent);}
.pkcc-switch input:checked + .pkcc-slider:before{transform:translateX(22px);}
.pkcc-actions-bottom{margin-top:22px; justify-content:flex-end;}
.pkcc-floating-manage,
.pkcc-manage-shortcode{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:99996;
  border:2px solid var(--pkcc-accent);
  background:#161618;
  color:#fff;
  padding:12px 16px;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
}
.pkcc-manage-shortcode{position:static;}
@media (max-width:767px){
  .pkcc-modal{
    width:min(100vw - 20px, 100%);
    padding:22px 16px 18px;
    border-radius:18px;
    max-height:calc(100vh - 24px);
    overflow-y:auto;
  }
  .pkcc-root[data-position="center"] .pkcc-modal,
  .pkcc-root[data-position="bottom"] .pkcc-modal{
    left:50%; top:50%; bottom:auto; transform:translate(-50%, -50%);
  }
  .pkcc-title{font-size:32px;}
  .pkcc-row{flex-direction:column; align-items:flex-start;}
  .pkcc-toggle-wrap{width:100%; justify-content:space-between;}
  .pkcc-actions,.pkcc-actions-bottom{flex-direction:column;}
  .pkcc-btn{width:100%;}
  .pkcc-floating-manage{right:12px; bottom:12px; max-width:calc(100vw - 24px);}
}