


[data-mm-header]{--mm-bg:#ffffff;--mm-text:#333333;--mm-primary:#2563eb;--mm-overlay-bg:rgba(0,0,0,0.5);--mm-transition:0.3s ease}[data-mm-header]{position:relative}[data-mm-toggle]{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}[data-mm-toggle] span{display:block;width:24px;height:2px;background:var(--mm-text);transition:var(--mm-transition)}[data-mm-menu]{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:var(--mm-bg);opacity:0;visibility:hidden;transition:opacity var(--mm-transition),visibility var(--mm-transition);z-index:1100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}[data-mm-menu].mm-open{opacity:1;visibility:visible}[data-mm-menu] ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px}[data-mm-menu] ul li a{display:block;padding:12px 24px;color:var(--mm-text);text-decoration:none;font-size:22px;font-weight:500;transition:color var(--mm-transition)}[data-mm-menu] ul li a:hover{color:var(--mm-primary)}[data-mm-close]{position:absolute;top:20px;right:20px;background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:var(--mm-text);padding:4px 8px;z-index:1101}@media(min-width:768px){[data-mm-toggle]{display:none!important}[data-mm-menu]{position:static!important;width:auto!important;height:auto!important;background:transparent!important;opacity:1!important;visibility:visible!important;padding:0!important;flex-direction:row!important;justify-content:flex-end!important}[data-mm-menu] ul{flex-direction:row;gap:0;align-items:center}[data-mm-menu] ul li a{padding:8px 16px;font-size:inherit;font-weight:inherit}[data-mm-close]{display:none!important}}@media(prefers-reduced-motion:reduce){[data-mm-menu],[data-mm-toggle] span{transition:none!important}}


.cc-shell {
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 1200;
  display: none;
}

.cc-shell.cc-on {
  display: block;
  animation: cgRise 0.45s ease-out both;
}

.cc-card {
  max-width: 46rem;
  margin: 0 auto;
  background: #161616;
  color: #ffffff;
  border: 0.0625rem solid rgba(255, 205, 70, 0.24);
  border-radius: 0.875rem;
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.55);
  padding: 1.25rem 1.35rem;
}

.cc-title {
  font-family: 'Merriweather', Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

.cc-text {
  font-size: 0.88rem;
  line-height: 1.6;
  color: #cccccc;
  margin-bottom: 0.9rem;
}

.cc-link {
  color: #ffcd46;
  text-decoration: underline;
}

.cc-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.cc-btn {
  flex: 1 1 9rem;
  min-height: 2.75rem;
  border-radius: 0.625rem;
  padding: 0.7rem 1rem;
  font-family: 'Merriweather Sans', system-ui, sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
  border: 0.0625rem solid #2b2b2b;
  background: #1d1d1d;
  color: #ffffff;
}

.cc-btn:hover {
  border-color: #d4a82e;
}

.cc-btn-yes {
  background: #ffcd46;
  border-color: #ffcd46;
  color: #14100a;
}

.cc-btn-yes:hover {
  background: #ffd966;
  border-color: #ffd966;
}

.cc-panel {
  display: none;
  margin-top: 0.9rem;
  border-top: 0.0625rem solid #2b2b2b;
  padding-top: 0.9rem;
}

.cc-panel.cc-on {
  display: block;
}

.cc-group {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}

.cc-group input {
  margin-top: 0.35rem;
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #ffcd46;
}

.cc-group-name {
  font-weight: 700;
  font-size: 0.9rem;
  display: block;
}

.cc-group-desc {
  font-size: 0.82rem;
  color: #999999;
  line-height: 1.55;
}

@media (max-width: 768px) {
  .cc-card {
    padding: 1rem;
  }
  .cc-btn {
    flex: 1 1 100%;
  }
}
