/* =====================================================
   LEGACY ANKETY – RITUAL DARK THEME (FINAL)
   ===================================================== */

div.legacy-poll {
  max-width: 680px;
  margin: 3em auto;
  padding: 2.2em 2.4em;

  background: linear-gradient(180deg, #1a1a1a, #111);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.06);

  box-shadow:
    0 20px 60px rgba(0,0,0,0.7),
    inset 0 1px 0 rgba(255,255,255,0.04);

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ===== Base text ===== */

div.legacy-poll,
div.legacy-poll * {
  color: #d6d6d6;
}

/* ===== Heading ===== */

div.legacy-poll h3 {
  margin: 0 0 2em 0;
  text-align: center;

  font-size: 1.15em;
  font-weight: 500;
  letter-spacing: 0.02em;

  color: #cfcfcf;
  opacity: 0.9;
}

/* ===== Results list ===== */

div.legacy-results {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.legacy-results li {
  margin-bottom: 1.4em;
}

/* Answer text */

div.legacy-results strong {
  display: block;
  margin-bottom: 0.35em;

  font-weight: 400;
  color: #cfcfcf;
  opacity: 0.9;
}

/* ===== Progress bar ===== */

div.legacy-bar {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;

  background: rgba(255,255,255,0.14);
}

div.legacy-bar span {
  display: block;
  height: 100%;
  border-radius: 999px;

  background: linear-gradient(
    90deg,
    #2f8f7a,
    #6fc3a5
  );
}

/* Numbers */

div.legacy-results small {
  display: block;
  margin-top: 0.3em;

  font-size: 0.85em;
  color: #b5b5b5;
}

/* ===== Footer ===== */

div.legacy-total {
  margin-top: 2.4em;
  text-align: center;

  font-size: 0.8em;
  letter-spacing: 0.05em;
  color: #9a9a9a;
}

/* ===== Vote button – ritual style ===== */

.legacy-vote button {
  margin-top: 1.6em;
  padding: 0.55em 1.6em;

  background: linear-gradient(
    180deg,
    #2a2a2a,
    #1c1c1c
  );
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 999px;

  color: #d6d6d6;
  font-size: 0.9em;
  font-weight: 500;
  letter-spacing: 0.05em;

  cursor: pointer;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 6px 20px rgba(0,0,0,0.6);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.legacy-vote button:hover {
  background: linear-gradient(
    180deg,
    #2f8f7a,
    #247463
  );
  color: #ffffff;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.15),
    0 10px 30px rgba(0,0,0,0.7);

  transform: translateY(-1px);
}

.legacy-vote button:active {
  transform: translateY(0);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.6);
}