/* Public voting: pale-blue frosted glass components that stay within the existing product system. */
body[data-app="front"].serene-rebuild .voting-page {
  min-width: 0;
}

body[data-app="front"].serene-rebuild .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

body[data-app="front"].serene-rebuild.vote-mode #summitBanner,
body[data-app="front"].serene-rebuild.vote-mode .season-control-row {
  display: none;
}

body[data-app="front"].serene-rebuild.vote-mode .voting-component {
  margin-top: 0;
}

body[data-app="front"].serene-rebuild.vote-mode .page-content {
  padding-top: 92px !important;
}

body[data-app="front"].serene-rebuild .voting-component {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: clamp(18px, 2.4vw, 32px);
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 18px;
  color: #17495f;
  background: rgba(222, 244, 253, .68);
  box-shadow: inset 0 1px rgba(255, 255, 255, .94), 0 12px 28px rgba(47, 112, 143, .10);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

body[data-app="front"].serene-rebuild .voting-component::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(118deg, rgba(255, 255, 255, .7), transparent 42%, rgba(149, 215, 239, .17));
  pointer-events: none;
}

body[data-app="front"].serene-rebuild .voting-header {
  display: flex;
  min-width: 0;
  margin-bottom: clamp(18px, 2vw, 26px);
  padding-bottom: clamp(14px, 1.8vw, 20px);
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgba(75, 147, 179, .19);
}

body[data-app="front"].serene-rebuild .voting-header > div {
  min-width: 0;
}

body[data-app="front"].serene-rebuild .voting-header h1,
body[data-app="front"].serene-rebuild .voting-gate-heading h2 {
  margin: 0;
  color: #16465c;
  font-family: var(--atlas-display, "Noto Serif SC", serif);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}

body[data-app="front"].serene-rebuild .voting-header p,
body[data-app="front"].serene-rebuild .voting-gate-heading p,
body[data-app="front"].serene-rebuild .voting-message p,
body[data-app="front"].serene-rebuild .voting-submitted p {
  max-width: 700px;
  margin: 9px 0 0;
  color: rgba(21, 72, 94, .76);
  font-size: 14px;
  line-height: 1.65;
}

body[data-app="front"].serene-rebuild .voting-header-count,
body[data-app="front"].serene-rebuild .voting-gate-heading > span,
body[data-app="front"].serene-rebuild .voting-identity-state {
  flex: 0 0 auto;
  padding: 8px 10px;
  border: 1px solid rgba(107, 177, 205, .28);
  border-radius: 8px;
  color: #2a7797;
  background: rgba(246, 253, 255, .56);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .voting-message,
body[data-app="front"].serene-rebuild .voting-submitted {
  display: grid;
  min-height: 190px;
  padding: clamp(20px, 4vw, 42px);
  place-items: center;
  align-content: center;
  gap: 9px;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 14px;
  text-align: center;
  background: rgba(247, 253, 255, .52);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

body[data-app="front"].serene-rebuild .voting-message strong,
body[data-app="front"].serene-rebuild .voting-submitted strong {
  color: #17495f;
  font-size: 18px;
  font-weight: 700;
}

body[data-app="front"].serene-rebuild .voting-submitted {
  grid-template-columns: 64px minmax(0, 1fr);
  justify-content: center;
  text-align: left;
}

body[data-app="front"].serene-rebuild .voting-submitted .vote-company-logo {
  width: 58px;
  height: 58px;
}

body[data-app="front"].serene-rebuild .vote-results-board {
  display: grid;
  min-width: 0;
  gap: 16px;
}

body[data-app="front"].serene-rebuild .vote-results-hero {
  position: relative;
  display: grid;
  min-width: 0;
  padding: clamp(18px, 3vw, 28px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .84), rgba(201, 239, 252, .58)),
    rgba(232, 249, 255, .64);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .94),
    0 20px 46px rgba(69, 146, 177, .14);
  backdrop-filter: blur(22px) saturate(1.18);
  text-align: center;
}

body[data-app="front"].serene-rebuild .vote-results-hero::before {
  content: "";
  position: absolute;
  inset: -40% -10% auto;
  height: 120%;
  pointer-events: none;
  background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .72), rgba(125, 203, 232, .14) 42%, transparent 68%);
}

body[data-app="front"].serene-rebuild .vote-results-hero > * {
  position: relative;
  z-index: 1;
}

body[data-app="front"].serene-rebuild .vote-results-kicker {
  justify-self: center;
  color: rgba(30, 105, 136, .72);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .08em;
}

body[data-app="front"].serene-rebuild .vote-results-hero h2 {
  margin: 8px 0 0;
  color: #123f55;
  font-family: var(--atlas-display, "Noto Serif SC", serif);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.05;
}

body[data-app="front"].serene-rebuild .vote-results-hero p {
  justify-self: center;
  max-width: 620px;
  margin: 10px 0 0;
  color: rgba(24, 78, 101, .78);
  font-size: 14px;
  line-height: 1.65;
}

body[data-app="front"].serene-rebuild .vote-results-count {
  justify-self: center;
  margin-top: 14px;
  padding: 8px 12px;
  border: 1px solid rgba(92, 175, 207, .32);
  border-radius: 999px;
  color: #155b77;
  background: rgba(255, 255, 255, .58);
  font-size: 12px;
  font-weight: 750;
  box-shadow: inset 0 1px rgba(255, 255, 255, .86);
}

body[data-app="front"].serene-rebuild .vote-results-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  gap: 14px;
}

body[data-app="front"].serene-rebuild .vote-result-card {
  position: relative;
  display: grid;
  min-width: 0;
  padding: 14px;
  gap: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(198, 235, 249, .48)),
    rgba(232, 249, 255, .58);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .9),
    0 16px 32px rgba(61, 138, 170, .12);
  backdrop-filter: blur(18px) saturate(1.16);
}

body[data-app="front"].serene-rebuild .vote-result-card::after {
  content: "";
  position: absolute;
  inset: auto -20% -50% 20%;
  height: 90px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(118, 204, 235, .2), transparent 65%);
}

body[data-app="front"].serene-rebuild .vote-result-award {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  min-width: 0;
  align-items: center;
  gap: 10px;
}

body[data-app="front"].serene-rebuild .vote-result-award > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(65, 153, 190, .34);
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #72c6e2, #2383aa);
  font-size: 12px;
  font-weight: 800;
  box-shadow: inset 0 1px rgba(255, 255, 255, .32), 0 8px 16px rgba(46, 128, 163, .16);
}

body[data-app="front"].serene-rebuild .vote-result-award h3 {
  margin: 0;
  overflow-wrap: anywhere;
  color: #123f55;
  font-size: 18px;
  font-weight: 760;
  line-height: 1.2;
}

body[data-app="front"].serene-rebuild .vote-result-award p {
  margin: 4px 0 0;
  color: rgba(28, 91, 118, .7);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

body[data-app="front"].serene-rebuild .vote-result-winner-list {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  gap: 8px;
}

body[data-app="front"].serene-rebuild .vote-result-winner {
  display: grid;
  grid-template-columns: 30px 38px minmax(0, 1fr);
  min-width: 0;
  min-height: 54px;
  align-items: center;
  gap: 9px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .66);
  border-radius: 14px;
  background: rgba(255, 255, 255, .56);
  box-shadow: inset 0 1px rgba(255, 255, 255, .78);
}

body[data-app="front"].serene-rebuild .vote-result-winner-rank {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 10px;
  color: #1a6682;
  background: rgba(203, 240, 253, .72);
  font-size: 11px;
  font-weight: 800;
}

body[data-app="front"].serene-rebuild .vote-result-winner .vote-company-logo {
  width: 38px;
  height: 38px;
  border-radius: 11px;
}

body[data-app="front"].serene-rebuild .vote-result-winner-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body[data-app="front"].serene-rebuild .vote-result-winner-copy strong {
  overflow: hidden;
  max-width: 100%;
  color: #143f55;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.28;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .vote-result-winner-copy small {
  color: rgba(31, 94, 120, .68);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

body[data-app="front"].serene-rebuild .voting-gate {
  display: grid;
  min-width: 0;
  gap: 18px;
}

body[data-app="front"].serene-rebuild .voting-gate.is-compact {
  gap: 0;
}

body[data-app="front"].serene-rebuild .voting-gate-heading {
  display: flex;
  min-width: 0;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

body[data-app="front"].serene-rebuild .voting-gate-heading > div {
  min-width: 0;
}

body[data-app="front"].serene-rebuild .voting-gate-heading h2 {
  font-family: var(--atlas-ui, Inter, sans-serif);
  font-size: 20px;
}

body[data-app="front"].serene-rebuild .vote-company-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  min-width: 0;
  gap: 12px;
}

body[data-app="front"].serene-rebuild .vote-company-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  align-items: center;
  gap: 11px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .84);
  border-radius: 12px;
  color: #17495f;
  background: rgba(247, 253, 255, .60);
  box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 5px 14px rgba(69, 133, 163, .06);
  text-align: left;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

body[data-app="front"].serene-rebuild .vote-company-card:not(:disabled):hover {
  border-color: rgba(72, 163, 199, .6);
  background: rgba(255, 255, 255, .74);
  box-shadow: inset 0 1px rgba(255, 255, 255, .98), 0 9px 18px rgba(62, 135, 168, .11);
  transform: translateY(-1px);
}

body[data-app="front"].serene-rebuild .vote-company-card:disabled {
  cursor: not-allowed;
}

body[data-app="front"].serene-rebuild .vote-company-card.is-claimed {
  border-color: rgba(25, 66, 84, .38);
  color: rgba(255, 255, 255, .76);
  background: rgba(32, 71, 89, .78);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12);
}

body[data-app="front"].serene-rebuild .vote-company-card.is-current {
  border-color: rgba(39, 138, 178, .66);
  background: rgba(210, 241, 252, .8);
}

body[data-app="front"].serene-rebuild .vote-company-logo {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(122, 187, 211, .28);
  border-radius: 10px;
  background: rgba(255, 255, 255, .82);
  object-fit: contain;
  box-shadow: inset 0 1px rgba(255, 255, 255, .94);
}

body[data-app="front"].serene-rebuild .vote-company-logo-badge {
  color: #277798;
  font-family: var(--atlas-ui, Inter, sans-serif);
  font-size: 13px;
  font-weight: 700;
}

body[data-app="front"].serene-rebuild .vote-company-card.is-claimed .vote-company-logo {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .15);
  filter: grayscale(1) brightness(.94);
}

body[data-app="front"].serene-rebuild .vote-company-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

body[data-app="front"].serene-rebuild .vote-company-copy strong {
  overflow: hidden;
  color: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .vote-company-copy small {
  overflow: hidden;
  color: rgba(38, 105, 130, .74);
  font-size: 11px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .vote-company-card.is-claimed .vote-company-copy small {
  color: rgba(255, 255, 255, .6);
}

body[data-app="front"].serene-rebuild .voting-identity {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  min-width: 0;
  margin-bottom: 16px;
  padding: 12px 14px;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 12px;
  background: rgba(247, 253, 255, .58);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

body[data-app="front"].serene-rebuild .voting-identity .vote-company-logo {
  width: 54px;
  height: 54px;
}

body[data-app="front"].serene-rebuild .voting-identity > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

body[data-app="front"].serene-rebuild .voting-identity > div > span {
  color: rgba(34, 105, 132, .74);
  font-size: 11px;
  font-weight: 600;
}

body[data-app="front"].serene-rebuild .voting-identity > div > strong {
  overflow: hidden;
  color: #17495f;
  font-size: 16px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .vote-ballot {
  display: grid;
  min-width: 0;
  gap: 16px;
}

body[data-app="front"].serene-rebuild .vote-stepper {
  display: grid;
  min-width: 0;
  gap: 16px;
}

body[data-app="front"].serene-rebuild .vote-step-header {
  display: grid;
  min-width: 0;
  padding: clamp(16px, 2vw, 22px);
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 16px;
  background:
    linear-gradient(138deg, rgba(255, 255, 255, .72), rgba(219, 246, 255, .58) 52%, rgba(176, 224, 244, .34)),
    rgba(247, 253, 255, .58);
  box-shadow: inset 0 1px rgba(255, 255, 255, .94), 0 9px 18px rgba(62, 135, 168, .08);
}

body[data-app="front"].serene-rebuild .vote-step-copy {
  display: grid;
  min-width: 0;
  justify-items: center;
  gap: 6px;
  text-align: center;
}

body[data-app="front"].serene-rebuild .vote-step-kicker {
  color: rgba(34, 103, 130, .72);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}

body[data-app="front"].serene-rebuild .vote-step-header h2 {
  margin: 0;
  color: #133f54;
  font-family: var(--atlas-display, "Noto Serif SC", serif);
  font-size: clamp(25px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
}

body[data-app="front"].serene-rebuild .vote-step-header p {
  margin: 0;
  color: rgba(28, 84, 108, .74);
  font-size: 14px;
  line-height: 1.55;
}

body[data-app="front"].serene-rebuild .vote-step-progress {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  min-width: 0;
  gap: 7px;
}

body[data-app="front"].serene-rebuild .vote-step-progress-item {
  position: relative;
  display: grid;
  height: 28px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(111, 183, 211, .24);
  border-radius: 999px;
  color: rgba(35, 101, 126, .70);
  background: rgba(255, 255, 255, .46);
  box-shadow: inset 0 1px rgba(255, 255, 255, .82);
}

body[data-app="front"].serene-rebuild .vote-step-progress-item i {
  position: relative;
  z-index: 1;
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

body[data-app="front"].serene-rebuild .vote-step-progress-item.is-done {
  color: #fff;
  background: linear-gradient(135deg, #59b9d8, #2385aa);
}

body[data-app="front"].serene-rebuild .vote-step-progress-item.is-current {
  border-color: rgba(28, 128, 170, .62);
  color: #11536f;
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(190, 234, 251, .78));
  box-shadow: inset 0 1px rgba(255, 255, 255, .98), 0 8px 16px rgba(50, 132, 166, .12);
}

body[data-app="front"].serene-rebuild .vote-step-progress-item.is-current.is-done {
  color: #fff;
  background: linear-gradient(135deg, #63c3df, #167da5);
}

body[data-app="front"].serene-rebuild .vote-step-company-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  min-width: 0;
  gap: 12px;
}

body[data-app="front"].serene-rebuild .vote-step-company-card {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 30px;
  min-width: 0;
  min-height: 88px;
  padding: 13px;
  align-items: center;
  gap: 11px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 16px;
  color: #17495f;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .70), rgba(218, 246, 255, .48)),
    rgba(247, 253, 255, .56);
  box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 6px 14px rgba(67, 129, 158, .06);
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

body[data-app="front"].serene-rebuild .vote-step-company-card:not(:disabled):hover {
  border-color: rgba(52, 153, 194, .52);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(203, 241, 254, .62)),
    rgba(255, 255, 255, .64);
  box-shadow: inset 0 1px rgba(255, 255, 255, .98), 0 10px 18px rgba(61, 133, 166, .10);
  transform: translateY(-1px);
}

body[data-app="front"].serene-rebuild .vote-step-company-card.is-selected {
  border-color: rgba(27, 127, 169, .68);
  background:
    linear-gradient(135deg, rgba(233, 250, 255, .96), rgba(169, 225, 248, .72)),
    rgba(226, 248, 255, .78);
  box-shadow: inset 0 1px rgba(255, 255, 255, .98), 0 12px 22px rgba(45, 132, 168, .14);
}

body[data-app="front"].serene-rebuild .vote-step-company-card .vote-company-logo {
  width: 50px;
  height: 50px;
  border-radius: 12px;
}

body[data-app="front"].serene-rebuild .vote-step-company-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

body[data-app="front"].serene-rebuild .vote-step-company-copy strong {
  overflow: hidden;
  max-width: 100%;
  color: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .vote-step-company-copy small {
  color: rgba(34, 102, 129, .68);
  font-size: 11px;
  line-height: 1.2;
}

body[data-app="front"].serene-rebuild .vote-step-check {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgba(47, 144, 183, .45);
  border-radius: 8px;
  color: transparent;
  background: rgba(255, 255, 255, .55);
  box-shadow: inset 0 1px rgba(255, 255, 255, .90);
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

body[data-app="front"].serene-rebuild .vote-step-check svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-app="front"].serene-rebuild .vote-step-company-card.is-selected .vote-step-check {
  border-color: rgba(20, 109, 146, .86);
  color: #fff;
  background: linear-gradient(135deg, #42afd2, #117aa2);
  box-shadow: inset 0 1px rgba(255, 255, 255, .32), 0 6px 12px rgba(37, 128, 166, .16);
  transform: scale(1.02);
}

body[data-app="front"].serene-rebuild .vote-step-footer {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr);
  min-width: 0;
  padding-top: 16px;
  align-items: center;
  gap: 14px;
  border-top: 1px solid rgba(77, 150, 181, .18);
}

body[data-app="front"].serene-rebuild .vote-step-status {
  margin: 0;
  color: rgba(27, 89, 112, .76);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .vote-step-nav {
  width: 100%;
  min-width: 0;
}

body[data-app="front"].serene-rebuild .vote-step-footer .vote-secondary-button {
  margin-top: 0;
}

body[data-app="front"].serene-rebuild .vote-award-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  gap: 12px;
}

body[data-app="front"].serene-rebuild .vote-award-card {
  display: grid;
  min-width: 0;
  min-height: 154px;
  margin: 0;
  padding: 16px;
  align-content: start;
  gap: 13px;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 12px;
  background: rgba(248, 253, 255, .56);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 5px 14px rgba(67, 129, 158, .05);
}

body[data-app="front"].serene-rebuild .vote-award-card legend {
  display: flex;
  min-width: 0;
  padding: 0;
  align-items: center;
  gap: 8px;
  color: #17495f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

body[data-app="front"].serene-rebuild .vote-award-card legend > span {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border: 1px solid rgba(104, 180, 210, .28);
  border-radius: 8px;
  color: #287b9d;
  background: rgba(224, 246, 254, .72);
  font-size: 11px;
  font-weight: 700;
}

body[data-app="front"].serene-rebuild .vote-award-card label {
  color: rgba(35, 101, 126, .74);
  font-size: 12px;
  font-weight: 600;
}

body[data-app="front"].serene-rebuild .vote-choice-trigger {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 20px;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 0 13px;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(74, 169, 207, .36);
  border-radius: 14px;
  outline: 0;
  color: #174f68;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94) 0%, rgba(219, 246, 255, .76) 46%, rgba(179, 226, 245, .58) 100%),
    rgba(237, 250, 255, .7);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .98),
    inset 0 -12px 26px rgba(118, 194, 226, .10),
    0 8px 18px rgba(67, 138, 170, .08);
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

body[data-app="front"].serene-rebuild .vote-choice-trigger:not(:disabled):hover {
  border-color: rgba(45, 147, 188, .66);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(212, 244, 255, .86) 48%, rgba(164, 218, 241, .68) 100%),
    rgba(237, 250, 255, .84);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 1),
    inset 0 -14px 28px rgba(112, 190, 223, .13),
    0 10px 20px rgba(61, 133, 166, .12);
  transform: translateY(-1px);
}

body[data-app="front"].serene-rebuild .vote-choice-trigger:disabled {
  opacity: .62;
  cursor: not-allowed;
}

body[data-app="front"].serene-rebuild .vote-choice-trigger.has-value {
  color: #0f607e;
}

body[data-app="front"].serene-rebuild .vote-choice-state {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 999px;
  color: #197da2;
  background: rgba(255, 255, 255, .56);
}

body[data-app="front"].serene-rebuild .vote-choice-state:empty {
  background:
    radial-gradient(circle at 50% 44%, rgba(63, 158, 197, .58) 0 3px, transparent 4px),
    rgba(255, 255, 255, .45);
}

body[data-app="front"].serene-rebuild .vote-choice-state svg,
body[data-app="front"].serene-rebuild .vote-choice-option-check svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-app="front"].serene-rebuild .vote-choice-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .vote-choice-chevron {
  width: 9px;
  height: 9px;
  justify-self: center;
  border-right: 2px solid rgba(25, 97, 126, .72);
  border-bottom: 2px solid rgba(25, 97, 126, .72);
  transform: translateY(-2px) rotate(45deg);
}

body[data-app="front"].serene-rebuild.vote-choice-modal-open {
  overflow: hidden;
}

body[data-app="front"].serene-rebuild .vote-choice-modal {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  padding: 18px;
  place-items: center;
  background: rgba(220, 243, 252, .46);
  backdrop-filter: blur(12px) saturate(1.04);
  -webkit-backdrop-filter: blur(12px) saturate(1.04);
  animation: voteChoiceFade .18s ease-out both;
}

body[data-app="front"].serene-rebuild .vote-choice-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
  cursor: default;
}

body[data-app="front"].serene-rebuild .vote-choice-dialog {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(460px, calc(100vw - 32px));
  max-height: min(720px, calc(100dvh - 32px));
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 22px;
  color: #15475e;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .86) 0%, rgba(226, 247, 255, .78) 46%, rgba(187, 230, 248, .70) 100%),
    rgba(232, 248, 255, .82);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .98),
    0 24px 54px rgba(48, 116, 150, .20);
  backdrop-filter: blur(22px) saturate(1.12);
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
  animation: voteChoiceRise .24s cubic-bezier(.2, .8, .2, 1) both;
}

body[data-app="front"].serene-rebuild .vote-choice-dialog::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, rgba(255, 255, 255, .54), transparent 42%, rgba(118, 197, 229, .16));
  pointer-events: none;
}

body[data-app="front"].serene-rebuild .vote-choice-dialog-header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  padding: 18px 18px 12px;
  align-items: start;
  gap: 12px;
  border-bottom: 1px solid rgba(82, 157, 189, .16);
}

body[data-app="front"].serene-rebuild .vote-choice-dialog-header > div {
  min-width: 0;
  text-align: center;
}

body[data-app="front"].serene-rebuild .vote-choice-dialog-header span {
  display: block;
  margin-bottom: 5px;
  color: rgba(35, 102, 128, .72);
  font-size: 12px;
  font-weight: 650;
}

body[data-app="front"].serene-rebuild .vote-choice-dialog-header h2 {
  margin: 0;
  color: #123f54;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

body[data-app="front"].serene-rebuild .vote-choice-dialog-header p {
  margin: 7px 0 0;
  color: rgba(30, 89, 113, .72);
  font-size: 13px;
  line-height: 1.5;
}

body[data-app="front"].serene-rebuild .vote-choice-close {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(103, 177, 207, .24);
  border-radius: 999px;
  color: #226e8c;
  background: rgba(255, 255, 255, .64);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
  font: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}

body[data-app="front"].serene-rebuild .vote-choice-close:hover {
  background: rgba(255, 255, 255, .9);
  transform: scale(1.03);
}

body[data-app="front"].serene-rebuild .vote-choice-list {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  max-height: min(520px, calc(100dvh - 174px));
  overflow: auto;
  padding: 12px;
  gap: 8px;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(81, 158, 190, .45) transparent;
}

body[data-app="front"].serene-rebuild .vote-choice-option {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 28px;
  min-width: 0;
  min-height: 58px;
  padding: 9px 11px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 15px;
  color: #174d64;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(219, 246, 255, .54)),
    rgba(248, 253, 255, .56);
  box-shadow: inset 0 1px rgba(255, 255, 255, .92);
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

body[data-app="front"].serene-rebuild .vote-choice-option:not(.is-selected):hover {
  border-color: rgba(60, 156, 195, .48);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(202, 240, 254, .66)),
    rgba(255, 255, 255, .76);
  box-shadow: inset 0 1px rgba(255, 255, 255, .98), 0 8px 16px rgba(68, 139, 171, .10);
  transform: translateY(-1px);
}

body[data-app="front"].serene-rebuild .vote-choice-option.is-selected {
  border-color: rgba(36, 142, 184, .60);
  color: #0e5875;
  background:
    linear-gradient(135deg, rgba(230, 249, 255, .92), rgba(177, 226, 246, .68)),
    rgba(233, 250, 255, .86);
  box-shadow: inset 0 1px rgba(255, 255, 255, .98), 0 10px 20px rgba(50, 132, 166, .13);
}

body[data-app="front"].serene-rebuild .vote-choice-option .vote-company-logo {
  width: 40px;
  height: 40px;
  border-radius: 11px;
}

body[data-app="front"].serene-rebuild .vote-choice-option-copy {
  display: grid;
  min-width: 0;
  justify-items: start;
  gap: 3px;
}

body[data-app="front"].serene-rebuild .vote-choice-option-copy strong {
  overflow: hidden;
  max-width: 100%;
  color: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app="front"].serene-rebuild .vote-choice-option-copy small {
  color: rgba(32, 98, 123, .66);
  font-size: 11px;
  line-height: 1.2;
}

body[data-app="front"].serene-rebuild .vote-choice-option-check {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: #2287aa;
  opacity: 0;
  transform: scale(.82);
  transition: opacity .18s ease, transform .18s ease;
}

body[data-app="front"].serene-rebuild .vote-choice-option.is-selected .vote-choice-option-check {
  opacity: 1;
  transform: scale(1);
}

body[data-app="front"].serene-rebuild .vote-ballot-footer {
  display: flex;
  min-width: 0;
  padding-top: 16px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid rgba(77, 150, 181, .18);
}

body[data-app="front"].serene-rebuild .vote-ballot-footer p {
  margin: 0;
  color: rgba(27, 89, 112, .76);
  font-size: 13px;
  line-height: 1.5;
}

body[data-app="front"].serene-rebuild .vote-submit-button,
body[data-app="front"].serene-rebuild .vote-secondary-button {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(25, 105, 139, .72);
  border-radius: 8px;
  color: #fff;
  background: #267c9e;
  box-shadow: inset 0 1px rgba(255, 255, 255, .22), 0 5px 12px rgba(38, 124, 158, .14);
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

body[data-app="front"].serene-rebuild .vote-secondary-button {
  margin-top: 8px;
  color: #216a89;
  background: rgba(255, 255, 255, .7);
}

body[data-app="front"].serene-rebuild :is(.vote-submit-button, .vote-secondary-button):not(:disabled):hover {
  background: #1f6d8d;
  box-shadow: inset 0 1px rgba(255, 255, 255, .22), 0 8px 16px rgba(38, 124, 158, .18);
  transform: translateY(-1px);
}

body[data-app="front"].serene-rebuild .vote-secondary-button:not(:disabled):hover {
  color: #175570;
  background: rgba(255, 255, 255, .94);
}

body[data-app="front"].serene-rebuild :is(.vote-submit-button, .vote-secondary-button):disabled {
  border-color: rgba(91, 146, 166, .22);
  color: rgba(37, 103, 127, .56);
  background: rgba(211, 233, 241, .62);
  box-shadow: none;
  cursor: not-allowed;
}

body[data-app="front"].serene-rebuild :is(.vote-company-card, .vote-step-company-card, .vote-choice-trigger, .vote-choice-option, .vote-choice-close, .vote-submit-button, .vote-secondary-button):focus-visible {
  outline: 3px solid rgba(21, 118, 159, .72);
  outline-offset: 3px;
}

@media (max-width: 980px) {
  body[data-app="front"].serene-rebuild .vote-award-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  body[data-app="front"].serene-rebuild.vote-mode .page-content {
    padding-top: 112px !important;
  }

  body[data-app="front"].serene-rebuild .voting-component {
    padding: 16px;
    border-radius: 14px;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-component {
    padding: 10px;
    border-radius: 16px;
  }

  body[data-app="front"].serene-rebuild .voting-header,
  body[data-app="front"].serene-rebuild .voting-gate-heading,
  body[data-app="front"].serene-rebuild .vote-ballot-footer {
    align-items: stretch;
    flex-direction: column;
  }

  body[data-app="front"].serene-rebuild .voting-header-count,
  body[data-app="front"].serene-rebuild .voting-gate-heading > span,
  body[data-app="front"].serene-rebuild .voting-identity-state {
    width: 100%;
    white-space: normal;
  }

  body[data-app="front"].serene-rebuild .vote-company-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-grid {
    gap: 6px;
  }

  body[data-app="front"].serene-rebuild .vote-company-card {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 82px;
    padding: 10px;
    gap: 8px;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-card {
    grid-template-columns: 30px minmax(0, 1fr);
    min-height: 54px;
    padding: 6px;
    gap: 6px;
    border-radius: 12px;
  }

  body[data-app="front"].serene-rebuild .vote-company-logo {
    width: 42px;
    height: 42px;
    border-radius: 9px;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-logo {
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }

  body[data-app="front"].serene-rebuild .vote-company-copy strong {
    white-space: normal;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-copy {
    gap: 0;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-copy strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.25;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-copy small {
    display: none;
  }

  body[data-app="front"].serene-rebuild .voting-identity {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 10px;
  }

  body[data-app="front"].serene-rebuild .voting-identity .vote-company-logo {
    width: 48px;
    height: 48px;
  }

  body[data-app="front"].serene-rebuild .voting-identity-state {
    grid-column: 1 / -1;
  }

  body[data-app="front"].serene-rebuild .vote-award-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body[data-app="front"].serene-rebuild .vote-step-header {
    padding: 15px;
    border-radius: 14px;
  }

  body[data-app="front"].serene-rebuild .vote-step-progress {
    gap: 5px;
  }

  body[data-app="front"].serene-rebuild .vote-step-progress-item {
    height: 24px;
  }

  body[data-app="front"].serene-rebuild .vote-step-company-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  body[data-app="front"].serene-rebuild .vote-step-company-card {
    grid-template-columns: 42px minmax(0, 1fr) 28px;
    min-height: 78px;
    padding: 10px;
    gap: 9px;
    border-radius: 14px;
  }

  body[data-app="front"].serene-rebuild .vote-step-company-card .vote-company-logo {
    width: 42px;
    height: 42px;
    border-radius: 10px;
  }

  body[data-app="front"].serene-rebuild .vote-step-company-copy strong {
    white-space: normal;
  }

  body[data-app="front"].serene-rebuild .vote-step-footer {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  body[data-app="front"].serene-rebuild .vote-step-status {
    grid-column: 1 / -1;
    grid-row: 1;
    white-space: normal;
  }

  body[data-app="front"].serene-rebuild .vote-results-board {
    gap: 10px;
  }

  body[data-app="front"].serene-rebuild .vote-results-hero {
    padding: 16px;
    border-radius: 16px;
  }

  body[data-app="front"].serene-rebuild .vote-results-hero h2 {
    font-size: 30px;
  }

  body[data-app="front"].serene-rebuild .vote-results-hero p {
    font-size: 12px;
    line-height: 1.5;
  }

  body[data-app="front"].serene-rebuild .vote-results-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body[data-app="front"].serene-rebuild .vote-result-card {
    padding: 10px;
    gap: 9px;
    border-radius: 15px;
  }

  body[data-app="front"].serene-rebuild .vote-result-award {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
  }

  body[data-app="front"].serene-rebuild .vote-result-award > span {
    width: 32px;
    height: 32px;
    border-radius: 10px;
  }

  body[data-app="front"].serene-rebuild .vote-result-award h3 {
    font-size: 16px;
  }

  body[data-app="front"].serene-rebuild .vote-result-winner-list {
    gap: 6px;
  }

  body[data-app="front"].serene-rebuild .vote-result-winner {
    grid-template-columns: 28px 34px minmax(0, 1fr);
    min-height: 48px;
    padding: 6px;
    gap: 7px;
    border-radius: 12px;
  }

  body[data-app="front"].serene-rebuild .vote-result-winner-rank {
    width: 28px;
    height: 28px;
  }

  body[data-app="front"].serene-rebuild .vote-result-winner .vote-company-logo {
    width: 34px;
    height: 34px;
    border-radius: 9px;
  }

  body[data-app="front"].serene-rebuild .vote-result-winner-copy strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 12px;
    text-overflow: clip;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  body[data-app="front"].serene-rebuild .vote-award-card {
    min-height: 0;
    padding: 14px;
  }

  body[data-app="front"].serene-rebuild .vote-choice-modal {
    padding: 12px;
    place-items: center;
  }

  body[data-app="front"].serene-rebuild .vote-choice-dialog {
    width: min(100%, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    border-radius: 18px;
  }

  body[data-app="front"].serene-rebuild .vote-choice-dialog-header {
    grid-template-columns: minmax(0, 1fr) 36px;
    padding: 15px 15px 10px;
  }

  body[data-app="front"].serene-rebuild .vote-choice-dialog-header h2 {
    font-size: 19px;
  }

  body[data-app="front"].serene-rebuild .vote-choice-dialog-header p {
    font-size: 12px;
  }

  body[data-app="front"].serene-rebuild .vote-choice-list {
    max-height: calc(100dvh - 150px);
    padding: 10px;
  }

  body[data-app="front"].serene-rebuild .vote-choice-option {
    grid-template-columns: 36px minmax(0, 1fr) 24px;
    min-height: 56px;
    padding: 8px 9px;
    gap: 8px;
    border-radius: 14px;
  }

  body[data-app="front"].serene-rebuild .vote-choice-option .vote-company-logo {
    width: 36px;
    height: 36px;
  }

  body[data-app="front"].serene-rebuild .vote-submit-button {
    width: 100%;
  }
}

/* The ninth public route keeps the compact top menu scrollable instead of clipping its active label. */
@media (max-width: 900px) {
  body[data-app="front"].serene-rebuild .sidebar.public-sidebar .nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 2px !important;
    scroll-padding-inline: 8px;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }

  body[data-app="front"].serene-rebuild .sidebar.public-sidebar .nav-menu::-webkit-scrollbar {
    display: none;
  }

  body[data-app="front"].serene-rebuild .sidebar.public-sidebar .nav-item {
    flex: 0 0 46px !important;
  }

  body[data-app="front"].serene-rebuild .sidebar.public-sidebar .nav-item.is-active {
    flex-basis: min(168px, calc(100vw - 84px)) !important;
    min-width: min(168px, calc(100vw - 84px)) !important;
  }
}

@media (max-width: 420px) {
  body[data-app="front"].serene-rebuild .sidebar.public-sidebar .nav-item.is-active {
    flex-basis: min(156px, calc(100vw - 72px)) !important;
    min-width: min(156px, calc(100vw - 72px)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-app="front"].serene-rebuild :is(.vote-company-card, .vote-step-company-card, .vote-choice-trigger, .vote-choice-option, .vote-choice-close, .vote-submit-button, .vote-secondary-button) {
    transition: none;
  }

  body[data-app="front"].serene-rebuild .vote-choice-modal,
  body[data-app="front"].serene-rebuild .vote-choice-dialog {
    animation: none;
  }
}

@keyframes voteChoiceFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes voteChoiceRise {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Larger voting cards and highly transparent scrolled top capsule. */
body[data-app="front"].serene-rebuild .vote-company-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 247px), 1fr));
  gap: 16px;
}

body[data-app="front"].serene-rebuild .vote-company-card {
  grid-template-columns: 62px minmax(0, 1fr);
  min-height: 112px;
  padding: 16px;
  gap: 14px;
  border-radius: 16px;
}

body[data-app="front"].serene-rebuild .vote-company-card .vote-company-logo {
  width: 62px;
  height: 62px;
  border-radius: 13px;
}

body[data-app="front"].serene-rebuild .vote-company-copy {
  gap: 5px;
}

body[data-app="front"].serene-rebuild .vote-company-copy strong {
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  line-height: 1.28;
}

body[data-app="front"].serene-rebuild .vote-company-copy small {
  font-size: 14px;
  line-height: 1.25;
}

body[data-app="front"].serene-rebuild .vote-step-company-grid {
  gap: 14px;
}

body[data-app="front"].serene-rebuild .vote-step-company-card {
  grid-template-columns: 62px minmax(0, 1fr) 38px;
  min-height: 112px;
  padding: 16px;
  gap: 13px;
  border-radius: 18px;
}

body[data-app="front"].serene-rebuild .vote-step-company-card .vote-company-logo {
  width: 62px;
  height: 62px;
  border-radius: 14px;
}

body[data-app="front"].serene-rebuild .vote-step-company-copy strong {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  line-height: 1.28;
}

body[data-app="front"].serene-rebuild .vote-step-company-copy small {
  font-size: 14px;
}

body[data-app="front"].serene-rebuild.nav-is-scrolled .sidebar.public-sidebar {
  border-color: rgba(255, 255, 255, .22) !important;
  background:
    linear-gradient(90deg, rgba(255, 238, 241, .13), rgba(250, 253, 255, .12) 30%, rgba(221, 242, 255, .14) 100%),
    rgba(255, 255, 255, .20) !important;
  box-shadow:
    0 10px 26px rgba(56, 96, 116, .07),
    inset 0 1px rgba(255,255,255,.28) !important;
  backdrop-filter: blur(24px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.18) !important;
}

body[data-app="front"].serene-rebuild.nav-is-scrolled .sidebar.public-sidebar::before {
  opacity: .20 !important;
  filter: blur(14px) saturate(1.04) brightness(1.08) !important;
}

body[data-app="front"].serene-rebuild.nav-is-scrolled .sidebar.public-sidebar::after {
  opacity: .18 !important;
}

body[data-app="front"].serene-rebuild.nav-is-scrolled .sidebar.public-sidebar .nav-item {
  color: rgba(20, 51, 66, .82) !important;
}

body[data-app="front"].serene-rebuild.nav-is-scrolled .sidebar.public-sidebar .nav-item.is-active {
  border-color: rgba(255, 255, 255, .36) !important;
  background: rgba(255, 255, 255, .24) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.42), 0 5px 14px rgba(46, 115, 150, .06) !important;
}

@media (max-width: 680px) {
  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-grid,
  body[data-app="front"].serene-rebuild .vote-company-grid {
    gap: 8px;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-card,
  body[data-app="front"].serene-rebuild .vote-company-card {
    grid-template-columns: 39px minmax(0, 1fr);
    min-height: 70px;
    padding: 8px;
    gap: 8px;
    border-radius: 14px;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-card .vote-company-logo,
  body[data-app="front"].serene-rebuild .vote-company-card .vote-company-logo {
    width: 39px;
    height: 39px;
    border-radius: 10px;
  }

  body[data-app="front"].serene-rebuild.vote-mode .voting-gate.is-compact .vote-company-copy strong,
  body[data-app="front"].serene-rebuild .vote-company-copy strong {
    font-size: 14px;
    line-height: 1.25;
  }

  body[data-app="front"].serene-rebuild .vote-step-company-grid {
    gap: 12px;
  }

  body[data-app="front"].serene-rebuild .vote-step-company-card {
    grid-template-columns: 55px minmax(0, 1fr) 34px;
    min-height: 101px;
    padding: 13px;
    gap: 12px;
    border-radius: 16px;
  }

  body[data-app="front"].serene-rebuild .vote-step-company-card .vote-company-logo {
    width: 55px;
    height: 55px;
    border-radius: 13px;
  }

  body[data-app="front"].serene-rebuild .vote-step-company-copy strong {
    font-size: 16px;
    line-height: 1.28;
  }
}