* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: #070b15; }
::selection { background: rgba(46, 230, 166, 0.28); }

@keyframes wc-fade { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@keyframes wc-bar  { from { transform: scaleX(0); } to { transform: scaleX(1); } }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.12); border-radius: 6px; }
::-webkit-scrollbar-track { background: transparent; }

.wc-panel { animation: wc-fade 0.4s ease; }

.wc-tab {
  flex: 1;
  padding: 15px 8px;
  background: transparent;
  border: none;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.25s, opacity 0.25s;
  text-align: center;
  color: #7e89a3;
  opacity: 0.85;
}
.wc-tab:hover { opacity: 1; }
.wc-tab.active { color: #2ee6a6; opacity: 1; }

.wc-opt:hover { background: rgba(46, 230, 166, 0.12) !important; }