:root{ --bg:#1a0033; --card:#2a0a4a; --muted:#c59fd6; --ink:#f7f7f7; --line:#3a2358; --accent:#22c55e; --pill:#1f2937; --chip:#0e1520; --brand:#ffd94a; --pink:#ff7ab6; --bad:#ef4444; }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:#f7f7f7;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
  .wrap{max-width:1100px;margin:24px auto;padding:0 16px}
  header{margin-bottom:14px;background:#2a0a4a;border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:16px;text-align:center}
  h1{margin:0;font-size:34px;font-weight:900;color:#ffd94a}
  .card{background:#151c24;border:1px solid #233141;border-radius:14px;padding:14px;margin:12px 0;color:#ff7ab6;text-align:center}
  .card h3{color:#ffd94a;margin:0 0 8px}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media (max-width:900px){.row2{grid-template-columns:1fr}}
  .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
  input[type=text],textarea{width:100%;background:#0e1520;color:#e6eefc;border:1px solid #233141;border-radius:10px;padding:10px 12px;font-size:14px;outline:0;text-align:left}
  textarea{min-height:140px;resize:vertical}
  button{padding:10px 14px;border:0;border-radius:10px;font-weight:700;cursor:pointer;color:#ffd94a}
  .btn{background:#1f2937;color:#ffd94a;border:1px solid #233141}.success{background:#22c55e;color:#06260e}.danger{background:#ef4444;color:#fff2c1}.swap{background:#374151;color:#ffd94a}
  .stat{background:#0e1520;border:1px solid #233141;border-radius:10px;padding:10px;margin:8px 0}
  .chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}
  .chip{background:#0e1520;border:1px solid #233141;border-radius:999px;padding:6px 10px;font-size:12px;user-select:none;color:inherit}
  .chip.a{outline:2px solid #86efac}.chip.b{outline:2px solid #93c5fd}
  .arrow{opacity:.6;margin:0 4px}
  .valmsg{font-size:11px;color:#ef9a9a;margin-top:4px;text-align:left}
  .code-box{background:#0e1520;border:1px solid #233141;border-radius:10px;padding:12px;margin:12px 0;font-family:monospace;font-size:12px;color:#93c5fd;overflow-x:auto}
  /* Ensure the button classes use your theme variables */
  .blue {
      background-color: #2563eb !important; /* Standard Blue */
      color: var(--brand) !important;
  }

  .purple {
      background: #6d28d9 !important; /* Standard Purple */
      color: var(--brand) !important;
  }

  /* Ensure buttons have a consistent base style */
  button {
      padding: 10px 14px;
      border: 0;
      border-radius: 10px;
      font-weight: 700;
      cursor: pointer;
      transition: opacity 0.2s;
  }
  button:hover {
      opacity: 0.9;
  }