/* Nexus Resonance – minimal */
.nexus-resonance{
  position:relative;
  width:min(620px,calc(100% - 24px));
  margin:28px auto 24px;
  border:1px solid rgba(105,224,255,.14);
  border-radius:16px;
  background:rgba(5,11,22,.72);
  box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035);
}

.nr-inner{
  padding:15px 14px 16px;
  text-align:center;
}

.nexus-resonance h2{
  margin:0 0 12px;
  color:rgba(239,249,255,.94);
  font:650 1rem/1.25 system-ui,sans-serif;
}

.nr-votes{
  display:grid;
  grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);
  align-items:center;
  width:min(100%,480px);
  margin:auto;
}

.nr-vote{
  appearance:none;
  -webkit-appearance:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  min-height:50px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(214,230,255,.13);
  border-radius:12px;
  background:rgba(2,8,17,.70);
  color:rgba(236,247,255,.90);
  font:700 .69rem/1 system-ui,sans-serif;
  cursor:pointer;
  transition:.18s ease;
}

.nr-vote:active{transform:scale(.985)}
.nr-vote:disabled{opacity:.55;cursor:wait}
.nr-vote:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(105,234,255,.13)}

.nr-symbol{
  width:21px;
  height:21px;
  flex:0 0 21px;
  display:grid;
  place-items:center;
}

.nr-thumb svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.nr-vote strong{
  min-width:1.5ch;
  color:#fff;
  font-size:.70rem;
  font-variant-numeric:tabular-nums;
}

.nr-like:hover,.nr-like.selected{
  color:#67e9ff;
  border-color:rgba(83,224,255,.56);
  background:rgba(20,104,134,.10);
  box-shadow:0 0 14px rgba(83,224,255,.08);
}

.nr-dislike:hover,.nr-dislike.selected{
  color:#c991ff;
  border-color:rgba(201,145,255,.56);
  background:rgba(122,61,160,.08);
  box-shadow:0 0 14px rgba(201,145,255,.07);
}

.nr-divider{
  display:grid;
  place-items:center;
  color:rgba(181,226,241,.22);
  font-size:9px;
}

@media(max-width:520px){
  .nexus-resonance{
    width:calc(100% - 20px);
    margin:24px auto 21px;
    border-radius:15px;
  }

  .nr-inner{padding:13px 9px 14px}

  .nexus-resonance h2{
    margin-bottom:10px;
    font-size:.92rem;
  }

  .nr-votes{
    grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);
  }

  .nr-vote{
    min-height:52px;
    padding:8px 7px;
    border-radius:11px;
    gap:5px;
    font-size:.60rem;
  }

  .nr-symbol{width:20px;height:20px;flex-basis:20px}
  .nr-thumb svg{width:18px;height:18px}
}