:root{--sd-blur:12px;--sd-radius:20px;--sd-gap:24px;--sd-primary:#7C3AED;--sd-accent:#22D3EE;--sd-surface:#111827;--sd-bg:#0B0F1A}
body{background:var(--sd-bg)}
.sd-card{background:rgba(17,24,39,.6);backdrop-filter:blur(var(--sd-blur));border-radius:var(--sd-radius);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.35);padding:1rem}
.sd-player audio{width:100%;border-radius:12px}


/* Local webfonts */
@font-face{
  font-family: 'Smartdata Sans';
  src: url('../assets/fonts/DejaVuSans.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face{
  font-family: 'Smartdata Sans';
  src: url('../assets/fonts/DejaVuSans-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
body{ font-family: 'Smartdata Sans', Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }