.end { text-align: center; }
    .high { color: var(--accent); font-weight: 800; }

    .hidden { display: none !important; }
  </style>
</head>
<body>
  <div class="container">
    <header>
      <div>
        <h1>Math Practice Drills</h1>
        <div class="tagline">Improve speed and accuracy with timed math quizzes.</div>
      </div>
    </header>

    <section class="panel" aria-labelledby="settings-title">
      <h2 id="settings-title" class="sr-only" style="position:absolute;left:-9999px;">Settings<