/* Vokabelliste */
  ul.list{list-style:none;padding:0;margin:10px 0 0}
  ul.list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
  .stufe{flex:none;width:26px;height:26px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-size:12px;color:var(--fg-dim);border:1.5px solid var(--line)}
  .stufe.done{background:var(--good);color:var(--bg);border-color:var(--good);font-weight:bold}
  .pairtext{flex:1;min-width:0}
  .pairtext em{font-style:normal;color:var(--fg-dim)}

/* Online-Sicherung */
  input.field{flex:1;min-width:0;font-family:var(--font);font-size:16px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--fg)}
  .tools.cloudbox{margin:0 0 18px;padding:0 0 14px;border-top:none;border-bottom:1px solid var(--line)}
  .cloudbox label.erste{margin-top:0}
  .cloud p{margin:4px 0;font-size:14px;color:var(--fg-dim)}
  .cloud .cloudcode{font-size:22px;font-weight:bold;letter-spacing:1px;color:var(--fg);font-family:ui-monospace,Menlo,monospace}

/* Knöpfe in den Werkzeug-Abschnitten stehen auf dem Seitenhintergrund – card.css gestaltet sie für die
   helle Karte (Hintergrund = Seitenfarbe), dort wären sie nur als Text zu sehen */
  .tools .btn:not(.ghost){background:var(--fg);color:var(--bg)}
  .tools .btn.ghost{color:var(--fg-dim);border-color:var(--line)}