.harmonade-app {
  color: var(--site-ink, #324038);
  background:
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.018) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #f7f3ee 0%, #edf4f0 52%, var(--site-bg, #e8eeea) 100%);
}

.column-head h1,
.column-head h2,
.lead-input-copy strong,
.track-title strong,
.lead-title strong,
.track-select strong,
.main-player-copy strong {
  color: var(--site-ink, #324038);
}

.column-head span,
.lead-input-copy small,
.track-select small,
.track-time,
.main-player-copy span,
.status-line {
  color: color-mix(in srgb, var(--site-ink, #324038) 60%, var(--site-muted, #6f7972));
}

.reference-picker-card,
.setup-card,
.voice-controls-card,
.audio-board,
.video-panel,
.lead-input-card,
.own-mode-panel,
.reference-drop-zone,
.tool-mode-badge,
.reference-provider-tabs,
.reference-search-form,
.reference-song-card,
.reference-guide-status,
.paper-select-trigger,
.paper-select-menu,
.paper-select-option,
.template-voice-option,
.template-option,
.control-slider,
.track-card,
.lead-vocal-dock,
.main-player,
.solid-bottom-player,
.video-toolbar,
.video-audio-strip,
.phone-frame,
.video-slot,
.video-modal-card,
.video-clip-editor,
.reference-modal-card {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 66%, white);
  background:
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.016) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, color-mix(in srgb, var(--site-paper, #fffdf9) 96%, white), var(--site-paper-warm, #faf3ee));
  box-shadow:
    3px 3px 0 rgba(50, 64, 56, 0.14),
    0 14px 32px rgba(50, 64, 56, 0.08),
    inset 0 1px rgba(255, 255, 255, 0.62);
}

.reference-picker-card,
.lead-input-card,
.track-card,
.lead-vocal-dock,
.main-player,
.solid-bottom-player,
.video-panel {
  background:
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.016) 0 1px, transparent 1px 7px),
    linear-gradient(135deg, var(--site-paper, #fffdf9), #f4fbf6 58%, #fff3e8);
}

.lead-input-icon,
.status-dot,
.track-select > span,
.profile-pill,
.template-option-icon {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 72%, white);
  background:
    repeating-linear-gradient(135deg, rgba(50, 64, 56, 0.018) 0 1px, transparent 1px 8px),
    linear-gradient(135deg, var(--site-mint, #d5f3e5), var(--site-lemon, #ffe08a));
  color: var(--site-ink, #324038);
  box-shadow: 2px 2px 0 rgba(50, 64, 56, 0.16);
}

.paper-mini-button,
.paper-button,
.icon-button,
.lead-input-action,
.reference-drop-action,
.reference-provider-tabs button,
.reference-paste-button,
.reference-carousel-button,
.reference-more-button,
.track-play,
.track-mute,
.track-solo,
.lead-upload-button,
.lead-record-button,
.master-play,
.add-lane-button,
.video-slot-button,
.video-action-button {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 74%, white);
  background: color-mix(in srgb, var(--site-paper, #fffdf9) 96%, white);
  color: var(--site-ink, #324038);
  box-shadow:
    3px 3px 0 rgba(50, 64, 56, 0.14),
    0 10px 20px rgba(50, 64, 56, 0.06);
}

.paper-button.primary,
.lead-input-action.is-primary,
.reference-search-button,
.reference-provider-tabs button.is-active,
.reference-song-card.is-selected,
.template-voice-option.is-selected,
.template-option.is-selected,
.harmony-track.is-solo,
.main-player.is-solo,
.track-play,
.lead-upload-button,
.lead-record-button,
.master-play,
.solid-player-play,
.video-slot-button:hover,
.video-slot-button:focus-visible {
  background:
    repeating-linear-gradient(135deg, rgba(50, 64, 56, 0.02) 0 1px, transparent 1px 8px),
    linear-gradient(135deg, var(--site-mint, #d5f3e5) 0%, var(--site-lemon, #ffe08a) 56%, var(--site-peach, #ffccb3) 100%);
  color: var(--site-ink, #324038);
}

.paper-mini-button:hover,
.paper-button:hover,
.icon-button:hover,
.lead-input-action:hover,
.reference-drop-action:hover,
.track-solo:hover,
.add-lane-button:hover,
.paper-mini-button:focus-visible,
.paper-button:focus-visible,
.icon-button:focus-visible,
.lead-input-action:focus-visible,
.reference-drop-action:focus-visible,
.track-solo:focus-visible,
.add-lane-button:focus-visible {
  background: color-mix(in srgb, var(--site-mint, #d5f3e5) 46%, var(--site-paper, #fffdf9));
  box-shadow:
    4px 4px 0 rgba(50, 64, 56, 0.16),
    0 12px 24px rgba(50, 64, 56, 0.08);
}

.waveform,
.audio-column .waveform,
.video-audio-wave .waveform,
.solid-bottom-player .waveform,
.harmony-track.is-muted .waveform,
.main-player.is-muted .master-wave .waveform {
  border-color: color-mix(in srgb, var(--site-sage, #95bdaa) 58%, var(--site-ink, #324038));
  background:
    repeating-linear-gradient(90deg, rgba(149, 189, 170, 0.16) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.018) 0 1px, transparent 1px 8px),
    linear-gradient(180deg, #fffdf9, #eef8f1);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.72),
    0 0 0 1px rgba(149, 189, 170, 0.14);
}

.waveform::before,
.audio-column .waveform::before,
.video-audio-wave .waveform::before,
.solid-bottom-player .waveform::before {
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(42, 111, 85, 0.5), rgba(149, 189, 170, 0.64), transparent);
  box-shadow: none;
}

.wave-progress-fill,
.audio-column .wave-progress-fill,
.solid-bottom-player .wave-progress-fill {
  background: linear-gradient(90deg, rgba(213, 243, 229, 0.58), rgba(149, 189, 170, 0.36));
  mix-blend-mode: normal;
}

.wave-playhead,
.audio-column .wave-playhead,
.solid-bottom-player .wave-playhead {
  background: var(--site-ink, #324038);
  box-shadow:
    0 0 0 3px rgba(255, 253, 249, 0.84),
    0 0 0 5px rgba(149, 189, 170, 0.28);
}

.waveform-fill,
.audio-column .waveform-fill,
.video-audio-wave .waveform-fill,
.solid-bottom-player .waveform-fill,
.harmony-track.is-muted .waveform-fill,
.main-player.is-muted .master-wave .waveform-fill {
  fill: rgba(149, 189, 170, 0.62);
  stroke: rgba(50, 64, 56, 0.18);
  filter: none;
}

.waveform-line-top,
.audio-column .waveform-line-top,
.video-audio-wave .waveform-line-top,
.solid-bottom-player .waveform-line-top {
  stroke: rgba(149, 189, 170, 0.9);
}

.waveform-line-bottom,
.audio-column .waveform-line-bottom,
.video-audio-wave .waveform-line-bottom,
.solid-bottom-player .waveform-line-bottom {
  stroke: rgba(93, 145, 118, 0.74);
}

.audio-column {
  --audio-black: #f7f3ee;
  --audio-panel: #fffdf9;
  --audio-panel-deep: #eef8f1;
  --audio-panel-lift: #faf3ee;
  --audio-line: color-mix(in srgb, var(--site-ink, #324038) 58%, white);
  --audio-text: var(--site-ink, #324038);
  --audio-muted: var(--site-muted, #6f7972);
  --audio-lime: var(--site-lemon, #ffe08a);
  --audio-cyan: var(--site-mint, #d5f3e5);
  --audio-pink: var(--site-peach, #ffccb3);
  --audio-amber: var(--site-lemon, #ffe08a);
}

.audio-column .column-head,
.audio-column .audio-board,
.audio-column .track-card,
.audio-column .lead-vocal-dock,
.audio-column .main-player,
.audio-column .track-card.is-selected,
.audio-column .harmony-track.is-solo,
.audio-column .main-player.is-solo,
.audio-column .harmony-track.is-muted,
.audio-column .main-player.is-muted {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 64%, white);
  background:
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.016) 0 1px, transparent 1px 7px),
    linear-gradient(135deg, var(--site-paper, #fffdf9), #eef8f1 58%, #fff2e8);
  color: var(--site-ink, #324038);
  text-shadow: none;
  box-shadow:
    3px 3px 0 rgba(50, 64, 56, 0.14),
    0 14px 32px rgba(50, 64, 56, 0.08),
    inset 0 1px rgba(255, 255, 255, 0.62);
}

.audio-column .column-head h2,
.audio-column .column-head span,
.audio-column .track-title strong,
.audio-column .lead-title strong,
.audio-column .track-select strong,
.audio-column .main-player-copy strong,
.audio-column .harmony-track.is-muted .track-select strong,
.audio-column .main-player.is-muted .main-player-copy strong {
  color: var(--site-ink, #324038);
  text-shadow: none;
}

.audio-column .track-select small,
.audio-column .track-time,
.audio-column .main-player-copy span,
.audio-column .status-line,
.audio-column .lead-vocal-dock .status-line,
.audio-column .harmony-track.is-muted .track-select small,
.audio-column .harmony-track.is-muted .track-time,
.audio-column .main-player.is-muted .main-player-copy span {
  color: color-mix(in srgb, var(--site-ink, #324038) 58%, var(--site-muted, #6f7972));
}

.audio-column .status-dot,
.audio-column .track-select > span,
.audio-column .track-play,
.audio-column .track-mute,
.audio-column .lead-upload-button,
.audio-column .lead-record-button,
.audio-column .master-play,
.audio-column .track-solo,
.audio-column .add-lane-button,
.audio-column .track-solo.is-active,
.audio-column .add-lane-button:hover,
.audio-column .add-lane-button:focus-visible,
.audio-column .lead-record-button.is-recording {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 68%, white);
  background:
    repeating-linear-gradient(135deg, rgba(50, 64, 56, 0.02) 0 1px, transparent 1px 8px),
    linear-gradient(135deg, var(--site-mint, #d5f3e5), var(--site-lemon, #ffe08a) 58%, var(--site-peach, #ffccb3));
  color: var(--site-ink, #324038);
  box-shadow:
    3px 3px 0 rgba(50, 64, 56, 0.14),
    0 10px 20px rgba(50, 64, 56, 0.06);
}

.audio-column .time-chip,
.time-chip {
  border-color: rgba(50, 64, 56, 0.14);
  background: rgba(255, 253, 249, 0.82);
  color: var(--site-ink, #324038);
  box-shadow: none;
}

.solid-bottom-player.is-playing,
.solid-bottom-player.is-video-modal-player {
  border-color: color-mix(in srgb, var(--site-sage, #95bdaa) 62%, var(--site-ink, #324038));
  box-shadow:
    4px 4px 0 rgba(50, 64, 56, 0.16),
    0 16px 34px rgba(50, 64, 56, 0.12),
    inset 0 1px rgba(255, 255, 255, 0.62);
}

.solid-player-copy span {
  color: color-mix(in srgb, var(--site-sage, #95bdaa) 62%, var(--site-ink, #324038));
  text-shadow: none;
}

.solid-player-copy strong {
  color: var(--site-ink, #324038);
  text-shadow: none;
}

.solid-player-copy small {
  color: color-mix(in srgb, var(--site-ink, #324038) 58%, var(--site-muted, #6f7972));
}

/* Light paper audio stage with richer waveform contrast. */
.audio-column {
  --audio-black: #f7f3ee;
  --audio-panel: #fffdf9;
  --audio-panel-deep: #eef8f1;
  --audio-panel-lift: #faf3ee;
  --audio-line: color-mix(in srgb, var(--site-ink, #324038) 58%, white);
  --audio-text: var(--site-ink, #324038);
  --audio-muted: var(--site-muted, #6f7972);
}

.audio-column .column-head {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 64%, white);
  background:
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.016) 0 1px, transparent 1px 7px),
    linear-gradient(135deg, var(--site-paper, #fffdf9), #eef8f1 58%, #f8fff9);
  box-shadow:
    3px 3px 0 rgba(50, 64, 56, 0.14),
    0 14px 32px rgba(50, 64, 56, 0.08),
    inset 0 1px rgba(255, 255, 255, 0.62);
}

.audio-column .audio-board {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 62%, white);
  background:
    radial-gradient(520px 260px at 12% 0%, rgba(213, 243, 229, 0.42), transparent 64%),
    radial-gradient(520px 260px at 86% 18%, rgba(149, 189, 170, 0.24), transparent 64%),
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.016) 0 1px, transparent 1px 7px),
    linear-gradient(135deg, var(--site-paper, #fffdf9), #eef8f1 56%, #f8fff9);
  box-shadow:
    4px 4px 0 rgba(50, 64, 56, 0.14),
    0 16px 34px rgba(50, 64, 56, 0.08),
    inset 0 1px rgba(255, 255, 255, 0.66);
}

.audio-column .audio-board::before {
  border-color: rgba(149, 189, 170, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), transparent 48%);
}

.audio-column .column-head h2,
.audio-column .column-head span,
.audio-column .track-title strong,
.audio-column .lead-title strong,
.audio-column .track-select strong,
.audio-column .main-player-copy strong,
.audio-column .harmony-track.is-muted .track-select strong,
.audio-column .main-player.is-muted .main-player-copy strong {
  color: var(--site-ink, #324038);
  text-shadow: none;
}

.audio-column .track-select small,
.audio-column .track-time,
.audio-column .main-player-copy span,
.audio-column .status-line,
.audio-column .lead-vocal-dock .status-line,
.audio-column .harmony-track.is-muted .track-select small,
.audio-column .harmony-track.is-muted .track-time,
.audio-column .main-player.is-muted .main-player-copy span {
  color: color-mix(in srgb, var(--site-ink, #324038) 58%, var(--site-muted, #6f7972));
}

.audio-column .track-card,
.audio-column .lead-vocal-dock,
.audio-column .main-player,
.audio-column .harmony-track.is-muted,
.audio-column .main-player.is-muted {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 64%, white);
  background:
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.016) 0 1px, transparent 1px 7px),
    linear-gradient(135deg, var(--site-paper, #fffdf9), #f4fbf6 58%, #f8fff9);
  color: var(--site-ink, #324038);
  box-shadow:
    3px 3px 0 rgba(50, 64, 56, 0.14),
    0 12px 26px rgba(50, 64, 56, 0.07),
    inset 0 1px rgba(255, 255, 255, 0.62);
}

.audio-column .track-card.is-selected,
.audio-column .harmony-track.is-solo,
.audio-column .main-player.is-solo {
  outline: 2px solid rgba(42, 111, 85, 0.22);
  outline-offset: 2px;
  border-color: color-mix(in srgb, var(--site-sage, #95bdaa) 64%, var(--site-ink, #324038));
  background:
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.016) 0 1px, transparent 1px 7px),
    linear-gradient(135deg, var(--site-paper, #fffdf9), #f4fbf6 58%, #f8fff9);
  box-shadow:
    3px 3px 0 rgba(50, 64, 56, 0.16),
    0 0 0 1px rgba(149, 189, 170, 0.18),
    0 0 14px rgba(42, 111, 85, 0.12),
    inset 0 1px rgba(255, 255, 255, 0.66);
}

.audio-column .template-lead-clip-window.is-selected {
  z-index: 18;
  outline: 1.5px solid rgba(42, 111, 85, 0.22);
  outline-offset: 2px;
  border-color: color-mix(in srgb, var(--site-sage, #95bdaa) 58%, var(--site-ink, #324038));
  background: rgba(255, 253, 249, 0.012);
  box-shadow:
    inset 0 0 0 1px rgba(4, 9, 4, 0.1),
    0 0 0 1px rgba(149, 189, 170, 0.16),
    0 0 12px rgba(42, 111, 85, 0.12);
}

.audio-column .status-dot,
.audio-column .track-select > span,
.audio-column .track-play,
.audio-column .track-mute,
.audio-column .lead-upload-button,
.audio-column .lead-record-button,
.audio-column .master-play,
.audio-column .track-solo.is-active,
.audio-column .add-lane-button:hover,
.audio-column .add-lane-button:focus-visible,
.audio-column .lead-record-button.is-recording {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 70%, white);
  background:
    repeating-linear-gradient(135deg, rgba(50, 64, 56, 0.02) 0 1px, transparent 1px 8px),
    linear-gradient(135deg, var(--site-mint, #d5f3e5), var(--site-lemon, #ffe08a) 58%, var(--site-peach, #ffccb3));
  color: var(--site-ink, #324038);
  box-shadow: 2px 2px 0 rgba(50, 64, 56, 0.15);
}

.audio-column .track-solo,
.audio-column .add-lane-button {
  border-color: color-mix(in srgb, var(--site-ink, #324038) 70%, white);
  background: color-mix(in srgb, var(--site-paper, #fffdf9) 96%, white);
  color: var(--site-ink, #324038);
  box-shadow: 2px 2px 0 rgba(50, 64, 56, 0.13);
}

.audio-column .waveform,
.audio-column .harmony-track.is-muted .waveform,
.audio-column .main-player.is-muted .master-wave .waveform {
  border-color: color-mix(in srgb, var(--site-sage, #95bdaa) 72%, var(--site-ink, #324038));
  background:
    repeating-linear-gradient(90deg, rgba(42, 111, 85, 0.095) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.018) 0 1px, transparent 1px 8px),
    linear-gradient(180deg, #fffdf9, #edf8f1 52%, #f9fff9);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.76),
    inset 0 -12px 22px rgba(149, 189, 170, 0.16),
    0 0 0 1px rgba(50, 64, 56, 0.08);
}

.audio-column .waveform::before {
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(42, 111, 85, 0.62), rgba(149, 189, 170, 0.68), transparent);
  box-shadow: none;
}

.audio-column .wave-progress-fill {
  background: linear-gradient(90deg, rgba(42, 111, 85, 0.22), rgba(149, 189, 170, 0.2));
}

.audio-column .waveform-fill,
.audio-column .harmony-track.is-muted .waveform-fill,
.audio-column .main-player.is-muted .master-wave .waveform-fill {
  fill: rgba(80, 143, 114, 0.74);
  stroke: rgba(50, 64, 56, 0.34);
  stroke-width: 0.62;
  filter: none;
}

.audio-column .waveform-line-top {
  stroke: rgba(59, 124, 94, 0.96);
  stroke-width: 0.92;
}

.audio-column .waveform-line-bottom {
  stroke: rgba(109, 158, 131, 0.82);
  stroke-width: 0.92;
}

.audio-column .wave-playhead {
  background: var(--site-ink, #324038);
  box-shadow:
    0 0 0 3px rgba(255, 253, 249, 0.9),
    0 0 0 5px rgba(149, 189, 170, 0.28);
}

.audio-column .time-chip,
.audio-column .harmony-track .time-chip {
  border-color: rgba(50, 64, 56, 0.16);
  background: rgba(255, 253, 249, 0.86);
  color: var(--site-ink, #324038);
  box-shadow: none;
}

@media (max-width: 1180px) and (min-width: 721px) {
  .audio-column .lead-vocal-dock .main-player {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    grid-template-rows: auto minmax(48px, 1fr);
    align-items: center;
  }

  .audio-column .lead-vocal-dock .main-player .main-player-controls {
    grid-column: 3;
    justify-content: flex-end;
  }

  .audio-column .lead-vocal-dock .main-player .master-wave-wrap {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 48px;
  }

  .audio-column .lead-vocal-dock .main-player .master-wave {
    min-height: 48px;
    max-height: 56px;
  }
}

/* Stronger bottom player waveform contrast. */
.solid-bottom-player .waveform {
  border-color: color-mix(in srgb, var(--site-sage, #95bdaa) 76%, var(--site-ink, #324038));
  background:
    repeating-linear-gradient(90deg, rgba(42, 111, 85, 0.1) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(0deg, rgba(50, 64, 56, 0.018) 0 1px, transparent 1px 8px),
    linear-gradient(180deg, #fffdf9, #edf8f1 52%, #f9fff9);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.8),
    inset 0 -14px 24px rgba(149, 189, 170, 0.18),
    0 0 0 1px rgba(50, 64, 56, 0.1);
}

.solid-bottom-player .waveform::before {
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(42, 111, 85, 0.66), rgba(149, 189, 170, 0.68), transparent);
  box-shadow: none;
}

.solid-bottom-player .wave-progress-fill {
  background: linear-gradient(90deg, rgba(42, 111, 85, 0.24), rgba(149, 189, 170, 0.2));
  mix-blend-mode: normal;
}

.solid-bottom-player .waveform-fill {
  fill: rgba(67, 132, 99, 0.82);
  stroke: rgba(50, 64, 56, 0.42);
  stroke-width: 0.66;
  filter: none;
}

.solid-bottom-player .waveform-line-top {
  stroke: rgba(45, 111, 79, 0.98);
  stroke-width: 0.96;
}

.solid-bottom-player .waveform-line-bottom {
  stroke: rgba(109, 158, 131, 0.82);
  stroke-width: 0.96;
}

.solid-bottom-player .time-chip {
  border-color: rgba(50, 64, 56, 0.28);
  background: rgba(50, 64, 56, 0.92);
  color: #fffdf9;
  box-shadow: 0 0 0 2px rgba(255, 253, 249, 0.72);
}

.solid-bottom-player .solid-player-actions {
  gap: 7px;
}

.solid-bottom-player .solid-player-actions .icon-button,
.solid-bottom-player .solid-player-actions .lead-upload-button,
.solid-bottom-player .solid-player-actions .lead-record-button,
.solid-bottom-player .solid-player-actions .track-mute,
.solid-bottom-player .solid-player-actions .track-solo {
  border: 1.5px solid color-mix(in srgb, var(--site-ink, #324038) 72%, white);
  border-radius: 10px;
  background:
    repeating-linear-gradient(135deg, rgba(50, 64, 56, 0.018) 0 1px, transparent 1px 8px),
    linear-gradient(180deg, color-mix(in srgb, var(--site-paper, #fffdf9) 98%, white), #f7fbf7);
  color: var(--site-ink, #324038);
  box-shadow:
    2px 2px 0 rgba(50, 64, 56, 0.14),
    inset 0 1px rgba(255, 255, 255, 0.72);
}

.solid-bottom-player .solid-player-actions .lead-upload-button,
.solid-bottom-player .solid-player-actions .lead-record-button,
.solid-bottom-player .solid-player-actions .track-mute {
  background:
    repeating-linear-gradient(135deg, rgba(50, 64, 56, 0.018) 0 1px, transparent 1px 8px),
    linear-gradient(135deg, var(--site-mint, #d5f3e5), var(--site-lemon, #ffe08a) 58%, var(--site-peach, #ffccb3));
}

.solid-bottom-player .solid-player-actions .track-solo.is-active,
.solid-bottom-player .solid-player-actions .lead-record-button.is-recording {
  border-color: color-mix(in srgb, var(--site-sage, #95bdaa) 62%, var(--site-ink, #324038));
  background:
    repeating-linear-gradient(135deg, rgba(50, 64, 56, 0.018) 0 1px, transparent 1px 8px),
    linear-gradient(135deg, #e3f5ec, #fff4e8);
  color: var(--site-ink, #324038);
  box-shadow:
    2px 2px 0 rgba(50, 64, 56, 0.16),
    inset 0 1px rgba(255, 255, 255, 0.74);
}

.solid-bottom-player .solid-player-actions .icon-button:hover,
.solid-bottom-player .solid-player-actions .icon-button:focus-visible {
  transform: translateY(-1px);
  box-shadow:
    3px 3px 0 rgba(50, 64, 56, 0.16),
    0 10px 18px rgba(50, 64, 56, 0.07),
    inset 0 1px rgba(255, 255, 255, 0.74);
}

.template-compare-wave.has-record-control .template-record-button {
  z-index: 9;
  border-width: 1.5px;
  width: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: auto;
  left: -40px;
  bottom: auto;
  transform: translateY(-50%);
}

.template-compare-wave.has-record-control .template-record-button:hover:not(:disabled),
.template-compare-wave.has-record-control .template-record-button:focus-visible {
  transform: translateY(-50%);
}

@media (max-width: 940px) {
  .solid-bottom-player.has-stack .solid-player-copy strong {
    color: var(--site-ink, #324038);
  }
}