.platform-toggle { display: flex; gap: 8px; align-items: center; margin: 4px 0 18px; }
.platform-btn {
  --pc: #9b91bd;
  width: 34px; height: 34px; padding: 0; display: grid; place-items: center;
  border: 1px solid var(--line, rgba(160,140,220,0.16));
  border-radius: 50%;
  background: rgba(14,10,32,0.7);
  color: var(--muted, #9b91bd);
  cursor: pointer;
  transition: color .15s, border-color .15s, box-shadow .15s, background .15s;
}
.platform-btn svg { width: 16px; height: 16px; display: block; }
.platform-btn:hover { color: var(--ink, #f3eefb); border-color: var(--pc); }
.platform-btn[aria-pressed="true"] {
  color: var(--pc);
  border-color: var(--pc);
  background: color-mix(in srgb, var(--pc) 16%, transparent);
  box-shadow: 0 0 0 1px var(--pc) inset, 0 0 14px -2px var(--pc);
}
@media (max-width: 480px) {
  .platform-btn { width: 32px; height: 32px; }
}