/* ==========================================================================
   reset.css — Winamp Web Player Y2K Revival Edition
   Standard CSS reset for consistent cross-browser rendering.
   ========================================================================== */

/*
 * 1. Use border-box globally so padding/border are included in element size.
 * 2. Remove default margin and padding from every element.
 * 3. Inherit box-sizing on pseudo-elements for consistency.
 */

*,
*::before,
*::after {
  box-sizing: border-box; /* 1 */
  margin: 0;              /* 2 */
  padding: 0;             /* 2 */
}

/* Reset HTML & body */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  line-height: 1.15;
  font-size: 16px;
}

body {
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remove list styles */
ul,
ol {
  list-style: none;
}

/* Reset anchors */
a {
  text-decoration: none;
  color: inherit;
}

/* Reset media elements */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* Reset form elements to inherit font */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

/* Reset button cursor */
button,
[role="button"] {
  cursor: pointer;
}

/* Remove default button appearance */
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Reset tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Remove default fieldset styles */
fieldset {
  border: none;
}

/* Prevent textarea resize except vertical */
textarea {
  resize: vertical;
}

/* Reset heading sizes — will be styled contextually */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* Hidden utility */
[hidden] {
  display: none !important;
}

/* Remove spinner from number inputs in WebKit */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/* Remove default range input styles (will be fully restyled) */
input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type="range"]:focus {
  outline: none;
}