ul.svelte-fd4uwc {
    margin: 0;
    padding: 0;
  }

  .qs.svelte-fd4uwc li:where(.svelte-fd4uwc),
  .ans.svelte-fd4uwc button:where(.svelte-fd4uwc) {
    margin: 3% 0;
    padding: 0;
    font-size: clamp(0.85rem, 1.2vw + 0.5rem, var(--font-lg));
    display: flex;
    align-items: center;
  }

  .proSp.svelte-fd4uwc {
    margin-right: var(--spacing-md);
    font-weight: normal;
    transition:
      color 0.6s ease,
      border-color 0.6s ease;
    color: #ccc;
  }

  .proSp.activePro.svelte-fd4uwc {
    color: #333;
    padding-bottom: 0.1rem;
    font-weight: bold;
    background-color: white;
    border: none;
  }

  .rootSp.svelte-fd4uwc {
    font-family: "Inconsolata";
  }

  .insert-input.svelte-fd4uwc {
    font-size: inherit;
    font-family: "Inconsolata";
    border: none;
    border-bottom: solid 1px cornflowerblue;
    margin: 0 2px;
    color: cornflowerblue;
    font-weight: bold;
    transition: all var(--transition-speed) ease;
  }

  .insert-input.activePro.svelte-fd4uwc {
    background-color: lime;
    animation: svelte-fd4uwc-pulse 2.4s ease-in-out infinite;
    caret-shape: block;
  }

  .insert-input.svelte-fd4uwc:focus {
    outline: none;
    border-bottom-color: var(--color-primary);
  }

  .insert-input.svelte-fd4uwc:disabled {
    border-bottom-color: transparent;
    opacity: 1;
    color: cornflowerblue;
  }

  /* (unused) .insert-input.correct {
    color: lime;
  }*/

  .insert-input.full-manual.svelte-fd4uwc {
    color: var(--color-text-dark, #333);
  }

  .suffixSp.svelte-fd4uwc {
    font-family: "Inconsolata";
  }

  .endSp.activePro.svelte-fd4uwc {
    color: cornflowerblue;
    display: inline-block;
    min-width: 2rem;
    min-height: 1em;
    transition:
      opacity 0.6s ease,
      font-weight 0.6s ease,
      color 0.6s ease;
    border: solid 3px #f3f3f3;
    background: rgba(0, 255, 0, 0.75);
    border-radius: 5px;
  }

  .endSp.drop-target.svelte-fd4uwc {
    background: color-mix(in srgb, cornflowerblue 10%, transparent);
    border-radius: 4px;
  }

  .endSp.svelte-fd4uwc {
    display: inline-block;
    min-width: 2rem;
    min-height: 1em;
    transition:
      opacity 0.6s ease,
      font-weight 0.6s ease,
      color 0.6s ease;
  }

  .qs.svelte-fd4uwc {
    width: 40%;
    display: inline-block;
  }

  .ans.svelte-fd4uwc {
    width: 40%;
    display: inline-block;
  }

  .ans.svelte-fd4uwc button:where(.svelte-fd4uwc):hover {
    opacity: 0.8;
  }

  .ans.svelte-fd4uwc button.locked:where(.svelte-fd4uwc) {
    opacity: 0.3;
    cursor: default;
  }

  /* (unused) .ans button.vanish {
    opacity: 0.15;
  }*/

  .ans.svelte-fd4uwc button:where(.svelte-fd4uwc):active {
    transform: scale(0.95);
  }

  button.svelte-fd4uwc {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }

  input.shake {
    animation: svelte-fd4uwc-shake 0.4s ease;
  }

  @keyframes svelte-fd4uwc-shake {
    0%,
    100% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-5px);
    }
    75% {
      transform: translateX(5px);
    }
  }

  @keyframes svelte-fd4uwc-pulse {
    0%,
    100% {
      background-color: lime;
    }
    50% {
      background-color: #d4ffcc; /* pale mint */
    }
  }

  ul.svelte-nkj6qi {
    margin: 0;
    padding: 0;
  }

  .qs.svelte-nkj6qi li:where(.svelte-nkj6qi),
  .ans.svelte-nkj6qi button:where(.svelte-nkj6qi) {
    margin: 3% 0;
    padding: 0;
    font-size: clamp(0.85rem, 1.2vw + 0.5rem, var(--font-lg));
    display: flex;
    align-items: center;
  }

  .proSp.svelte-nkj6qi {
    margin-right: var(--spacing-md);
    font-weight: normal;
    transition:
      color 0.6s ease,
      border-color 0.6s ease;
    color: #ccc;
  }

  .rootSp.svelte-nkj6qi,
  .suffixSp.svelte-nkj6qi {
    font-family: "Inconsolata";
  }

  .infinitivo-letters.svelte-nkj6qi {
    display: inline-flex;
    gap: 2px;
  }

  .letter-btn.svelte-nkj6qi {
    font: inherit;
    font-family: "Inconsolata";
    background: none;
    border: none;
    border-bottom: solid 1px #ccc;
    padding: 0 1px;
    cursor: pointer;
    color: inherit;
  }

  .letter-btn.svelte-nkj6qi:disabled {
    cursor: default;
    opacity: 0.5;
  }

  .insert-input.svelte-nkj6qi {
    font-size: inherit;
    font-family: "Inconsolata";
    border: none;
    border-bottom: solid 1px cornflowerblue;
    margin: 0 2px;
    color: cornflowerblue;
    font-weight: bold;
    width: 1.5em;
    transition: all var(--transition-speed) ease;
  }

  .insert-input.svelte-nkj6qi:focus {
    outline: none;
    border-bottom-color: var(--color-primary);
  }

  .insert-input.svelte-nkj6qi:disabled {
    border-bottom-color: transparent;
    opacity: 1;
    color: cornflowerblue;
  }

  .endSp.svelte-nkj6qi {
    display: inline-block;
    min-width: 2rem;
    min-height: 1em;
    transition:
      opacity 0.6s ease,
      font-weight 0.6s ease,
      color 0.6s ease;
  }

  .frame.svelte-nkj6qi div:where(.svelte-nkj6qi) {
    display: inline-block;
  }

  .qs.svelte-nkj6qi {
    width: 43%;
    display: inline-block;
  }

  .ans.svelte-nkj6qi {
    width: 35%;
  }

  .ans.svelte-nkj6qi button:where(.svelte-nkj6qi):hover {
    opacity: 0.8;
  }

  .ans.svelte-nkj6qi button.locked:where(.svelte-nkj6qi) {
    opacity: 0.3;
    cursor: default;
  }

  /* (unused) .ans button.vanish {
    opacity: 0.15;
  }*/

  .ans.svelte-nkj6qi button:where(.svelte-nkj6qi):active {
    transform: scale(0.95);
  }

  button.svelte-nkj6qi {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }

  input.shake,
  button.shake {
    animation: svelte-nkj6qi-shake 0.4s ease;
  }

  @keyframes svelte-nkj6qi-shake {
    0%,
    100% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-5px);
    }
    75% {
      transform: translateX(5px);
    }
  }


  ul.svelte-1vcv0a0 {
    margin: 0;
    padding: 0;
  }

  .qs.svelte-1vcv0a0 li:where(.svelte-1vcv0a0),
  .ans.svelte-1vcv0a0 button:where(.svelte-1vcv0a0) {
    margin: 3% 0;
    padding: 0;
    font-size: clamp(0.85rem, 1.2vw + 0.5rem, var(--font-lg));
    display: flex;
    align-items: center;
  }

  .proSp.svelte-1vcv0a0 {
    margin-right: var(--spacing-md);
    font-weight: normal;
    transition:
      color 0.6s ease,
      border-color 0.6s ease;
    color: #ccc;
  }

  .proSp.activePro.svelte-1vcv0a0 {
    color: #333;
    padding-bottom: 0.1rem;
    font-weight: bold;
    background-color: white;
    border: none;
  }

  .rootSp.svelte-1vcv0a0 {
    font-family: "Inconsolata";
  }

  .insert-input.svelte-1vcv0a0 {
    font-size: inherit;
    font-family: "Inconsolata";
    border: none;
    border-bottom: solid 1px cornflowerblue;
    margin: 0 2px;
    color: cornflowerblue;
    font-weight: bold;
    transition: all var(--transition-speed) ease;
  }

  .insert-input.activePro.svelte-1vcv0a0 {
    background-color: lime;
    animation: svelte-1vcv0a0-pulse 2.4s ease-in-out infinite;
    caret-shape: block;
  }

  .insert-input.svelte-1vcv0a0:focus {
    outline: none;
    border-bottom-color: var(--color-primary);
  }

  .insert-input.svelte-1vcv0a0:disabled {
    border-bottom-color: transparent;
    opacity: 1;
    color: cornflowerblue;
  }

  /* (unused) .insert-input.correct {
    color: lime;
  }*/

  .insert-input.full-manual.svelte-1vcv0a0 {
    color: var(--color-text-dark, #333);
  }

  .suffixSp.svelte-1vcv0a0 {
    font-family: "Inconsolata";
  }

  .endSp.activePro.svelte-1vcv0a0 {
    color: cornflowerblue;
    display: inline-block;
    min-width: 2rem;
    min-height: 1em;
    transition:
      opacity 0.6s ease,
      font-weight 0.6s ease,
      color 0.6s ease;
    border: solid 3px #f3f3f3;
    background: rgba(0, 255, 0, 0.75);
    border-radius: 5px;
  }

  .endSp.drop-target.svelte-1vcv0a0 {
    background: color-mix(in srgb, cornflowerblue 10%, transparent);
    border-radius: 4px;
  }

  .endSp.svelte-1vcv0a0 {
    display: inline-block;
    min-width: 2rem;
    min-height: 1em;
    transition:
      opacity 0.6s ease,
      font-weight 0.6s ease,
      color 0.6s ease;
  }

  .qs.svelte-1vcv0a0 {
    width: 40%;
    display: inline-block;
  }

  .ans.svelte-1vcv0a0 {
    width: 40%;
    display: inline-block;
  }

  .ans.svelte-1vcv0a0 button:where(.svelte-1vcv0a0):hover {
    opacity: 0.8;
  }

  .ans.svelte-1vcv0a0 button.locked:where(.svelte-1vcv0a0) {
    opacity: 0.3;
    cursor: default;
  }

  .ans.svelte-1vcv0a0 button:where(.svelte-1vcv0a0):active {
    transform: scale(0.95);
  }

  button.svelte-1vcv0a0 {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }

  input.shake {
    animation: svelte-1vcv0a0-shake 0.4s ease;
  }

  @keyframes svelte-1vcv0a0-shake {
    0%,
    100% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-5px);
    }
    75% {
      transform: translateX(5px);
    }
  }

  @keyframes svelte-1vcv0a0-pulse {
    0%,
    100% {
      background-color: lime;
    }
    50% {
      background-color: #d4ffcc;
    }
  }

  .shfl-rt.svelte-1kgwezj {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }

  .letter-group.svelte-1kgwezj {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xs, 0.25rem);
  }

  ul.svelte-1kgwezj {
    margin: 0;
    padding: 0;
  }

  .qs.svelte-1kgwezj li:where(.svelte-1kgwezj) {
    display: flex;
    align-items: center;
    margin: var(--spacing-sm) 0;
    padding: 0;
    line-height: var(--line-height);
    font-size: var(--font-lg);
    min-height: 2rem;
  }

  .qs.svelte-1kgwezj {
    width: 35%;
    display: inline-block;
  }

  .proSp.svelte-1kgwezj {
    text-transform: capitalize;
    margin-right: var(--spacing-md);
    font-weight: normal;
    transition:
      color 0.4s ease,
      border-color 0.4s ease;
    color: #ccc;
  }

  .endSp.svelte-1kgwezj {
    transition:
      opacity var(--transition-speed) ease,
      font-weight var(--transition-speed) ease;
  }

  h2.verbo.svelte-1sl0ad4 {
    text-transform: capitalize;
  }

  .holder.svelte-1sl0ad4 {
    width: 50%;
  }

  ul.svelte-1sl0ad4 {
    margin: 0;
    padding: 0;
  }

  .man-pro.svelte-1sl0ad4 {
    text-transform: capitalize;
    font-size: var(--font-lg);
    margin: 1% 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    font-family: "Inconsolata";
  }

  .qs.svelte-1sl0ad4 div:where(.svelte-1sl0ad4) input:where(.svelte-1sl0ad4) {
    font-size: var(--font-lg);
    border: none;
    border-bottom: solid 1px;
    font-family: inherit;
    transition: all var(--transition-speed) ease;
  }

  .qs.svelte-1sl0ad4 div:where(.svelte-1sl0ad4) input:where(.svelte-1sl0ad4):focus {
    outline: none;
    border-bottom-color: var(--color-primary);
  }

  input.inactive {
    pointer-events: none;
    opacity: 0.25;
    cursor: default;
  }

  input.shake {
    animation: svelte-1sl0ad4-shake 0.4s ease;
  }

  @keyframes svelte-1sl0ad4-shake {
    0%,
    100% {
      transform: translateX(0);
    }
    20% {
      transform: translateX(-5px);
    }
    40% {
      transform: translateX(5px);
    }
    60% {
      transform: translateX(-4px);
    }
    80% {
      transform: translateX(4px);
    }
  }

  ul.svelte-1rli9fb {
    margin: 0;
    padding: 0;
  }

  .qs.svelte-1rli9fb li:where(.svelte-1rli9fb) {
    margin: var(--spacing-sm) 0;
    padding: 0;
    line-height: var(--line-height);
    font-size: var(--font-lg);
    height: 50px;
    display: flex;
    align-items: center;
  }

  .qs.svelte-1rli9fb {
    width: 35%;
    display: inline-block;
  }

  .proSp.svelte-1rli9fb {
    text-transform: capitalize;
    margin-right: var(--spacing-md);
    font-weight: normal;
    transition:
      color 0.6s ease,
      border-color 0.6s ease;
    color: #ccc;
  }

  .confWord.svelte-1rli9fb {
    border-bottom: solid 1px var(--color-primary);
    color: var(--color-primary);
    padding: var(--spacing-sm) 0;
  }

  input.svelte-1rli9fb {
    border-top: 0;
    border-right: 0;
    border-bottom: solid 1px;
    border-left: 0;
    border-radius: 0;
    font-size: inherit;
    font-family: inherit;
    padding: var(--spacing-sm) 0;
    text-align: left;
    transition: border-color var(--transition-speed) ease;
  }

  input.svelte-1rli9fb:focus {
    outline: none;
    border-bottom-color: var(--color-primary);
  }

  input.inactive.svelte-1rli9fb {
    pointer-events: none;
    opacity: 0.25;
    cursor: default;
  }