:root {
  --nyaa-space-xs: clamp(4px, 0.2vw + 3.2px, 4.8px);
  --nyaa-space-s: clamp(8px, 0.35vw + 6.6px, 9.6px);
  --nyaa-space-m: clamp(12px, 0.5vw + 10.2px, 14.4px);
  --nyaa-space-l: clamp(20px, 1.1vw + 16.4px, 24px);
  --nyaa-space-xl: clamp(28px, 2.2vw + 20px, 33.6px);
  --nyaa-block-gap: var(--wp--style--block-gap, var(--wp--preset--spacing--x-small, var(--nyaa-space-s)));
  --nyaa-content-max-width: 1234px;
  --nyaa-container-padding-left: max(var(--wp--style--root--padding-left, var(--wp--preset--spacing--x-small, var(--nyaa-space-m))), env(safe-area-inset-left, 0px));
  --nyaa-container-padding-right: max(var(--wp--style--root--padding-right, var(--wp--preset--spacing--x-small, var(--nyaa-space-m))), env(safe-area-inset-right, 0px));
  --nyaa-container-max-width: calc(var(--nyaa-content-max-width) + var(--nyaa-container-padding-left) + var(--nyaa-container-padding-right));
  --nyaa-container-width: min(100%, var(--nyaa-container-max-width));
  --nyaa-radius-none: 0;
  --nyaa-radius-s: 6px;
  --nyaa-radius-m: 20px;
  --nyaa-radius-l: 24px;
  --nyaa-radius-xl: 32px;
  --nyaa-radius-pill: 999px;
  --nyaa-gutter: var(--nyaa-container-padding-left);
  --nyaa-card-gutter: var(--nyaa-space-l);
  --nyaa-color-outline: var(--wp--preset--color--outline, rgba(255, 255, 255, 0.4));
  --nyaa-color-on-dark: var(--wp--preset--color--on-dark, rgba(255, 255, 255, 0.8));
  --nyaa-color-surface-translucent: var(--wp--preset--color--surface-translucent, rgba(255, 255, 255, 0.8));
  --nyaa-color-background: var(--wp--preset--color--background, rgba(255, 255, 255, 1));
  --nyaa-color-heading: var(--wp--preset--color--heading, rgba(0, 0, 0, 1));
  --nyaa-color-primary: var(--wp--preset--color--primary, rgba(100, 49, 246, 1));
  --nyaa-height-control: 40px;
  --nyaa-size-media: 140px;
  --nyaa-size-media-column: 140px;
  --nyaa-shadow-surface: var(--wp--preset--shadow--natural, 6px 6px 9px rgba(0, 0, 0, 0.2));
  --nyaa-shadow-floating: var(--wp--preset--shadow--natural, 6px 6px 9px rgba(0, 0, 0, 0.2));
  --nyaa-shadow-raised: var(--wp--preset--shadow--natural, 6px 6px 9px rgba(0, 0, 0, 0.2));
  --nyaa-shadow-hero: var(--wp--preset--shadow--deep, 12px 12px 50px rgba(0, 0, 0, 0.4));
  --nyaa-shadow-interactive: var(--wp--preset--shadow--natural, 6px 6px 9px rgba(0, 0, 0, 0.2));
  --nyaa-shadow-accent: var(--wp--preset--shadow--natural, 6px 6px 9px rgba(0, 0, 0, 0.2));
  --nyaa-blur-sticky: 14px;
  --nyaa-leading-tight: 1.08;
  --nyaa-leading-base: 1.6;
  --nyaa-tracking-wide: 0.06em;
  --nyaa-tracking-tight: -0.03em;
  --nyaa-weight-bold: 700;
}

.nyaa-ui-chevron {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.24s ease;
  flex: 0 0 auto;
}