@font-face {
  font-family: Manrope;
  src: url('assets/fonts/manrope-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: Sora;
  src: url('assets/fonts/sora-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}
body { -webkit-font-smoothing: antialiased; }
button, input, select { font-family: inherit; }
h1, h2, .brand { font-family: Sora, Manrope, sans-serif; }
h1 { font-weight: 600; font-size: 28px; letter-spacing: -1.1px; }
.brand { font-weight: 650; font-size: 28px; letter-spacing: -1.4px; }
.studio-heading h2 { font-weight: 500; font-size: 26px; letter-spacing: -1px; line-height: 1.3; }
dialog h2, #settings-dialog h2 { font-weight: 500; font-size: 25px; letter-spacing: -.9px; }
.recording-card .card-title { font-weight: 650; font-size: 13px; }
.card-meta { font-size: 10px; }
.library-tab, .record-button, .reverse-text strong { font-weight: 650; }
.effect-button { font-size: 10px; font-weight: 550; gap: 6px; }
.slider-control label, .slider-control output { font-size: 11px; font-weight: 550; }
.waveform-timeline, .record-timer, .card-duration { font-variant-numeric: tabular-nums; }
.settings-group { font-weight: 700; letter-spacing: 1.5px; }
#settings-dialog .setting-row strong { font-size: 12px; font-weight: 600; }
.setting-row select { font-size: 12px; font-weight: 600; }
.setting-row small { font-size: 11px; }
.secondary-button, .primary-button { font-weight: 650; }
.ui-icon, .play-button .ui-icon, .play-button.is-playing .ui-icon { fill: currentColor; stroke: none; }
.effect-button .ui-icon { width: 16px; height: 16px; }
.icon-button .ui-icon { width: 22px; height: 22px; }
.studio-top-actions .ui-icon { width: 21px; height: 21px; }
.reverse-icon .ui-icon { width: 24px; height: 24px; }
.secondary-button .ui-icon, .primary-button .ui-icon { width: 17px; height: 17px; }
.favorite-button[aria-pressed=true] { --icon-tone: 1; color: var(--accent); }
.card-title .ui-icon { --icon-tone: 1; }
.skip-button .seek-icon { width: 28px; height: 28px; }
.skip-button .seek-icon text { font-family: Manrope, sans-serif; font-size: 91px; font-weight: 650; }
.mobile-back .ui-icon { width: 17px; height: 17px; vertical-align: middle; margin-right: 5px; }
@media (max-width:700px) {
  .brand { font-size: 26px; }
  h1 { font-size: 29px; }
  .studio-heading h2 { font-size: 25px; }
  .recording-card .card-title { font-size: 13px; }
  .card-meta { font-size: 10px; }
  .effect-button { font-size: 11px; }
  .slider-control label, .slider-control output { font-size: 11px; }
}

.brand-mark{width:39px;height:39px;border-radius:12px;transform:none}.brand-mark svg{width:35px;height:35px}.brand-period{color:#ad7553}@media(max-width:700px){.brand-mark{width:35px;height:35px;border-radius:11px}.brand-mark svg{width:32px;height:32px}}